@import "https://cdn.jsdelivr.net/npm/@fontsource/montserrat@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/montserrat@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/montserrat@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/montserrat@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/500.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/700.css";

* {
box-sizing: border-box
}

html {
scroll-behavior: smooth
}

body {
margin: 0;
-webkit-text-size-adjust: 100%;
word-break: break-word;
overflow-wrap: break-word;
font-family: 'Noto Sans', sans-serif;
background: #FAFCFD;
color: #1A1F26
}

.top-band {
background: linear-gradient(135deg, #0E2B3B 0%, #1A3D52 100%);
padding: 8px 0;
border-bottom: 2px solid #6F89A5
}

.top-band__inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px
}

.availability-mark {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #FFF;
font-family: 'Montserrat', sans-serif;
font-weight: 500
}

.availability-mark__pulse {
width: 8px;
height: 8px;
background: #4ADE80;
border-radius: 12px;
box-shadow: 0 0 0 0 #4ade80b3;
animation: pulse-indicator 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes pulse-indicator {

0%,
100% {
opacity: 1
}

50% {
opacity: .5
}
}

.quick-reach {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.quick-reach__item {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #E5EDF2;
text-decoration: none;
font-family: 'Noto Sans', sans-serif;
transition: color .12s ease-out
}

.quick-reach__item:hover {
color: #9FC0C8
}

.quick-reach__icon {
font-size: 18px;
color: #6F89A5
}

.primary-header {
background: #FFF;
border-bottom: 4px solid #0E2B3B;
position: relative;
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.primary-header__container {
max-width: 1400px;
margin: 0 auto;
padding: 16px 40px;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px
}

.brand-cluster {
display: flex;
flex-direction: column;
gap: 4px;
max-width: 340px
}

.brand-cluster__logo-box {
width: 56px;
height: 56px;
border: 1px solid #0E2B3B;
border-radius: 12px 2px 12px 2px;
padding: 8px;
background: #F8FAFB;
box-shadow: 0 1px 6px -1px #0e2b3b0f;
margin-bottom: 8px
}

.brand-cluster__logo-img {
width: 100%;
height: 100%;
object-fit: contain
}

.brand-cluster__name {
font-family: 'Montserrat', sans-serif;
font-size: 23px;
font-weight: 700;
color: #0E2B3B;
line-height: 1.15;
margin: 0
}

.brand-cluster__tagline {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #6F89A5;
line-height: 1.7;
margin: 0
}

.primary-nav {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 8px
}

.primary-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px
}

.primary-nav__item {
margin: 0
}

.primary-nav__link {
display: inline-block;
padding: 8px 16px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 500;
color: #0E2B3B;
text-decoration: none;
border-radius: 6px;
transition: background .1s linear, color .1s linear;
position: relative;
overflow: hidden
}

.primary-nav__link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #6F89A5 0%, #9FC0C8 100%);
transition: left .15s ease-out;
z-index: -1
}

.primary-nav__link:hover::before {
left: 0
}

.primary-nav__link:hover {
color: #FFF
}

.primary-nav__link:focus {
outline: 2px solid #6F89A5;
outline-offset: 2px;
transform: scale(1.02)
}

@media (max-width: 1024px) {
.primary-header__container {
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.brand-cluster {
max-width: 100%
}

.primary-nav {
width: 100%
}

.primary-nav__list {
flex-direction: row;
flex-wrap: wrap
}
}

@media (max-width: 768px) {
.top-band__inner {
flex-direction: column;
align-items: flex-start;
gap: 8px
}

.quick-reach {
flex-direction: column;
align-items: flex-start;
gap: 8px
}

.primary-header__container {
padding: 16px
}

.primary-nav__list {
flex-direction: column
}
}

@media (max-width: 480px) {
.brand-cluster__name {
font-size: 18px
}

.brand-cluster__logo-box {
width: 48px;
height: 48px
}
}

.site-footer {
background: #0E2B3B;
color: #E5EDF2;
padding: 80px 0 40px;
border-top: 4px solid #6F89A5;
position: relative
}

.site-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #9FC0C8 50%, transparent 100%)
}

.footer-grid {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 80px
}

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

.footer-col--centered {
align-items: center;
text-align: center
}

.footer-col__heading {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 600;
color: #9FC0C8;
line-height: 1.15;
margin: 0 0 8px;
letter-spacing: .02em;
text-transform: uppercase
}

.footer-col__text {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #E5EDF2;
line-height: 1.7;
margin: 0
}

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

.footer-col__list-item {
margin: 0
}

.footer-col__link {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #E5EDF2;
text-decoration: none;
transition: color .12s ease-out, padding-left .12s ease-out;
display: inline-block
}

.footer-col__link:hover {
color: #9FC0C8;
padding-left: 4px
}

.footer-col__link:focus {
outline: 2px solid #6F89A5;
outline-offset: 2px;
transform: scale(1.02)
}

.brand-footer {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px
}

.brand-footer__logo-container {
width: 80px;
height: 80px;
border: 2px solid #6F89A5;
border-radius: 20px 6px 20px 6px;
padding: 12px;
background: #9fc0c814;
box-shadow: 0 8px 48px -1px #6f89a51a
}

.brand-footer__logo {
width: 100%;
height: 100%;
object-fit: contain
}

.brand-footer__name {
font-family: 'Montserrat', sans-serif;
font-size: 23px;
font-weight: 700;
color: #FFF;
line-height: 1.15;
margin: 0
}

.brand-footer__tagline {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #9FC0C8;
line-height: 1.7;
margin: 0
}

.contact-detail {
display: flex;
align-items: flex-start;
gap: 8px;
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #E5EDF2;
line-height: 1.7
}

.contact-detail__icon {
font-size: 18px;
color: #6F89A5;
margin-top: 2px;
flex-shrink: 0
}

.contact-detail__link {
color: #E5EDF2;
text-decoration: none;
transition: color .12s ease-out
}

.contact-detail__link:hover {
color: #9FC0C8
}

.contact-detail__link:focus {
outline: 2px solid #6F89A5;
outline-offset: 2px;
transform: scale(1.02)
}

.footer-bottom {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
border-top: 1px solid #6f89a54d;
padding-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px
}

.copyright-notice {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #9FC0C8;
line-height: 1.7
}

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

.legal-links__item {
margin: 0
}

.legal-links__link {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #E5EDF2;
text-decoration: none;
transition: color .12s ease-out
}

.legal-links__link:hover {
color: #9FC0C8
}

.legal-links__link:focus {
outline: 2px solid #6F89A5;
outline-offset: 2px;
transform: scale(1.02)
}

@media (max-width: 1024px) {
.footer-grid {
grid-template-columns: 1fr;
gap: 40px
}

.footer-col--centered {
align-items: flex-start;
text-align: left
}

.brand-footer {
align-items: flex-start
}
}

@media (max-width: 768px) {
.site-footer {
padding: 40px 0 16px
}

.footer-grid {
padding: 0 16px;
margin-bottom: 40px;
gap: 40px
}

.footer-bottom {
padding: 0 16px;
padding-top: 16px;
flex-direction: column;
align-items: flex-start
}

.legal-links {
flex-direction: column;
gap: 8px
}
}

@media (max-width: 480px) {
.brand-footer__logo-container {
width: 64px;
height: 64px
}

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

.consent-bar {
position: fixed;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 680px;
background: #FFF;
border: 2px solid #0E2B3B;
border-radius: 12px;
padding: 16px 40px;
box-shadow: 0 8px 48px -1px #0e2b3b1a;
z-index: 1000;
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity .5s ease-out, transform .5s ease-out
}

.consent-bar.is-visible {
opacity: 1;
transform: translateY(0)
}

.consent-bar__inner {
display: flex;
flex-direction: column;
gap: 16px
}

.consent-bar__message {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #1A1F26;
line-height: 1.7;
margin: 0
}

.consent-bar__actions {
display: flex;
gap: 8px;
justify-content: flex-end;
flex-wrap: wrap
}

.consent-btn {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 500;
padding: 8px 16px;
border: 2px solid #0E2B3B;
border-radius: 6px;
background: transparent;
color: #0E2B3B;
cursor: pointer;
transition: background .12s ease-out, color .12s ease-out, border-color .12s ease-out;
position: relative;
overflow: hidden
}

.consent-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #0E2B3B;
transition: left .15s ease-out;
z-index: -1
}

.consent-btn:hover::before {
left: 0
}

.consent-btn:hover {
color: #FFF;
border-color: #0E2B3B
}

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

.consent-btn--decline {
border-color: #6F89A5;
color: #6F89A5
}

.consent-btn--decline::before {
background: #6F89A5
}

.consent-btn--decline:hover {
border-color: #6F89A5;
color: #FFF
}

@media (max-width: 768px) {
.consent-bar {
bottom: 16px;
left: 16px;
right: 16px;
max-width: none;
padding: 16px
}

.consent-bar__actions {
flex-direction: column
}

.consent-btn {
width: 100%
}
}

.policy-region {
max-width: 1400px;
margin: 0 auto;
padding: 80px 16px;
background: #fff
}

.policy-region h1 {
font-size: 72px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px;
padding: 0 0 40px;
border-bottom: 2px solid #9FC0C8
}

.policy-region h2 {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 80px 0 16px;
padding-left: 16px;
border-left: 6px solid #6F89A5
}

.policy-region h3 {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 40px 0 16px;
padding-left: 8px;
border-left: 4px solid #9FC0C8
}

.policy-region h4 {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
margin: 40px 0 8px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .05em
}

.policy-region h5 {
font-size: 18px;
line-height: 1.15;
color: #6F89A5;
margin: 40px 0 8px;
font-weight: 600
}

.policy-region h6 {
font-size: 15px;
line-height: 1.15;
color: #6F89A5;
margin: 16px 0 8px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em
}

.policy-region p {
font-size: 18px;
line-height: 1.7;
color: #0E2B3B;
margin: 0 0 16px
}

.policy-region ul,
.policy-region ol {
font-size: 18px;
line-height: 1.7;
color: #0E2B3B;
margin: 0 0 16px;
padding-left: 40px
}

.policy-region li {
margin: 0 0 8px;
padding-left: 8px
}

.policy-region li::marker {
color: #6F89A5
}

.policy-region ul ul,
.policy-region ol ol,
.policy-region ul ol,
.policy-region ol ul {
margin: 8px 0
}

.policy-region em,
.policy-region i {
font-style: italic;
color: #6F89A5
}

.policy-region a {
color: #6F89A5;
text-decoration: underline;
text-decoration-color: #9FC0C8;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
transition: color .12s ease-out, text-decoration-color .12s ease-out
}

.policy-region a:hover {
color: #0E2B3B;
text-decoration-color: #6F89A5
}

.policy-region a:focus {
outline: 2px solid #6F89A5;
outline-offset: 4px;
border-radius: 2px
}

.policy-region hr {
border: none;
height: 2px;
background: linear-gradient(to right, #6F89A5, #9FC0C8, transparent);
margin: 80px 0
}

.policy-region div {
margin: 0 0 16px
}

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

.policy-region h1 {
font-size: 31px;
margin: 0 0 40px;
padding: 0 0 16px
}

.policy-region h2 {
font-size: 23px;
margin: 40px 0 16px
}

.policy-region h3 {
font-size: 18px;
margin: 40px 0 8px
}

.policy-region hr {
margin: 40px 0
}
}

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

.policy-region h1 {
font-size: 23px
}

.policy-region h2 {
font-size: 18px;
padding-left: 8px;
border-left-width: 4px
}

.policy-region h3 {
font-size: 18px;
padding-left: 4px;
border-left-width: 2px
}

.policy-region p,
.policy-region ul,
.policy-region ol {
font-size: 15px
}

.policy-region ul,
.policy-region ol {
padding-left: 16px
}
}

@media (max-width: 480px) {
.policy-region h1 {
font-size: 18px
}

.policy-region ul,
.policy-region ol {
padding-left: 16px
}

.policy-region li {
padding-left: 4px
}
}

.wrk-proc {
max-width: 1400px;
margin: 0 auto
}

.wrk-proc__title-zone {
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 48%, #9FC0C8 100%);
padding-top: 80px;
padding-bottom: 160px;
position: relative;
overflow: hidden
}

.wrk-proc__title-zone::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 72px;
height: 72px;
border-top: 2px solid #ffffff2e;
border-left: 2px solid #ffffff2e
}

.wrk-proc__title-zone::after {
content: '';
position: absolute;
bottom: 16px;
right: 16px;
width: 72px;
height: 72px;
border-bottom: 2px solid #ffffff2e;
border-right: 2px solid #ffffff2e
}

.wrk-proc__title-inner {
max-width: 880px;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
text-align: center
}

.wrk-proc__pre-hdg {
font-size: 15px;
line-height: 1.7;
letter-spacing: .12em;
text-transform: uppercase;
color: #ffffffb8;
margin-bottom: 16px;
font-weight: 600
}

.wrk-proc__main-hdg {
font-size: 72px;
line-height: 1.15;
color: #fff;
margin-bottom: 40px;
font-weight: 700
}

.wrk-proc__desc {
font-size: 18px;
line-height: 1.7;
color: #ffffffe0;
max-width: 640px;
margin: 0 auto
}

.wrk-proc__steps {
background: #fff;
padding-top: 80px;
padding-bottom: 80px;
position: relative
}

.wrk-proc__steps-inner {
padding-left: 40px;
padding-right: 40px
}

.wrk-proc__steps-hdg {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin-bottom: 80px;
text-align: center;
font-weight: 700
}

.wrk-proc__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
margin-bottom: 80px
}

.wrk-proc__step-card {
background: #fff;
border: 2px solid #f4f4f4;
border-radius: 12px;
padding: 40px;
position: relative;
box-shadow: 0 1px 6px -1px #0e2b3b0f;
transition: box-shadow .12s ease-out, border-color .12s ease-out
}

.wrk-proc__step-card:hover {
box-shadow: 0 7px 20px -1px #0e2b3b17;
border-color: #9FC0C8
}

.wrk-proc__step-num {
position: absolute;
top: -20px;
left: 40px;
width: 48px;
height: 48px;
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
line-height: 1.15;
color: #fff;
font-weight: 700
}

.wrk-proc__step-ttl {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin-bottom: 16px;
margin-top: 16px;
font-weight: 700
}

.wrk-proc__step-txt {
font-size: 15px;
line-height: 1.7;
color: #333;
margin-bottom: 16px
}

.wrk-proc__step-list {
list-style: none;
padding: 0;
margin: 0
}

.wrk-proc__step-item {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-size: 15px;
line-height: 1.7;
color: #555
}

.wrk-proc__step-item::before {
content: '';
width: 6px;
height: 6px;
background: #6F89A5;
border-radius: 6px;
flex-shrink: 0;
margin-top: 8px
}

.wrk-proc__visual-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center
}

.wrk-proc__img-container {
position: relative;
overflow: hidden;
border-radius: 12px;
border: 2px solid #f4f4f4
}

.wrk-proc__img-container::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6f89a5ad;
transition: left .5s linear;
pointer-events: none
}

.wrk-proc__img-container:hover::after {
left: 100%
}

.wrk-proc__process-img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block
}

.wrk-proc__txt-column {
display: flex;
flex-direction: column;
gap: 40px
}

.wrk-proc__insight-box {
background: linear-gradient(127deg, #0e2b3b0a 0%, #9fc0c814 100%);
border-radius: 12px;
padding: 40px;
border: 2px solid #6f89a51f
}

.wrk-proc__insight-hdg {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin-bottom: 16px;
font-weight: 700
}

.wrk-proc__insight-txt {
font-size: 15px;
line-height: 1.7;
color: #333;
margin-bottom: 0
}

.wrk-proc__detail {
position: relative;
background-image: url(./promo_images/temp_2-center.jpg);
background-size: cover;
background-position: center;
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden
}

.wrk-proc__detail::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fffffff0;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
z-index: 1
}

.wrk-proc__detail-inner {
position: relative;
z-index: 2;
padding-left: 40px;
padding-right: 40px
}

.wrk-proc__detail-hdg {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin-bottom: 40px;
text-align: center;
font-weight: 700
}

.wrk-proc__phases {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 1120px;
margin: 0 auto
}

.wrk-proc__phase-row {
display: grid;
grid-template-columns: 180px 1fr;
gap: 40px;
background: #fff;
border-radius: 12px;
padding: 40px;
box-shadow: 0 1px 6px -1px #0e2b3b0f;
border: 2px solid #f4f4f4;
transition: transform .1s ease-out, box-shadow .1s ease-out;
animation: wrk-proc-blur-in .5s ease-out backwards
}

.wrk-proc__phase-row:nth-child(1) {
animation-delay: .1s
}

.wrk-proc__phase-row:nth-child(2) {
animation-delay: .2s
}

.wrk-proc__phase-row:nth-child(3) {
animation-delay: .3s
}

.wrk-proc__phase-row:nth-child(4) {
animation-delay: .4s
}

.wrk-proc__phase-row:nth-child(5) {
animation-delay: .5s
}

@keyframes wrk-proc-blur-in {
0% {
filter: blur(8px);
opacity: 0
}

100% {
filter: blur(0);
opacity: 1
}
}

.wrk-proc__phase-row:hover {
transform: translateX(4px);
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.wrk-proc__phase-label {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px
}

.wrk-proc__phase-num {
font-size: 15px;
line-height: 1.7;
letter-spacing: .12em;
text-transform: uppercase;
color: #6F89A5;
font-weight: 600
}

.wrk-proc__phase-name {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
font-weight: 700
}

.wrk-proc__phase-content {
display: flex;
flex-direction: column;
gap: 16px
}

.wrk-proc__phase-desc {
font-size: 15px;
line-height: 1.7;
color: #333;
margin: 0
}

.wrk-proc__experts {
background: #fff;
padding-top: 80px;
padding-bottom: 80px
}

.wrk-proc__experts-inner {
padding-left: 40px;
padding-right: 40px;
max-width: 1120px;
margin: 0 auto
}

.wrk-proc__experts-hdg {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin-bottom: 16px;
font-weight: 700
}

.wrk-proc__experts-sub {
font-size: 18px;
line-height: 1.7;
color: #555;
margin-bottom: 80px;
max-width: 720px
}

.wrk-proc__team-layout {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px
}

.wrk-proc__member {
display: flex;
flex-direction: column;
gap: 16px
}

.wrk-proc__portrait-wrap {
position: relative;
overflow: hidden;
border-radius: 20px;
aspect-ratio: 3/4;
border: 2px solid #f4f4f4
}

.wrk-proc__portrait-wrap::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #9fc0c8b8;
transition: left .5s linear;
pointer-events: none
}

.wrk-proc__portrait-wrap:hover::after {
left: 100%
}

.wrk-proc__portrait {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.wrk-proc__member-name {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
font-weight: 700;
margin-bottom: 4px
}

.wrk-proc__member-role {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
margin-bottom: 8px
}

.wrk-proc__member-bio {
font-size: 15px;
line-height: 1.7;
color: #555;
margin: 0
}

.wrk-proc__icon-cycle {
display: flex;
gap: 16px;
justify-content: center;
margin-top: 80px
}

.wrk-proc__cycle-icon {
width: 48px;
height: 48px;
border-radius: 20px;
background: linear-gradient(127deg, #0e2b3b14 0%, #9fc0c81f 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
color: #6F89A5;
animation: wrk-proc-icon-pulse 4s ease-in-out infinite
}

.wrk-proc__cycle-icon:nth-child(1) {
animation-delay: 0s
}

.wrk-proc__cycle-icon:nth-child(2) {
animation-delay: .8s
}

.wrk-proc__cycle-icon:nth-child(3) {
animation-delay: 1.6s
}

.wrk-proc__cycle-icon:nth-child(4) {
animation-delay: 2.4s
}

.wrk-proc__cycle-icon:nth-child(5) {
animation-delay: 3.2s
}

@keyframes wrk-proc-icon-pulse {

0%,
20%,
100% {
background: linear-gradient(127deg, #0e2b3b14 0%, #9fc0c81f 100%);
color: #6F89A5;
transform: scale(1)
}

10% {
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 100%);
color: #fff;
transform: scale(1.12)
}
}

@media (max-width: 1024px) {
.wrk-proc__main-hdg {
font-size: 54px
}

.wrk-proc__grid {
grid-template-columns: 1fr
}

.wrk-proc__visual-wrap {
grid-template-columns: 1fr
}

.wrk-proc__team-layout {
grid-template-columns: repeat(2, 1fr)
}

.wrk-proc__phase-row {
grid-template-columns: 1fr;
gap: 16px
}
}

@media (max-width: 768px) {
.wrk-proc__title-zone {
padding-top: 40px;
padding-bottom: 80px
}

.wrk-proc__main-hdg {
font-size: 42px
}

.wrk-proc__steps,
.wrk-proc__detail,
.wrk-proc__experts {
padding-top: 40px;
padding-bottom: 40px
}

.wrk-proc__steps-hdg,
.wrk-proc__detail-hdg,
.wrk-proc__experts-hdg {
margin-bottom: 40px
}

.wrk-proc__team-layout {
grid-template-columns: 1fr
}

.wrk-proc__icon-cycle {
flex-wrap: wrap;
gap: 8px
}

.wrk-proc__cycle-icon {
width: 40px;
height: 40px;
font-size: 18px
}
}

@media (max-width: 480px) {

.wrk-proc__title-inner,
.wrk-proc__steps-inner,
.wrk-proc__detail-inner,
.wrk-proc__experts-inner {
padding-left: 16px;
padding-right: 16px
}

.wrk-proc__main-hdg {
font-size: 31px
}

.wrk-proc__step-card,
.wrk-proc__insight-box,
.wrk-proc__phase-row {
padding: 16px
}

.wrk-proc__grid,
.wrk-proc__txt-column,
.wrk-proc__phases {
gap: 16px
}
}

.cntct-pg {
background: #fff;
max-width: 1400px;
margin: 0 auto;
position: relative;
overflow-x: clip
}

.cntct-pg .hdr-zone {
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 48%, #9FC0C8 100%);
padding: 80px 16px;
position: relative;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);
animation: vrt-clip-rvl 500ms ease-out forwards;
animation-delay: 0ms
}

@keyframes vrt-clip-rvl {
from {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

to {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%)
}
}

.cntct-pg .hdr-zone::before {
content: '';
position: absolute;
top: 40px;
right: 80px;
width: 120px;
height: 80px;
background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 100%);
clip-path: polygon(0 0, 8px 0, 8px 100%, 0 100%, 0 0, 20px 0, 20px 100%, 12px 100%, 0 0, 32px 0, 32px 100%, 24px 100%, 0 0, 44px 0, 44px 100%, 36px 100%, 0 0, 56px 0, 56px 100%, 48px 100%);
pointer-events: none
}

.cntct-pg .hdr-zone__ctn {
max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 340px;
gap: 40px;
align-items: start
}

.cntct-pg .mnfst {
color: #fff
}

.cntct-pg .mnfst__ttl {
font-size: 72px;
line-height: 1.15;
margin: 0 0 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .02em
}

.cntct-pg .mnfst__cpt {
font-size: 15px;
line-height: 1.7;
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: .18em;
opacity: .75;
position: relative;
padding-bottom: 16px
}

.cntct-pg .mnfst__cpt::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 1px;
background: #fff6
}

.cntct-pg .mnfst__txt {
font-size: 18px;
line-height: 1.7;
margin: 0;
color: #ffffffeb
}

.cntct-pg .mnfst__txt:first-of-type {
margin-bottom: 16px
}

.cntct-pg .mnfst__txt:last-of-type {
margin-bottom: 0
}

.cntct-pg .sd-inf {
background: #ffffff14;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 12px;
padding: 40px;
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.cntct-pg .sd-inf__hd {
font-size: 23px;
line-height: 1.15;
margin: 0 0 40px;
color: #fff;
font-weight: 600
}

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

.cntct-pg .inf-lst__itm {
display: flex;
gap: 16px;
align-items: flex-start
}

.cntct-pg .inf-lst__icn {
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff1f;
border-radius: 6px
}

.cntct-pg .inf-lst__icn svg {
width: 20px;
height: 20px;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.cntct-pg .inf-lst__ctn {
flex: 1
}

.cntct-pg .inf-lst__lbl {
font-size: 15px;
line-height: 1.7;
margin: 0 0 4px;
color: #ffffffa6;
text-transform: uppercase;
letter-spacing: .08em
}

.cntct-pg .inf-lst__val {
font-size: 18px;
line-height: 1.7;
margin: 0;
color: #fff
}

.cntct-pg .inf-lst__val a {
color: #fff;
text-decoration: none;
transition: opacity .12s ease-out
}

.cntct-pg .inf-lst__val a:hover {
opacity: .8
}

.cntct-pg .frm-sct {
background: #f4f7f9;
padding: 80px 16px;
position: relative;
animation: vrt-clip-rvl-2 500ms ease-out forwards;
animation-delay: 200ms
}

@keyframes vrt-clip-rvl-2 {
from {
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

to {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
}

.cntct-pg .frm-sct::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(90deg, #0E2B3B 0%, #6F89A5 50%, #9FC0C8 100%)
}

.cntct-pg .frm-ctn {
max-width: 720px;
margin: 0 auto
}

.cntct-pg .frm-hdr {
text-align: center;
margin-bottom: 80px
}

.cntct-pg .frm-hdr__ttl {
font-size: 31px;
line-height: 1.15;
margin: 0 0 16px;
color: #0E2B3B;
font-weight: 600
}

.cntct-pg .frm-hdr__dsc {
font-size: 18px;
line-height: 1.7;
margin: 0;
color: #6F89A5
}

.cntct-pg .cntct-frm {
background: #fff;
border-radius: 20px;
padding: 80px;
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.cntct-pg .fld-grp {
margin-bottom: 40px
}

.cntct-pg .fld-grp:last-of-type {
margin-bottom: 0
}

.cntct-pg .fld-lbl {
display: block;
font-size: 15px;
line-height: 1.7;
margin-bottom: 8px;
color: #0E2B3B;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em
}

.cntct-pg .fld-inpt {
width: 100%;
padding: 16px;
font-size: 18px;
line-height: 1.7;
border: 2px solid #9FC0C8;
border-radius: 6px;
background: #fff;
color: #0E2B3B;
transition: border-color .1s linear, box-shadow .1s linear
}

.cntct-pg .fld-inpt::placeholder {
color: #0e2b3b59
}

.cntct-pg .fld-inpt:focus {
outline: none;
border-color: #6F89A5;
box-shadow: 0 1px 6px -1px #0e2b3b0f
}

.cntct-pg .rtng-grp {
margin-bottom: 40px
}

.cntct-pg .rtng-grp__lbl {
display: block;
font-size: 15px;
line-height: 1.7;
margin-bottom: 16px;
color: #0E2B3B;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em
}

.cntct-pg .rtng-opts {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px
}

.cntct-pg .rtng-opt {
position: relative
}

.cntct-pg .rtng-opt__inpt {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.cntct-pg .rtng-opt__lbl {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 16px 8px;
background: #f4f7f9;
border: 2px solid transparent;
border-radius: 6px;
cursor: pointer;
transition: background .08s ease-out, border-color .08s ease-out, transform .08s ease-out;
position: relative;
overflow: hidden
}

.cntct-pg .rtng-opt__lbl::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #9FC0C8 100%);
transition: left .15s ease-out;
z-index: 0
}

.cntct-pg .rtng-opt__inpt:checked+.rtng-opt__lbl::before {
left: 0
}

.cntct-pg .rtng-opt__lbl:hover {
background: #e8eef2;
border-color: #9FC0C8
}

.cntct-pg .rtng-opt__inpt:checked+.rtng-opt__lbl {
background: #9FC0C8 !important;
border-color: #6F89A5
}

.cntct-pg .rtng-opt__icn {
font-size: 31px;
line-height: 1.15;
margin-bottom: 4px;
position: relative;
z-index: 1;
transition: transform .1s linear
}

.cntct-pg .rtng-opt__inpt:checked+.rtng-opt__lbl .rtng-opt__icn {
transform: scale(1.15)
}

.cntct-pg .rtng-opt__txt {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
position: relative;
z-index: 1;
transition: color .08s ease-out
}

.cntct-pg .rtng-opt__inpt:checked+.rtng-opt__lbl .rtng-opt__txt {
color: #0E2B3B;
font-weight: 600
}

.cntct-pg .prvc-grp {
margin-bottom: 40px;
display: flex;
align-items: flex-start;
gap: 16px
}

.cntct-pg .prvc-grp__chk {
width: 24px;
height: 24px;
flex-shrink: 0;
margin-top: 4px;
border: 2px solid #9FC0C8;
border-radius: 2px;
cursor: pointer;
transition: background .1s linear, border-color .1s linear;
appearance: none;
-webkit-appearance: none;
position: relative
}

.cntct-pg .prvc-grp__chk:checked {
background: #6F89A5;
border-color: #6F89A5
}

.cntct-pg .prvc-grp__chk:checked::after {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 6px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg)
}

.cntct-pg .prvc-grp__lbl {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
flex: 1
}

.cntct-pg .prvc-grp__lbl a {
color: #0E2B3B;
text-decoration: underline;
transition: color .12s ease-out
}

.cntct-pg .prvc-grp__lbl a:hover {
color: #6F89A5
}

.cntct-pg .sbmt-btn {
width: 100%;
padding: 16px 40px;
font-size: 18px;
line-height: 1.7;
font-weight: 600;
color: #fff;
background: #0E2B3B;
border: none;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform .08s ease-out
}

.cntct-pg .sbmt-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6F89A5;
transition: left .15s ease-out;
z-index: 0
}

.cntct-pg .sbmt-btn:hover::before {
left: 0
}

.cntct-pg .sbmt-btn:hover {
transform: translateY(-2px)
}

.cntct-pg .sbmt-btn span {
position: relative;
z-index: 1
}

@media (max-width: 1024px) {
.cntct-pg .hdr-zone__ctn {
grid-template-columns: 1fr;
gap: 80px
}

.cntct-pg .mnfst__ttl {
font-size: 31px
}

.cntct-pg .sd-inf {
padding: 40px
}

.cntct-pg .cntct-frm {
padding: 40px
}

.cntct-pg .rtng-opts {
grid-template-columns: repeat(3, 1fr)
}
}

@media (max-width: 768px) {
.cntct-pg .hdr-zone {
padding: 40px 16px
}

.cntct-pg .frm-sct {
padding: 40px 16px
}

.cntct-pg .cntct-frm {
padding: 40px 16px
}

.cntct-pg .rtng-opts {
grid-template-columns: 1fr 1fr
}

.cntct-pg .frm-hdr {
margin-bottom: 40px
}
}

@media (max-width: 480px) {
.cntct-pg .mnfst__ttl {
font-size: 23px
}

.cntct-pg .sd-inf {
padding: 16px
}

.cntct-pg .inf-lst {
gap: 16px
}

.cntct-pg .rtng-opts {
grid-template-columns: 1fr
}
}

.cntct-pg .dbl-fmt {
background: #fff;
padding: 80px 16px;
position: relative
}

.cntct-pg .dbl-fmt::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(270deg, #9FC0C8 0%, #6F89A5 50%, #0E2B3B 100%)
}

.cntct-pg .dbl-fmt__ctn {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.cntct-pg .txt-col {
position: relative
}

.cntct-pg .txt-col__hd {
font-size: 31px;
line-height: 1.15;
margin: 0 0 40px;
color: #0E2B3B;
font-weight: 600
}

.cntct-pg .txt-col__prgf {
font-size: 18px;
line-height: 1.7;
margin: 0 0 16px;
color: #6F89A5
}

.cntct-pg .txt-col__prgf:last-of-type {
margin-bottom: 0
}

.cntct-pg .vsl-col {
position: relative;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.cntct-pg .vsl-col__img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
transition: transform 300ms ease-out
}

.cntct-pg .vsl-col:hover .vsl-col__img {
transform: scale(1.08) translateX(-8px)
}

@media (max-width: 1024px) {
.cntct-pg .dbl-fmt__ctn {
grid-template-columns: 1fr;
gap: 40px
}

.cntct-pg .vsl-col__img {
height: 360px
}
}

@media (max-width: 768px) {
.cntct-pg .dbl-fmt {
padding: 40px 16px
}

.cntct-pg .vsl-col__img {
height: 280px
}
}

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

.rdmp__intro {
position: relative;
padding: 80px 16px;
background: radial-gradient(ellipse at 50% 50%, #9FC0C8, #fff);
overflow: hidden
}

.rdmp__intro-wrap {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center
}

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

.rdmp__intro-h {
font-size: 72px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 16px;
letter-spacing: -.02em
}

.rdmp__intro-sub {
font-size: 23px;
line-height: 1.7;
color: #6F89A5;
margin: 0 0 40px
}

.rdmp__intro-lnk {
display: inline-block;
padding: 16px 40px;
background: #0E2B3B;
color: #fff;
text-decoration: none;
font-size: 18px;
border-radius: 12px;
position: relative;
overflow: hidden;
transition: transform .12s ease-out
}

.rdmp__intro-lnk::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6F89A5;
transition: left .15s linear;
z-index: -1
}

.rdmp__intro-lnk:hover::before {
left: 0
}

.rdmp__intro-lnk:hover {
transform: translateY(-2px)
}

.rdmp__intro-img-wrap {
position: relative;
z-index: 2
}

.rdmp__intro-img-wrap::before {
content: '';
position: absolute;
top: -20px;
right: -20px;
width: 180px;
height: 180px;
border: 2px solid #9FC0C8;
border-radius: 50%;
animation: rdmp-trace 4s linear infinite;
z-index: -1
}

@keyframes rdmp-trace {

0%,
100% {
transform: scale(1) rotate(0deg);
opacity: .3
}

50% {
transform: scale(1.1) rotate(180deg);
opacity: .6
}
}

.rdmp__intro-img {
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 20px;
border: 1px solid #9FC0C8;
filter: saturate(1.15) brightness(1.05);
transition: transform .3s ease-out
}

.rdmp__intro-img:hover {
transform: scale(1.02)
}

.rdmp__intro-deco {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(117deg, #0E2B3B 0%, #6F89A5 45%, #9FC0C8 100%);
clip-path: path('M0,2 Q250,0 500,2 T1000,2 T1500,2 T2000,2 L2000,3 L0,3 Z');
pointer-events: none
}

.rdmp__phases {
padding: 80px 16px;
background: #fff;
position: relative
}

.rdmp__phases-wrap {
max-width: 1400px;
margin: 0 auto
}

.rdmp__phases-h {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 16px;
text-align: center
}

.rdmp__phases-intro {
font-size: 18px;
line-height: 1.7;
color: #6F89A5;
text-align: center;
margin: 0 0 80px;
max-width: 820px;
margin-left: auto;
margin-right: auto
}

.rdmp__phases-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.rdmp__phase-crd {
background: #fff;
border-radius: 12px;
padding: 40px;
box-shadow: 0 7px 20px -1px #0e2b3b17;
position: relative;
overflow: hidden;
transition: transform .12s ease-out, box-shadow .12s ease-out
}

.rdmp__phase-crd::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(117deg, #0E2B3B 0%, #6F89A5 45%, #9FC0C8 100%)
}

.rdmp__phase-crd:hover {
transform: translateY(-4px);
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.rdmp__phase-crd:focus-within {
outline: 3px solid #9FC0C8;
outline-offset: 4px
}

.rdmp__phase-num {
display: inline-block;
font-size: 15px;
line-height: 1.15;
color: #fff;
background: #0E2B3B;
padding: 8px 16px;
border-radius: 6px;
margin: 0 0 16px;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase
}

.rdmp__phase-ttl {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 16px
}

.rdmp__phase-desc {
font-size: 18px;
line-height: 1.7;
color: #6F89A5;
margin: 0 0 16px
}

.rdmp__phase-lst {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.rdmp__phase-itm {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 15px;
line-height: 1.7;
color: #0E2B3B
}

.rdmp__phase-icn {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px
}

.rdmp__phase-icn-svg {
width: 100%;
height: 100%;
fill: none;
stroke: #9FC0C8;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.rdmp__timeline {
padding: 80px 16px;
background: linear-gradient(117deg, #0e2b3b08 0%, #6f89a50d 45%, #9fc0c814 100%);
position: relative
}

.rdmp__timeline::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(117deg, #0E2B3B 0%, #6F89A5 45%, #9FC0C8 100%);
clip-path: path('M0,1 Q250,3 500,1 T1000,1 T1500,1 T2000,1 L2000,0 L0,0 Z');
pointer-events: none
}

.rdmp__timeline-wrap {
max-width: 1400px;
margin: 0 auto
}

.rdmp__timeline-h {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 80px;
text-align: center
}

.rdmp__timeline-dual {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
position: relative
}

.rdmp__timeline-dual::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
background: linear-gradient(180deg, #9FC0C8 0%, #6F89A5 50%, #0E2B3B 100%);
transform: translateX(-50%)
}

.rdmp__path {
position: relative
}

.rdmp__path-label {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px;
font-weight: 600;
letter-spacing: .05em;
text-transform: uppercase;
text-align: center;
padding: 16px;
background: #fff;
border-radius: 12px;
box-shadow: 0 1px 6px -1px #0e2b3b0f
}

.rdmp__milestone {
margin: 0 0 40px;
position: relative
}

.rdmp__milestone-hd {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 8px
}

.rdmp__milestone-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: #9FC0C8;
flex-shrink: 0;
animation: rdmp-pulse 2s ease-in-out infinite
}

@keyframes rdmp-pulse {

0%,
100% {
transform: scale(1)
}

50% {
transform: scale(1.02)
}
}

.rdmp__milestone-ttl {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0
}

.rdmp__milestone-txt {
font-size: 18px;
line-height: 1.7;
color: #6F89A5;
margin: 0;
padding-left: 32px
}

.rdmp__feat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 80px
}

.rdmp__feat {
text-align: center
}

.rdmp__feat-icn-wrap {
width: 80px;
height: 80px;
margin: 0 auto 16px;
position: relative;
display: flex;
align-items: center;
justify-content: center
}

.rdmp__feat-icn-wrap::before {
content: '';
position: absolute;
inset: 0;
border: 2px solid #9FC0C8;
border-radius: 50%;
animation: rdmp-trace-feat 3s linear infinite
}

@keyframes rdmp-trace-feat {

0%,
100% {
transform: rotate(0deg);
opacity: .4
}

50% {
transform: rotate(180deg);
opacity: .8
}
}

.rdmp__feat-icn {
width: 40px;
height: 40px;
fill: none;
stroke: #0E2B3B;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round
}

.rdmp__feat-lbl {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 8px;
font-weight: 600
}

.rdmp__feat-info {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
margin: 0
}

@media (max-width: 1024px) {
.rdmp__intro-wrap {
grid-template-columns: 1fr;
gap: 40px
}

.rdmp__intro-h {
font-size: 31px
}

.rdmp__intro-img {
height: 360px
}

.rdmp__phases-grid {
grid-template-columns: 1fr
}

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

.rdmp__timeline-dual::before {
display: none
}

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

@media (max-width: 768px) {
.rdmp__intro {
padding: 40px 16px
}

.rdmp__intro-h {
font-size: 23px
}

.rdmp__intro-sub {
font-size: 18px
}

.rdmp__intro-img {
height: 280px
}

.rdmp__phases {
padding: 40px 16px
}

.rdmp__phases-h {
font-size: 23px
}

.rdmp__phases-intro {
margin-bottom: 40px
}

.rdmp__phase-crd {
padding: 16px
}

.rdmp__phase-lst {
grid-template-columns: 1fr
}

.rdmp__timeline {
padding: 40px 16px
}

.rdmp__timeline-h {
font-size: 23px;
margin-bottom: 40px
}

.rdmp__milestone {
margin-bottom: 16px
}

.rdmp__feat-grid {
margin-top: 40px
}
}

@media (max-width: 480px) {
.rdmp__intro-lnk {
padding: 16px;
width: 100%;
text-align: center
}

.rdmp__intro-img {
height: 220px
}
}

.lrn-idx {
background: #fff;
color: #0E2B3B;
max-width: 1400px;
margin: 0 auto
}

.lrn-idx .ttl-hd {
position: relative;
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 38%, #9FC0C8 61%, #6F89A5 84%, #0E2B3B 100%);
padding-top: 80px;
padding-bottom: 160px;
overflow: visible
}

.lrn-idx .ttl-hd::before,
.lrn-idx .ttl-hd::after {
content: '';
position: absolute;
border: 1px solid #ffffff4d
}

.lrn-idx .ttl-hd::before {
top: 16px;
right: 16px;
width: 80px;
height: 80px;
border-right-width: 2px;
border-top-width: 2px;
border-left: none;
border-bottom: none
}

.lrn-idx .ttl-hd::after {
bottom: 16px;
left: 16px;
width: 120px;
height: 60px;
border-left-width: 2px;
border-bottom-width: 2px;
border-right: none;
border-top: none
}

.lrn-idx .ttl-hd__ctr {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
text-align: center
}

.lrn-idx .ttl-hd__h {
font-size: 72px;
line-height: 1.15;
color: #fff;
margin: 0 0 40px;
text-transform: uppercase;
letter-spacing: .04em;
position: relative;
display: inline-block;
animation: clr-swp 2.8s steps(8) forwards
}

@keyframes clr-swp {
0% {
color: #fff3
}

100% {
color: #fff
}
}

.lrn-idx .ttl-hd__lnk {
display: inline-block;
padding: 16px 40px;
background: #fff;
color: #0E2B3B;
font-size: 18px;
line-height: 1.7;
text-decoration: none;
border-radius: 6px;
transition: transform .12s ease-out, box-shadow .12s ease-out;
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.lrn-idx .ttl-hd__lnk:hover {
transform: translateY(-2px);
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.lrn-idx .appr-sc {
padding: 80px 40px;
background: #fefefe;
position: relative
}

.lrn-idx .appr-sc::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: repeating-linear-gradient(to right, #6F89A5 0px, #6F89A5 8px, transparent 8px, transparent 16px)
}

.lrn-idx .appr-sc__ctr {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 320px 1fr;
gap: 80px;
align-items: start
}

.lrn-idx .appr-sc__img-wrp {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 7px 20px -1px #0e2b3b17;
clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%)
}

.lrn-idx .appr-sc__img {
width: 100%;
height: 420px;
object-fit: cover;
display: block
}

.lrn-idx .appr-sc__txt {
padding-top: 8px
}

.lrn-idx .appr-sc__h {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px
}

.lrn-idx .appr-sc__p {
font-size: 18px;
line-height: 1.7;
color: #0E2B3B;
margin: 0 0 16px
}

.lrn-idx .appr-sc__p:last-child {
margin-bottom: 0
}

.lrn-idx .appr-sc__lst {
list-style: none;
padding: 0;
margin: 40px 0 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px
}

.lrn-idx .appr-sc__itm {
display: flex;
align-items: start;
gap: 8px
}

.lrn-idx .appr-sc__icn {
width: 28px;
height: 28px;
background: #9FC0C8;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 1px 6px -1px #0e2b3b0f;
position: relative;
animation: shd-pls 3.2s ease-in-out infinite
}

@keyframes shd-pls {

0%,
100% {
box-shadow: 0 1px 6px -1px #0e2b3b0f
}

50% {
box-shadow: 0 8px 48px -1px #0e2b3b1a
}
}

.lrn-idx .appr-sc__icn::before {
content: '';
width: 10px;
height: 10px;
background: #fff;
border-radius: 2px
}

.lrn-idx .appr-sc__itm-txt {
font-size: 15px;
line-height: 1.7;
color: #0E2B3B;
margin: 0;
padding-top: 4px
}

.lrn-idx .tm-sc {
padding: 80px 40px;
background: #0E2B3B !important;
color: #fff
}

.lrn-idx .tm-sc__ctr {
max-width: 1200px;
margin: 0 auto
}

.lrn-idx .tm-sc__h {
font-size: 31px;
line-height: 1.15;
color: #fff;
margin: 0 0 16px;
text-align: center
}

.lrn-idx .tm-sc__sub {
font-size: 18px;
line-height: 1.7;
color: #9FC0C8;
margin: 0 0 80px;
text-align: center
}

.lrn-idx .tm-sc__grd {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px
}

.lrn-idx .tm-crd {
background: #ffffff0d;
border-radius: 12px;
padding: 40px;
display: flex;
gap: 40px;
align-items: start;
border: 1px solid #9fc0c826;
transition: border-color .09s linear, background .09s linear
}

.lrn-idx .tm-crd:hover {
background: #ffffff14;
border-color: #9fc0c84d
}

.lrn-idx .tm-crd__img-wrp {
flex-shrink: 0;
width: 140px;
height: 175px;
border-radius: 6px;
overflow: hidden;
border: 2px solid #9fc0c833
}

.lrn-idx .tm-crd__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.lrn-idx .tm-crd__txt {
flex: 1
}

.lrn-idx .tm-crd__nm {
font-size: 23px;
line-height: 1.15;
color: #fff;
margin: 0 0 8px
}

.lrn-idx .tm-crd__rl {
font-size: 15px;
line-height: 1.7;
color: #9FC0C8;
margin: 0 0 16px
}

.lrn-idx .tm-crd__dsc {
font-size: 15px;
line-height: 1.7;
color: #fff;
margin: 0
}

.lrn-idx .hst-sc {
padding: 80px 40px;
background: #f7f9fa;
position: relative
}

.lrn-idx .hst-sc::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 96%;
height: 2px;
background: #fff;
filter: drop-shadow(0 1px 3px #0e2b3b14)
}

.lrn-idx .hst-sc__ctr {
max-width: 900px;
margin: 0 auto;
text-align: center
}

.lrn-idx .hst-sc__h {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px
}

.lrn-idx .hst-sc__bx {
background: #fff;
border-radius: 20px;
padding: 40px;
box-shadow: 0 7px 20px -1px #0e2b3b17;
border: 4px dashed #9FC0C8;
position: relative
}

.lrn-idx .hst-sc__bx::before {
content: '';
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 60px;
background: linear-gradient(127deg, #6F89A5 0%, #9FC0C8 100%);
border-radius: 12px;
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.lrn-idx .hst-sc__bx::after {
content: '';
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
width: 24px;
height: 24px;
background: #fff;
border-radius: 2px
}

.lrn-idx .hst-sc__img-wrp {
width: 100%;
max-width: 480px;
margin: 0 auto 40px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 1px 6px -1px #0e2b3b0f;
clip-path: circle(48% at 50% 50%)
}

.lrn-idx .hst-sc__img {
width: 100%;
height: 340px;
object-fit: cover;
display: block
}

.lrn-idx .hst-sc__txt {
font-size: 18px;
line-height: 1.7;
color: #0E2B3B;
margin: 0 0 16px
}

.lrn-idx .hst-sc__txt:last-child {
margin-bottom: 0
}

.lrn-idx .hst-sc__dfn {
margin: 40px 0 0;
padding: 0;
list-style: none;
text-align: left;
display: grid;
gap: 16px
}

.lrn-idx .hst-sc__dfn-itm {
display: grid;
grid-template-columns: 200px 1fr;
gap: 16px;
padding: 16px;
background: #9fc0c814;
border-radius: 6px
}

.lrn-idx .hst-sc__dfn-trm {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
font-weight: 600;
margin: 0
}

.lrn-idx .hst-sc__dfn-dsc {
font-size: 15px;
line-height: 1.7;
color: #0E2B3B;
margin: 0
}

@media (max-width: 1024px) {
.lrn-idx .ttl-hd {
padding-top: 80px;
padding-bottom: 120px
}

.lrn-idx .ttl-hd__h {
font-size: 54px
}

.lrn-idx .appr-sc__ctr {
grid-template-columns: 1fr;
gap: 40px
}

.lrn-idx .appr-sc__img-wrp {
max-width: 400px;
margin: 0 auto
}

.lrn-idx .appr-sc__lst {
grid-template-columns: 1fr
}

.lrn-idx .tm-sc__grd {
grid-template-columns: 1fr
}

.lrn-idx .hst-sc__dfn-itm {
grid-template-columns: 1fr;
gap: 8px
}
}

@media (max-width: 768px) {
.lrn-idx .ttl-hd {
padding-top: 40px;
padding-bottom: 80px
}

.lrn-idx .ttl-hd__h {
font-size: 42px
}

.lrn-idx .ttl-hd__ctr {
padding: 0 16px
}

.lrn-idx .appr-sc,
.lrn-idx .tm-sc,
.lrn-idx .hst-sc {
padding: 40px 16px
}

.lrn-idx .tm-crd {
flex-direction: column;
gap: 16px
}

.lrn-idx .tm-crd__img-wrp {
width: 100%;
max-width: 200px;
margin: 0 auto
}
}

@media (max-width: 480px) {
.lrn-idx .ttl-hd__h {
font-size: 31px
}

.lrn-idx .ttl-hd__lnk {
padding: 16px 40px;
font-size: 15px
}

.lrn-idx .appr-sc__h,
.lrn-idx .tm-sc__h,
.lrn-idx .hst-sc__h {
font-size: 23px
}

.lrn-idx .hst-sc__bx {
padding: 40px 16px
}
}

.abt-us {
max-width: 1400px;
margin: 0 auto;
background: #fff
}

.abt-us__hero {
display: flex;
align-items: center;
gap: 40px;
padding: 40px 80px;
background: linear-gradient(127deg, #9FC0C8 0%, #f5f8fa 28%, #6F89A5 100%);
position: relative;
overflow: hidden
}

.abt-us__hero::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 40px;
background: radial-gradient(circle at 50% 100%, transparent 0%, transparent 19px, #fff 20px);
background-size: 40px 40px;
background-position: 0 0
}

.abt-us__hero-txt {
flex: 1 1 70%;
z-index: 1
}

.abt-us__hero-h {
font-size: 72px;
line-height: 1.15;
color: #0E2B3B;
margin: 0;
text-transform: uppercase;
letter-spacing: .02em;
animation: hero-spin .5s ease-out
}

@keyframes hero-spin {
0% {
transform: rotate(-3deg);
opacity: 0
}

100% {
transform: rotate(0deg);
opacity: 1
}
}

.abt-us__hero-img-wrap {
flex: 0 0 28%;
z-index: 1
}

.abt-us__hero-img {
width: 100%;
height: auto;
display: block;
filter: grayscale(100%) contrast(1.4);
border-radius: 12px;
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.abt-us__story {
padding: 80px;
background: #fafbfc;
position: relative
}

.abt-us__story::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(./promo_images/14slideshow.jpg);
background-size: cover;
background-position: center;
opacity: .08;
pointer-events: none
}

.abt-us__story::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(217deg, #0e2b3beb 0%, #6f89a5e0 100%);
pointer-events: none
}

.abt-us__story-inner {
position: relative;
z-index: 1;
max-width: 920px;
margin: 0 auto
}

.abt-us__story-h {
font-size: 31px;
line-height: 1.7;
color: #fff;
margin: 0 0 40px
}

.abt-us__story-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px
}

.abt-us__story-card {
background: #fffffff2;
padding: 40px;
border-radius: 20px;
box-shadow: 0 7px 20px -1px #0e2b3b17;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: relative;
animation: card-spin .5s ease-out
}

.abt-us__story-card::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 80px;
height: 80px;
background: #9FC0C8;
border-radius: 50%;
opacity: .12;
z-index: 0
}

.abt-us__story-card::after {
content: '';
position: absolute;
bottom: 16px;
right: 16px;
width: 60px;
height: 60px;
background: #6F89A5;
border-radius: 50%;
opacity: .08;
z-index: 0
}

.abt-us__story-card-h {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 16px;
position: relative;
z-index: 1
}

.abt-us__story-card-txt {
font-size: 15px;
line-height: 1.7;
color: #2a3f4f;
margin: 0;
position: relative;
z-index: 1
}

.abt-us__story-central {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
background: #fffffffa;
padding: 40px;
border-radius: 20px;
box-shadow: 0 8px 48px -1px #0e2b3b1a;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px)
}

.abt-us__story-img-anchor {
flex: 0 0 280px;
position: relative
}

.abt-us__story-img-anchor::before {
content: '';
position: absolute;
top: -12px;
left: -12px;
width: 120px;
height: 120px;
background: #9FC0C8;
border-radius: 50%;
opacity: .15;
z-index: 0
}

.abt-us__story-img-anchor::after {
content: '';
position: absolute;
bottom: -8px;
right: -8px;
width: 90px;
height: 90px;
background: #6F89A5;
border-radius: 50%;
opacity: .12;
z-index: 0
}

.abt-us__story-anchor-img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
border-radius: 12px;
border: 2px solid #fff;
display: block;
position: relative;
z-index: 1;
box-shadow: 0 7px 20px -1px #0e2b3b17
}

.abt-us__story-anchor-txt {
flex: 1
}

.abt-us__story-anchor-h {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 16px
}

.abt-us__story-anchor-p {
font-size: 15px;
line-height: 1.7;
color: #2a3f4f;
margin: 0 0 16px
}

.abt-us__story-anchor-p:last-child {
margin-bottom: 0
}

.abt-us__story-steps {
margin-top: 40px;
background: #fffffff2;
padding: 40px;
border-radius: 20px;
box-shadow: 0 7px 20px -1px #0e2b3b17;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px)
}

.abt-us__story-steps-h {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px;
text-align: center
}

.abt-us__steps-list {
list-style: none;
margin: 0;
padding: 0;
position: relative
}

.abt-us__steps-list::before {
content: '';
position: absolute;
left: 19px;
top: 40px;
bottom: 40px;
width: 2px;
background: linear-gradient(180deg, #9FC0C8 0%, #6F89A5 100%)
}

.abt-us__step {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 40px;
position: relative
}

.abt-us__step:last-child {
margin-bottom: 0
}

.abt-us__step-num {
flex: 0 0 40px;
width: 40px;
height: 40px;
background: linear-gradient(135deg, #0E2B3B 0%, #6F89A5 100%);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
position: relative;
z-index: 1;
box-shadow: 0 1px 6px -1px #0e2b3b0f
}

.abt-us__step-txt {
flex: 1;
padding-top: 8px
}

.abt-us__step-h {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 8px;
font-weight: 600
}

.abt-us__step-p {
font-size: 15px;
line-height: 1.7;
color: #2a3f4f;
margin: 0
}

.abt-us__team {
padding: 80px;
background: #fff
}

.abt-us__team-h {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px;
text-align: center
}

.abt-us__team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
max-width: 1100px;
margin: 0 auto
}

.abt-us__member {
text-align: center;
animation: member-spin .5s ease-out
}

.abt-us__member:nth-child(2) {
animation-delay: .08s
}

.abt-us__member:nth-child(3) {
animation-delay: .15s
}

@keyframes member-spin {
0% {
transform: rotate(2deg);
opacity: 0
}

100% {
transform: rotate(0deg);
opacity: 1
}
}

.abt-us__member-img-wrap {
margin: 0 auto 16px;
width: 200px;
height: 257px;
position: relative
}

.abt-us__member-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 20px;
display: block;
box-shadow: 0 7px 20px -1px #0e2b3b17;
border: 3px solid #9FC0C8;
transition: border-color .12s ease-out, box-shadow .12s ease-out
}

.abt-us__member:hover .abt-us__member-img {
border-color: #6F89A5;
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.abt-us__member-name {
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 8px;
font-weight: 600
}

.abt-us__member-role {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
margin: 0 0 8px
}

.abt-us__member-bio {
font-size: 15px;
line-height: 1.7;
color: #2a3f4f;
margin: 0
}

.abt-us__member-placeholder {
text-align: center
}

.abt-us__member-placeholder-icon {
width: 200px;
height: 257px;
margin: 0 auto 16px;
background: linear-gradient(135deg, #9FC0C8 0%, #6F89A5 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 7px 20px -1px #0e2b3b17;
position: relative;
overflow: hidden
}

.abt-us__member-placeholder-icon::before {
content: '';
position: absolute;
width: 80px;
height: 80px;
background: #fff3;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -60%)
}

.abt-us__member-placeholder-icon::after {
content: '';
position: absolute;
width: 120px;
height: 60px;
background: #fff3;
border-radius: 60px 60px 0 0;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}

@media (max-width: 1024px) {
.abt-us__hero {
flex-direction: column;
padding: 40px
}

.abt-us__hero-txt {
flex: 1 1 100%
}

.abt-us__hero-h {
font-size: 31px
}

.abt-us__hero-img-wrap {
flex: 0 0 auto;
width: 100%;
max-width: 400px
}

.abt-us__story {
padding: 40px
}

.abt-us__story-grid {
grid-template-columns: 1fr;
gap: 16px
}

.abt-us__story-central {
flex-direction: column
}

.abt-us__story-img-anchor {
flex: 0 0 auto;
width: 100%;
max-width: 280px
}

.abt-us__team {
padding: 40px
}

.abt-us__team-h {
font-size: 23px
}

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

@media (max-width: 768px) {
.abt-us__hero {
padding: 16px
}

.abt-us__hero-h {
font-size: 23px
}

.abt-us__story {
padding: 16px
}

.abt-us__story-h {
font-size: 23px;
margin-bottom: 16px
}

.abt-us__story-card {
padding: 16px
}

.abt-us__story-central {
padding: 16px
}

.abt-us__story-steps {
padding: 16px
}

.abt-us__story-steps-h {
font-size: 18px;
margin-bottom: 16px
}

.abt-us__step {
margin-bottom: 16px
}

.abt-us__team {
padding: 16px
}

.abt-us__team-h {
font-size: 18px;
margin-bottom: 16px
}

.abt-us__team-grid {
gap: 16px
}
}

@media (max-width: 480px) {
.abt-us__hero::after {
height: 20px;
background-size: 20px 20px
}

.abt-us__story-img-anchor {
max-width: 100%
}

.abt-us__story-anchor-img {
height: 200px
}

.abt-us__member-img-wrap {
width: 160px;
height: 206px
}

.abt-us__member-placeholder-icon {
width: 160px;
height: 206px
}
}

.success-page {
max-width: 1400px;
margin: 0 auto;
padding: 80px 16px;
background: #fff
}

.success-page .confirm-block {
text-align: center;
padding: 80px 40px;
margin-bottom: 80px;
background: linear-gradient(127deg, #0E2B3B 0%, #6F89A5 48%, #9FC0C8 100%);
border-radius: 12px;
position: relative;
overflow: hidden
}

.success-page .confirm-block::before {
content: '';
position: absolute;
top: -40%;
left: -10%;
width: 280px;
height: 280px;
background: #ffffff14;
border-radius: 50%;
pointer-events: none
}

.success-page .confirm-block::after {
content: '';
position: absolute;
bottom: -30%;
right: -8%;
width: 220px;
height: 220px;
background: #ffffff0f;
border-radius: 50%;
pointer-events: none
}

.success-page .confirm-icon {
width: 88px;
height: 88px;
margin: 0 auto 40px;
position: relative;
z-index: 2
}

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

.success-page .confirm-icon circle {
fill: none;
stroke: #fff;
stroke-width: 3;
stroke-linecap: round
}

.success-page .confirm-icon polyline {
fill: none;
stroke: #fff;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round
}

.success-page .confirm-ttl {
font-size: 72px;
line-height: 1.15;
color: #fff;
margin: 0 0 16px;
position: relative;
z-index: 2
}

.success-page .confirm-msg {
font-size: 23px;
line-height: 1.7;
color: #ffffffeb;
margin: 0;
max-width: 720px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2
}

.success-page .info-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-bottom: 80px
}

.success-page .info-card {
background: #fff;
border-radius: 12px;
padding: 40px;
box-shadow: 0 7px 20px -1px #0e2b3b17;
transition: box-shadow .12s ease-out
}

.success-page .info-card:hover {
box-shadow: 0 8px 48px -1px #0e2b3b1a
}

.success-page .info-card__icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
background: linear-gradient(127deg, #9FC0C8 0%, #6F89A5 100%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center
}

.success-page .info-card__icon svg {
width: 24px;
height: 24px;
fill: #fff
}

.success-page .info-card__heading {
font-size: 23px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 8px
}

.success-page .info-card__text {
font-size: 15px;
line-height: 1.7;
color: #6F89A5;
margin: 0
}

.success-page .next-step {
background: linear-gradient(127deg, #9fc0c81f 0%, #6f89a514 100%);
border-radius: 20px;
padding: 80px 40px;
text-align: center
}

.success-page .next-step__label {
font-size: 15px;
line-height: 1.15;
color: #6F89A5;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0 0 16px
}

.success-page .next-step__heading {
font-size: 31px;
line-height: 1.15;
color: #0E2B3B;
margin: 0 0 40px;
max-width: 640px;
margin-left: auto;
margin-right: auto
}

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

.success-page .btn-primary {
display: inline-block;
padding: 16px 40px;
font-size: 18px;
line-height: 1.15;
color: #fff;
background: #0E2B3B;
border: none;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: transform .08s linear
}

.success-page .btn-primary::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #6F89A5;
transition: left .15s ease-out;
z-index: 0
}

.success-page .btn-primary:hover::before {
left: 0
}

.success-page .btn-primary:hover {
transform: translateY(-1px)
}

.success-page .btn-primary span {
position: relative;
z-index: 1
}

.success-page .btn-secondary {
display: inline-block;
padding: 16px 40px;
font-size: 18px;
line-height: 1.15;
color: #0E2B3B;
background: transparent;
border: 2px solid #9FC0C8;
border-radius: 6px;
cursor: pointer;
text-decoration: none;
transition: all .12s ease-out
}

.success-page .btn-secondary:hover {
background: #9FC0C8;
color: #0E2B3B;
border-color: #9FC0C8
}

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

.success-page .confirm-block {
padding: 40px 16px;
margin-bottom: 40px
}

.success-page .confirm-ttl {
font-size: 31px
}

.success-page .confirm-msg {
font-size: 18px
}

.success-page .info-grid {
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 40px
}

.success-page .info-card {
padding: 16px
}

.success-page .next-step {
padding: 40px 16px
}

.success-page .next-step__heading {
font-size: 23px
}

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

.success-page .btn-primary,
.success-page .btn-secondary {
width: 100%
}
}