html {
box-sizing: border-box;
scroll-behavior: smooth
}

*,
::before,
::after {
box-sizing: inherit
}

body {
margin: 0;
overscroll-behavior: contain;
overflow-x: hidden
}

:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 3px
}

:focus:not(:focus-visible) {
outline: none
}

.hd {
background-color: #F5F8F7;
background-image: repeating-linear-gradient(90deg, #4e83980a 0px, #4e83980a 1px, transparent 1px, transparent 60px), repeating-linear-gradient(0deg, #4e83980a 0px, #4e83980a 1px, transparent 1px, transparent 60px);
border-bottom: 2px solid #84AEAE;
position: relative
}

.hd_top {
background: linear-gradient(135deg, #4E8398 0%, #84AEAE 100%);
padding: 8px 32px
}

.hd_top_in {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}

.hd_contact_row {
display: flex;
align-items: center;
gap: 32px
}

.hd_contact_item {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Spectral', serif;
font-size: 14px;
color: #F5F8F7;
line-height: 1.2;
text-decoration: none;
transition: color .15s ease-out
}

.hd_contact_item:hover {
color: #fff
}

.hd_contact_item i {
font-size: 14px;
color: #F5F8F7;
opacity: .85
}

.lang_sel {
display: flex;
align-items: center;
gap: 8px
}

.lang_btn {
font-family: 'Spectral', serif;
font-size: 14px;
color: #F5F8F7;
background: #ffffff26;
border: 1px solid #ffffff4d;
border-radius: 7px;
padding: 4px 8px;
cursor: pointer;
line-height: 1.2;
transition: background .15s ease-out, border-color .15s ease-out;
min-height: 44px;
display: flex;
align-items: center
}

.lang_btn:hover,
.lang_btn.active {
background: #ffffff47;
border-color: #fff9
}

.hd_mid {
padding: 32px 32px 24px
}

.hd_mid_in {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 8px
}

.brand_lnk {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-decoration: none
}

.brand_logo_box {
width: 64px;
height: 64px;
border: 1px solid #4e839866;
border-radius: 14px;
padding: 8px;
background: #fff;
box-shadow: 2px 7px 22px 0 #4e839817;
display: flex;
align-items: center;
justify-content: center
}

.brand_logo_box img {
width: 48px;
height: 48px;
object-fit: contain;
display: block
}

.brand_name {
font-family: 'Alegreya', serif;
font-size: 29px;
font-weight: 700;
color: #4E8398;
line-height: 1.2;
letter-spacing: 0
}

.brand_tagline {
font-family: 'Spectral', serif;
font-size: 14px;
color: #84AEAE;
line-height: 1.2;
text-align: center
}

.hd_nav {
background: #fff;
border-top: 1px solid #84aeae40;
border-bottom: 1px solid #84aeae40;
padding: 0 32px;
box-shadow: 2px 2px 4px 0 #4e83980d
}

.hd_nav_in {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
gap: 0
}

.nav_lnk {
font-family: 'Spectral', serif;
font-size: 17px;
color: #2c4a54;
text-decoration: none;
padding: 16px;
line-height: 1.2;
display: flex;
align-items: center;
border-bottom: 2px solid transparent;
transition: color .12s ease-out, border-color .18s ease-out;
white-space: nowrap;
min-height: 44px
}

.nav_lnk:hover {
color: #4E8398;
border-bottom-color: #4E8398
}

.nav_lnk.curr {
color: #4E8398;
border-bottom-color: #84AEAE;
font-weight: 700
}

.ft {
background: linear-gradient(160deg, #2c4a54 0%, #3d6b7a 60%, #4E8398 100%);
padding: 56px 32px 0;
position: relative
}

.ft_in {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 56px;
flex-wrap: wrap
}

.ft_brand {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 180px
}

.ft_brand_row {
display: flex;
align-items: center;
gap: 16px
}

.ft_logo_box {
width: 56px;
height: 56px;
border: 1px solid #ffffff59;
border-radius: 14px;
padding: 8px;
background: #ffffff1a;
box-shadow: 2px 7px 22px 0 #4e839824;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

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

.ft_brand_name {
font-family: 'Alegreya', serif;
font-size: 22px;
font-weight: 700;
color: #F5F8F7;
line-height: 1.2
}

.ft_desc {
font-family: 'Spectral', serif;
font-size: 14px;
color: #f5f8f7b3;
line-height: 1.7;
max-width: 220px
}

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

.ft_contacts_label {
font-family: 'Alegreya', serif;
font-size: 17px;
font-weight: 700;
color: #84AEAE;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0
}

.ft_addr {
font-family: 'Spectral', serif;
font-size: 14px;
color: #f5f8f7cc;
line-height: 1.7;
font-style: normal
}

.ft_contact_lnk {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Spectral', serif;
font-size: 14px;
color: #f5f8f7cc;
text-decoration: none;
line-height: 1.2;
transition: color .12s ease-out
}

.ft_contact_lnk:hover {
color: #F5F8F7
}

.ft_contact_lnk i {
font-size: 14px;
color: #84AEAE
}

.ft_bottom {
margin-top: 56px;
padding: 24px 32px;
background: #ffffff0f;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #84aeae33;
border-radius: 26px 26px 0 0;
box-shadow: inset 0 2px 8px 0 #4e839814
}

.ft_bottom_in {
max-width: 1170px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.ft_copy {
font-family: 'Spectral', serif;
font-size: 14px;
color: #f5f8f78c;
line-height: 1.2
}

.ft_legal {
display: flex;
align-items: center;
gap: 32px
}

.ft_legal_lnk {
font-family: 'Spectral', serif;
font-size: 14px;
color: #f5f8f799;
text-decoration: none;
line-height: 1.2;
transition: color .12s ease-out
}

.ft_legal_lnk:hover {
color: #F5F8F7
}

@media (max-width: 768px) {
.hd_top {
padding: 8px 16px
}

.hd_contact_row {
gap: 16px
}

.hd_mid {
padding: 24px 16px 16px
}

.hd_nav {
padding: 0 16px
}

.nav_lnk {
font-size: 14px;
padding: 12px 8px
}

.ft {
padding: 56px 16px 0
}

.ft_in {
gap: 32px
}

.ft_bottom {
padding: 24px 16px
}

.ft_bottom_in {
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.ft_legal {
gap: 16px
}
}

@media (max-width: 480px) {
.hd_contact_row {
flex-wrap: wrap;
gap: 8px
}

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

.ft_in {
flex-direction: column;
gap: 32px
}

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

.policy-view {
max-width: 1170px;
margin: 0 auto;
padding: 56px 32px
}

.policy-view h1 {
font-size: 55px;
line-height: 1.2;
color: #1b2a30;
margin-bottom: 32px;
margin-top: 0
}

.policy-view h2 {
font-size: 40px;
line-height: 1.2;
color: #1b2a30;
margin-top: 56px;
margin-bottom: 16px
}

.policy-view h3 {
font-size: 29px;
line-height: 1.2;
color: #1b2a30;
margin-top: 32px;
margin-bottom: 16px
}

.policy-view h4 {
font-size: 22px;
line-height: 1.2;
color: #2c3e44;
margin-top: 32px;
margin-bottom: 8px
}

.policy-view h5 {
font-size: 17px;
line-height: 1.7;
color: #2c3e44;
margin-top: 16px;
margin-bottom: 8px
}

.policy-view h6 {
font-size: 14px;
line-height: 1.7;
color: #4E8398;
text-transform: uppercase;
margin-top: 16px;
margin-bottom: 8px
}

.policy-view p {
font-size: 17px;
line-height: 1.7;
color: #2c3e44;
margin-top: 0;
margin-bottom: 16px
}

.policy-view ul,
.policy-view ol {
font-size: 17px;
line-height: 1.7;
color: #2c3e44;
margin-top: 0;
margin-bottom: 16px;
padding-left: 32px
}

.policy-view ul {
list-style-type: disc
}

.policy-view ol {
list-style-type: decimal
}

.policy-view li {
margin-bottom: 8px
}

.policy-view li:last-child {
margin-bottom: 0
}

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

.policy-view strong,
.policy-view b {
font-weight: 700;
color: #1b2a30
}

.policy-view hr {
border: none;
border-top: 1px solid #84AEAE;
margin-top: 56px;
margin-bottom: 56px;
opacity: .4
}

.policy-view table {
width: 100%;
border-collapse: collapse;
font-size: 17px;
line-height: 1.7;
color: #2c3e44;
margin-bottom: 32px;
border-radius: 7px;
overflow: hidden;
box-shadow: 2px 2px 4px 0 #4e83980d 2px 7px 22px 0 #4e839817
}

.policy-view thead {
background-color: #F5F8F7
}

.policy-view thead tr {
border-bottom: 2px solid #84AEAE
}

.policy-view tbody tr {
border-bottom: 1px solid #84aeae40;
transition: background-color .15s ease-out
}

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

.policy-view tbody tr:hover {
background-color: #f5f8f7cc
}

.policy-view th {
padding: 16px;
text-align: left;
font-size: 14px;
font-weight: 700;
color: #4E8398;
text-transform: uppercase
}

.policy-view td {
padding: 16px;
vertical-align: top
}

@media (max-width: 768px) {
.policy-view {
padding: 32px 16px
}

.policy-view h1 {
font-size: 40px
}

.policy-view h2 {
font-size: 29px;
margin-top: 32px
}

.policy-view h3 {
font-size: 22px
}

.policy-view table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}

@media (max-width: 480px) {
.policy-view {
padding: 32px 16px
}

.policy-view h1 {
font-size: 29px
}

.policy-view h2 {
font-size: 22px
}

.policy-view h3 {
font-size: 17px
}

.policy-view hr {
margin-top: 32px;
margin-bottom: 32px
}
}

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

.cs_det .art_head {
max-width: 1170px;
margin: 0 auto;
padding: 56px 32px 96px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start
}

.cs_det .art_img_col {
position: relative;
overflow: hidden;
border-radius: 14px;
box-shadow: 2px 12px 44px 0 #4e839824
}

.cs_det .art_img_col img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
border-radius: 14px;
clip-path: inset(0 round 14px);
transition: transform .18s ease-out
}

.cs_det .art_img_col:hover img {
transform: scale(1.03)
}

.cs_det .art_txt_col {
padding: 32px 0 96px;
position: relative
}

.cs_det .art_quote_mark {
position: absolute;
top: -8px;
left: -16px;
font-size: 220px;
line-height: 1.2;
color: #84AEAE;
opacity: .09;
pointer-events: none;
user-select: none;
z-index: 0
}

.cs_det .art_txt_col>* {
position: relative;
z-index: 1
}

.cs_det .art_meta_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
margin-bottom: 32px
}

.cs_det .art_meta_row .meta_badge {
background: #F5F8F7;
border: 1px solid #84AEAE;
border-radius: 7px;
padding: 8px 16px;
font-size: 14px;
line-height: 1.2;
color: #4E8398;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.cs_det .art_meta_row .meta_badge svg {
flex-shrink: 0
}

.cs_det .art_h1 {
font-size: 40px;
line-height: 1.2;
margin: 0 0 32px;
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs_det .art_lead {
font-size: 17px;
line-height: 1.7;
color: #2a3a40;
margin: 0 0 32px;
text-align: justify
}

.cs_det .art_lead::first-letter {
font-size: 55px;
line-height: 1.2;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #4E8398;
font-weight: 700
}

.cs_det .err_btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 7px;
border: 1px solid #84AEAE;
background: #fff;
color: #4E8398;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
transition: background .15s ease-out, border-color .12s ease-out, box-shadow .18s ease-out;
box-shadow: 2px 2px 4px 0 #4e83980d;
cursor: pointer;
position: relative
}

.cs_det .err_btn::after {
content: '';
position: absolute;
inset: 3px;
border-radius: 4px;
border: 1px solid transparent;
transition: border-color .15s ease-out;
pointer-events: none
}

.cs_det .err_btn:hover {
background: #F5F8F7;
border-color: #4E8398;
box-shadow: 2px 7px 22px 0 #4e839817
}

.cs_det .err_btn:hover::after {
border-color: #84AEAE
}

.cs_det .err_btn:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 3px
}

.cs_det .divider_band {
height: 4px;
background: linear-gradient(90deg, #4E8398 0%, #84AEAE 60%, #F5F8F7 100%);
border-radius: 2px;
max-width: 1170px;
margin: 0 auto
}

.cs_det .art_body_wrap {
max-width: 1170px;
margin: 0 auto;
padding: 56px 32px 96px;
display: grid;
grid-template-columns: 1fr 320px;
gap: 56px;
align-items: start
}

.cs_det .art_body {
min-width: 0
}

.cs_det .art_body p {
font-size: 17px;
line-height: 1.7;
color: #2a3a40;
margin: 0 0 16px;
text-align: justify
}

.cs_det .art_body h2 {
font-size: 29px;
line-height: 1.2;
color: #4E8398;
margin: 32px 0 16px;
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs_det .art_body code {
background: #F5F8F7;
border: 1px solid #84AEAE;
border-radius: 4px;
padding: 2px 8px;
font-size: 14px;
color: #4E8398
}

.cs_det .art_body abbr {
text-decoration: underline dotted #84AEAE;
cursor: help;
color: inherit
}

.cs_det .art_body table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 14px;
line-height: 1.7;
border-radius: 7px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #4e839817
}

.cs_det .art_body caption {
font-size: 14px;
color: #4E8398;
margin-bottom: 8px;
text-align: left;
font-style: italic
}

.cs_det .art_body thead tr {
background: #4E8398;
color: #fff
}

.cs_det .art_body thead td,
.cs_det .art_body thead th {
padding: 16px;
font-size: 14px;
line-height: 1.2;
font-weight: 600
}

.cs_det .art_body tbody tr {
border-bottom: 1px solid #F5F8F7;
transition: background .12s ease-out
}

.cs_det .art_body tbody tr:hover {
background: #F5F8F7
}

.cs_det .art_body tbody td {
padding: 16px;
color: #2a3a40;
vertical-align: top
}

.cs_det .art_body time {
font-size: 14px;
color: #4E8398;
font-style: italic
}

.cs_det .art_side {
position: sticky;
top: 32px;
display: flex;
flex-direction: column;
gap: 32px
}

.cs_det .side_card {
background: #F5F8F7;
border-radius: 14px;
padding: 32px;
box-shadow: 2px 7px 22px 0 #4e839817
}

.cs_det .side_card_label {
font-size: 14px;
line-height: 1.2;
color: #84AEAE;
text-transform: uppercase;
letter-spacing: .05em;
margin: 0 0 16px
}

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

.cs_det .side_nav_list li a {
display: block;
font-size: 14px;
line-height: 1.7;
color: #4E8398;
text-decoration: none;
padding: 8px;
border-radius: 7px;
transition: background .15s ease-out, color .12s ease-out
}

.cs_det .side_nav_list li a:hover {
background: #fff;
color: #2a3a40
}

.cs_det .side_nav_list li a:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 2px
}

.cs_det .side_err_wrap {
display: flex;
flex-direction: column;
gap: 8px
}

.cs_det .side_err_wrap p {
font-size: 14px;
line-height: 1.7;
color: #2a3a40;
margin: 0
}

.cs_det .geo_accent {
position: absolute;
right: -56px;
top: 80px;
width: 260px;
height: 260px;
border-radius: 42px;
background: linear-gradient(135deg, #84aeae1a 0%, #4e83980f 100%);
transform: rotate(22deg);
pointer-events: none;
z-index: 0
}

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

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

.cs_det .art_img_col {
animation: clip_reveal .55s cubic-bezier(0.22, 1.2, 0.36, 1) both
}

.cs_det .art_txt_col {
animation: clip_reveal .65s .12s cubic-bezier(0.22, 1.1, 0.36, 1) both
}

@media (max-width: 1024px) {
.cs_det .art_head {
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 32px 56px
}

.cs_det .art_img_col img {
height: 340px
}

.cs_det .art_txt_col {
padding: 16px 0 32px
}

.cs_det .art_body_wrap {
grid-template-columns: 1fr;
padding: 32px 32px 56px
}

.cs_det .art_side {
position: static
}

.cs_det .geo_accent {
display: none
}
}

@media (max-width: 768px) {
.cs_det .art_head {
padding: 32px 16px 56px
}

.cs_det .art_h1 {
font-size: 29px
}

.cs_det .art_img_col img {
height: 240px
}

.cs_det .art_body_wrap {
padding: 32px 16px 56px
}

.cs_det .art_body h2 {
font-size: 22px
}
}

@media (max-width: 480px) {
.cs_det .art_meta_row {
flex-direction: column;
align-items: flex-start
}

.cs_det .art_h1 {
font-size: 22px
}

.cs_det .art_lead::first-letter {
font-size: 40px
}
}

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

.cs .pg_wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.cs .ttl_band {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 480px;
position: relative;
background: #F5F8F7
}

.cs .ttl_band::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #4E8398 0%, #84AEAE 100%)
}

.cs .ttl_txt {
padding: 96px 56px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 32px
}

.cs .ttl_eyebrow {
display: flex;
align-items: center;
gap: 16px
}

.cs .ttl_dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #4E8398;
flex-shrink: 0
}

.cs .ttl_label {
font-size: 14px;
color: #4E8398;
letter-spacing: .08em;
text-transform: uppercase
}

.cs .ttl_h1 {
font-size: 55px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .ttl_h1 .acc {
background: linear-gradient(120deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs .ttl_h1 .punct {
color: #4E8398;
-webkit-text-fill-color: #4E8398
}

.cs .ttl_desc {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
max-width: 420px;
text-align: justify;
margin: 0
}

.cs .ttl_img_col {
position: relative;
overflow: hidden
}

.cs .ttl_img_col img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.7);
transition: filter .18s ease-out
}

.cs .ttl_img_col:hover img {
filter: saturate(1)
}

.cs .ttl_img_overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #4e839861 0%, #84aeae1f 60%, transparent 100%);
pointer-events: none
}

.cs .ttl_blur1 {
position: absolute;
width: 180px;
height: 180px;
border-radius: 42px;
background: #4e839821;
filter: blur(48px);
top: -32px;
left: 32px;
pointer-events: none
}

.cs .ttl_blur2 {
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
background: #84aeae29;
filter: blur(36px);
bottom: 32px;
right: 56px;
pointer-events: none
}

.cs .posts_sec {
padding: 96px 0;
background: #fff;
position: relative
}

.cs .posts_sec::before {
content: '';
display: block;
border-top: 2px dotted #84AEAE;
margin: 0 32px 96px;
opacity: .5
}

.cs .posts_hd {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 56px;
gap: 32px
}

.cs .posts_hd_h2 {
font-size: 40px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .posts_hd_h2 .acc {
background: linear-gradient(120deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs .posts_hd_sub {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
max-width: 340px;
text-align: right;
margin: 0
}

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

.cs .card {
display: flex;
flex-direction: column;
border-radius: 14px;
overflow: hidden;
background: #F5F8F7;
box-shadow: 2px 7px 22px 0 #4e839817;
transition: box-shadow .18s ease-out, transform .15s ease-out;
position: relative
}

.cs .card::before {
content: '';
position: absolute;
inset: 0;
border-radius: 14px;
border: 2px solid transparent;
pointer-events: none;
transition: border-color .15s ease-out;
z-index: 1
}

.cs .card:hover {
box-shadow: 2px 12px 44px 0 #4e839824;
transform: translateY(-3px)
}

.cs .card:hover::before {
border-color: #4e839838
}

.cs .card_img_wrap {
width: 100%;
height: 200px;
overflow: hidden;
flex-shrink: 0;
position: relative
}

.cs .card_img_wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(0.65);
transition: filter .2s ease-out, transform .2s ease-out
}

.cs .card:hover .card_img_wrap img {
filter: saturate(1);
transform: scale(1.03)
}

.cs .card_body {
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
flex: 1
}

.cs .card_meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.cs .card_meta_item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #4E8398
}

.cs .card_meta_item svg {
flex-shrink: 0
}

.cs .card_h3 {
font-size: 22px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .card_desc {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
text-align: justify;
margin: 0;
flex: 1
}

.cs .card_lnk {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #4E8398;
text-decoration: none;
font-weight: 600;
padding: 8px 16px;
border-radius: 7px;
border: 2px solid #4E8398;
align-self: flex-start;
transition: background .15s ease-out, color .15s ease-out;
position: relative
}

.cs .card_lnk::after {
content: '';
position: absolute;
inset: 3px;
border-radius: 4px;
border: 1px solid #4e839800;
transition: border-color .15s ease-out
}

.cs .card_lnk:hover {
background: #4E8398;
color: #fff
}

.cs .card_lnk:hover::after {
border-color: #ffffff4d
}

.cs .card_lnk:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 3px
}

.cs .why_sec {
padding: 96px 0;
background: #F5F8F7;
position: relative
}

.cs .why_sec::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(180deg, #84AEAE 0%, #4E8398 100%)
}

.cs .why_sec::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: repeating-linear-gradient(90deg, #84AEAE 0px, #84AEAE 6px, transparent 6px, transparent 18px);
opacity: .4
}

.cs .why_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

.cs .why_txt {
display: flex;
flex-direction: column;
gap: 32px
}

.cs .why_h2 {
font-size: 40px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .why_h2 .acc {
background: linear-gradient(120deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs .why_body {
display: flex;
flex-direction: column;
gap: 16px
}

.cs .why_p {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
text-align: justify;
margin: 0
}

.cs .why_p:first-child::first-letter {
font-size: 40px;
line-height: 1;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.cs .why_stats {
display: flex;
flex-direction: column;
gap: 32px
}

.cs .stat_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 32px;
background: #fff;
border-radius: 14px;
box-shadow: 2px 2px 4px 0 #4e83980d;
transition: box-shadow .18s ease-out
}

.cs .stat_row:hover {
box-shadow: 2px 7px 22px 0 #4e839817
}

.cs .stat_icon {
width: 48px;
height: 48px;
border-radius: 14px;
background: linear-gradient(135deg, #4E8398 0%, #84AEAE 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.cs .stat_txt {
display: flex;
flex-direction: column;
gap: 8px
}

.cs .stat_num {
font-size: 29px;
line-height: 1.2;
color: #4E8398;
font-weight: 700
}

.cs .stat_lbl {
font-size: 14px;
line-height: 1.7;
color: #3a4a50
}

.cs .img_sec {
padding: 96px 0;
background: #fff
}

.cs .img_grid {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 56px;
align-items: center
}

.cs .img_frame {
position: relative;
border-radius: 26px;
overflow: hidden;
box-shadow: 2px 12px 44px 0 #4e839824
}

.cs .img_frame img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
filter: saturate(0.7);
transition: filter .2s ease-out
}

.cs .img_frame:hover img {
filter: saturate(1)
}

.cs .img_frame_border {
position: absolute;
inset: 8px;
border-radius: 20px;
border: 2px solid #ffffff59;
pointer-events: none
}

.cs .img_txt {
display: flex;
flex-direction: column;
gap: 32px
}

.cs .img_h2 {
font-size: 40px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .img_h2 .acc {
background: linear-gradient(120deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cs .img_body {
display: flex;
flex-direction: column;
gap: 16px
}

.cs .img_p {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
text-align: justify;
margin: 0
}

.cs .img_p:first-child::first-letter {
font-size: 40px;
line-height: 1;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.cs .img_cta {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
color: #fff;
background: #4E8398;
text-decoration: none;
padding: 16px 32px;
border-radius: 7px;
align-self: flex-start;
border: 2px solid #4E8398;
position: relative;
transition: background .15s ease-out, color .12s ease-out
}

.cs .img_cta::after {
content: '';
position: absolute;
inset: 4px;
border-radius: 4px;
border: 1px solid #fff0;
transition: border-color .15s ease-out
}

.cs .img_cta:hover {
background: transparent;
color: #4E8398
}

.cs .img_cta:hover::after {
border-color: #4e839866
}

.cs .img_cta:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 3px
}

.cs .chevron_sec {
padding: 96px 0;
background: #F5F8F7;
position: relative;
overflow: hidden
}

.cs .chevron_bg {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(120deg, transparent 0px, transparent 18px, #4e83980a 18px, #4e83980a 20px);
pointer-events: none
}

.cs .chevron_sec::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: repeating-linear-gradient(90deg, #4E8398 0px, #4E8398 6px, transparent 6px, transparent 18px);
opacity: .35
}

.cs .chev_inner {
position: relative;
z-index: 2
}

.cs .chev_h2 {
font-size: 40px;
line-height: 1.2;
color: #1e2a2e;
margin: 0 0 56px
}

.cs .chev_h2 .acc {
background: linear-gradient(120deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

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

.cs .step_item {
display: grid;
grid-template-columns: 56px 1fr;
gap: 32px;
align-items: start;
padding: 32px;
background: #fff;
border-radius: 14px;
box-shadow: 2px 2px 4px 0 #4e83980d;
transition: box-shadow .18s ease-out, transform .15s ease-out
}

.cs .step_item:hover {
box-shadow: 2px 7px 22px 0 #4e839817;
transform: translateX(6px)
}

.cs .step_num {
width: 56px;
height: 56px;
border-radius: 14px;
background: linear-gradient(135deg, #4E8398 0%, #84AEAE 100%);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
font-weight: 700;
flex-shrink: 0
}

.cs .step_cnt {
display: flex;
flex-direction: column;
gap: 8px
}

.cs .step_h4 {
font-size: 22px;
line-height: 1.2;
color: #1e2a2e;
margin: 0
}

.cs .step_p {
font-size: 17px;
line-height: 1.7;
color: #3a4a50;
text-align: justify;
margin: 0
}

@keyframes warmcool {
0% {
background-color: #F5F8F7
}

33% {
background-color: #eef5f3
}

66% {
background-color: #f0f4f7
}

100% {
background-color: #F5F8F7
}
}

.cs .ttl_band {
animation: warmcool 9s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite
}

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

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

.cs .ttl_txt {
animation: emerge .55s cubic-bezier(0.34, 1.3, 0.64, 1) both
}

@media (max-width: 1024px) {
.cs .ttl_band {
grid-template-columns: 1fr
}

.cs .ttl_img_col {
height: 280px
}

.cs .cards_grid {
grid-template-columns: 1fr 1fr
}

.cs .why_grid {
grid-template-columns: 1fr
}

.cs .img_grid {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.cs .ttl_h1 {
font-size: 40px
}

.cs .ttl_txt {
padding: 56px 32px
}

.cs .cards_grid {
grid-template-columns: 1fr
}

.cs .posts_hd {
flex-direction: column;
align-items: flex-start
}

.cs .posts_hd_sub {
text-align: left
}

.cs .why_h2,
.cs .img_h2,
.cs .chev_h2 {
font-size: 29px
}

.cs .step_item {
grid-template-columns: 40px 1fr;
gap: 16px
}

.cs .step_num {
width: 40px;
height: 40px;
font-size: 17px;
border-radius: 7px
}
}

@media (max-width: 480px) {
.cs .pg_wrap {
padding: 0 16px
}

.cs .ttl_h1 {
font-size: 29px
}

.cs .ttl_txt {
padding: 56px 16px
}

.cs .card_body {
padding: 16px
}

.cs .stat_row {
padding: 16px
}
}

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

.cu .pg-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.cu .reach-band {
background: #4E8398;
padding: 96px 32px 56px
}

.cu .reach-band .pg-wrap {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 56px
}

.cu .reach-img-col {
flex: 0 0 340px;
position: relative
}

.cu .reach-img-col::before {
content: '';
position: absolute;
top: -12px;
left: -12px;
right: 12px;
bottom: 12px;
border: 1px solid #f5f8f74d;
border-radius: 14px;
pointer-events: none;
z-index: 1
}

.cu .reach-img-col::after {
content: '';
position: absolute;
top: 12px;
left: 12px;
right: -12px;
bottom: -12px;
border: 1px solid #f5f8f726;
border-radius: 14px;
pointer-events: none;
z-index: 1
}

.cu .reach-img-wrap {
width: 100%;
height: 420px;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 12px 44px 0 #4e839824
}

.cu .reach-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(15%) contrast(1.05)
}

.cu .reach-img-grain {
position: absolute;
inset: 0;
border-radius: 14px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 2
}

.cu .reach-text-col {
flex: 1;
padding-top: 16px
}

.cu .reach-label {
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #f5f8f7b3;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 16px
}

.cu .reach-h1 {
font-size: 55px;
line-height: 1.2;
margin: 0 0 32px;
background: linear-gradient(112deg, #F5F8F7 30%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cu .reach-desc {
font-size: 17px;
line-height: 1.7;
color: #f5f8f7d9;
text-align: justified;
margin: 0 0 32px
}

.cu .reach-contacts {
display: flex;
flex-direction: column;
gap: 16px
}

.cu .reach-contact-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #f5f8f714;
border-radius: 7px;
border-right: 3px solid #84AEAE;
transition: background .18s ease-out
}

.cu .reach-contact-item:hover {
background: #f5f8f721
}

.cu .reach-contact-icon {
flex: 0 0 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #84AEAE;
font-size: 22px
}

.cu .reach-contact-data {
display: flex;
flex-direction: column;
gap: 8px
}

.cu .reach-contact-lbl {
font-size: 14px;
line-height: 1.2;
color: #f5f8f78c;
text-transform: uppercase;
letter-spacing: .06em
}

.cu .reach-contact-val {
font-size: 17px;
line-height: 1.2;
color: #F5F8F7;
text-decoration: none;
transition: color .15s ease
}

.cu .reach-contact-val:hover {
color: #84AEAE
}

.cu .zigzag-divider {
width: 100%;
line-height: 0;
display: block
}

.cu .form-band {
background: #F5F8F7;
padding: 56px 32px 96px
}

.cu .form-band .pg-wrap {
display: flex;
flex-direction: row;
gap: 56px;
align-items: flex-start
}

.cu .form-aside {
flex: 0 0 280px;
padding-top: 8px
}

.cu .form-aside-h {
font-size: 29px;
line-height: 1.2;
margin: 0 0 16px;
background: linear-gradient(135deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cu .form-aside-p {
font-size: 17px;
line-height: 1.7;
color: #2a3d44;
margin: 0 0 32px;
text-align: justify
}

.cu .form-aside-p::first-letter {
font-size: 40px;
line-height: 1;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #4E8398;
font-weight: 700
}

.cu .donut-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.cu .donut-label {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
text-transform: uppercase;
letter-spacing: .06em
}

.cu .donut-legend {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px
}

.cu .donut-leg-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.2;
color: #2a3d44
}

.cu .donut-dot {
width: 10px;
height: 10px;
border-radius: 2px;
flex-shrink: 0
}

.cu .form-main {
flex: 1
}

.cu .contact-form {
background: #fff;
border-radius: 14px;
padding: 56px;
box-shadow: 2px 7px 22px 0 #4e839817
}

.cu .form-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-bottom: 32px
}

.cu .form-field {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1
}

.cu .form-field.full {
flex: 1 1 100%
}

.cu .form-lbl {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
text-transform: uppercase;
letter-spacing: .06em
}

.cu .form-input {
height: 52px;
padding: 0 16px;
border: 1px solid #c8d8de;
border-radius: 7px;
font-size: 17px;
line-height: 1.2;
color: #1a2e35;
background: #F5F8F7;
outline: none;
transition: border-color .18s ease-out, box-shadow .18s ease-out;
box-sizing: border-box;
width: 100%
}

.cu .form-input::placeholder {
color: #1a2e3566
}

.cu .form-input:focus {
border-color: #4E8398;
box-shadow: inset 0 2px 4px 0 #4e839812
}

.cu .form-select {
height: 52px;
padding: 0 16px;
border: 1px solid #c8d8de;
border-radius: 7px;
font-size: 17px;
line-height: 1.2;
color: #1a2e35;
background: #F5F8F7;
outline: none;
transition: border-color .18s ease-out;
box-sizing: border-box;
width: 100%;
appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%234E8398' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 48px
}

.cu .form-select:focus {
border-color: #4E8398
}

.cu .radio-group {
display: flex;
flex-direction: column;
gap: 8px
}

.cu .radio-group-title {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 8px
}

.cu .radio-opts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.cu .radio-opt {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
cursor: pointer
}

.cu .radio-opt input[type="radio"] {
appearance: none;
width: 20px;
height: 20px;
border: 2px solid #84AEAE;
border-radius: 42px;
cursor: pointer;
flex-shrink: 0;
transition: border-color .15s ease, background .15s ease;
position: relative;
background: #F5F8F7
}

.cu .radio-opt input[type="radio"]:checked {
border-color: #4E8398;
background: #4E8398;
box-shadow: inset 0 0 0 4px #F5F8F7
}

.cu .radio-opt input[type="radio"]:focus {
outline: 2px solid #4E8398;
outline-offset: 2px
}

.cu .radio-opt-lbl {
font-size: 17px;
line-height: 1.2;
color: #1a2e35;
cursor: pointer
}

.cu .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 32px;
padding: 16px;
background: #F5F8F7;
border-radius: 7px
}

.cu .privacy-chk {
appearance: none;
width: 22px;
height: 22px;
min-width: 22px;
border: 2px solid #84AEAE;
border-radius: 2px;
cursor: pointer;
background: #fff;
transition: border-color .15s ease, background .15s ease;
position: relative;
margin-top: 2px
}

.cu .privacy-chk:checked {
background: #4E8398;
border-color: #4E8398
}

.cu .privacy-chk:checked::after {
content: '';
position: absolute;
left: 4px;
top: 1px;
width: 8px;
height: 12px;
border: 2px solid #fff;
border-top: none;
border-left: none;
transform: rotate(45deg)
}

.cu .privacy-chk:focus {
outline: 2px solid #4E8398;
outline-offset: 2px
}

.cu .privacy-txt {
font-size: 14px;
line-height: 1.7;
color: #2a3d44
}

.cu .privacy-txt a {
color: #4E8398;
text-decoration: underline;
transition: color .15s ease
}

.cu .privacy-txt a:hover {
color: #84AEAE
}

.cu .submit-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 56px;
padding: 0 56px;
background: #4E8398;
color: #F5F8F7;
font-size: 17px;
line-height: 1.2;
border: 2px solid #4E8398;
border-radius: 7px;
cursor: pointer;
position: relative;
transition: background .18s ease-out, color .18s ease-out, box-shadow .18s ease-out;
box-shadow: 2px 7px 22px 0 #4e839817
}

.cu .submit-btn::after {
content: '';
position: absolute;
inset: 4px;
border: 1px solid #f5f8f700;
border-radius: 4px;
transition: border-color .18s ease-out;
pointer-events: none
}

.cu .submit-btn:hover {
background: #3a6678;
box-shadow: 2px 12px 44px 0 #4e839824
}

.cu .submit-btn:hover::after {
border-color: #f5f8f780
}

.cu .submit-btn:focus {
outline: 3px solid #84AEAE;
outline-offset: 3px
}

.cu .submit-btn:active {
background: #2e5060
}

.cu .submit-icon {
font-size: 22px;
transition: transform .18s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cu .submit-btn:hover .submit-icon {
transform: rotate(360deg)
}

.cu .info-band {
background: #fff;
padding: 56px 32px;
border-top: 1px solid #c8d8de
}

.cu .info-band .pg-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: stretch
}

.cu .info-card {
padding: 32px;
border-radius: 14px;
background: #F5F8F7;
box-shadow: 2px 2px 4px 0 #4e83980d;
border-right: 3px solid #84AEAE;
transition: box-shadow .2s ease-out, transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cu .info-card:hover {
box-shadow: 2px 12px 44px 0 #4e839824;
transform: translateY(-4px)
}

.cu .info-card-icon {
font-size: 29px;
color: #4E8398;
margin-bottom: 16px;
display: block;
transition: transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.cu .info-card:hover .info-card-icon {
transform: rotate(15deg)
}

.cu .info-card-h {
font-size: 22px;
line-height: 1.2;
margin: 0 0 16px;
background: linear-gradient(135deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.cu .info-card-p {
font-size: 17px;
line-height: 1.7;
color: #2a3d44;
margin: 0;
text-align: justify
}

.cu .form-divider {
height: 1px;
background: linear-gradient(90deg, transparent, #84AEAE, transparent);
margin: 32px 0
}

@media (max-width: 1024px) {
.cu .reach-band .pg-wrap {
flex-direction: column;
gap: 32px
}

.cu .reach-img-col {
flex: 0 0 auto;
width: 100%;
max-width: 400px
}

.cu .form-band .pg-wrap {
flex-direction: column;
gap: 32px
}

.cu .form-aside {
flex: 0 0 auto;
width: 100%
}

.cu .contact-form {
padding: 32px
}

.cu .info-band .pg-wrap {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.cu .reach-h1 {
font-size: 40px
}

.cu .form-row {
flex-direction: column;
gap: 16px
}

.cu .info-band .pg-wrap {
grid-template-columns: 1fr
}

.cu .reach-band {
padding: 56px 16px 32px
}

.cu .form-band {
padding: 32px 16px 56px
}

.cu .info-band {
padding: 32px 16px
}

.cu .contact-form {
padding: 32px 16px
}

.cu .radio-opts {
flex-direction: column
}
}

@media (max-width: 480px) {
.cu .reach-h1 {
font-size: 29px
}

.cu .submit-btn {
width: 100%;
padding: 0 32px
}
}

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

.ab .pg_wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.ab .t_grad {
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.ab .s_title {
background-color: #F5F8F7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
padding: 56px 0;
position: relative
}

.ab .s_title::after {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, transparent, #84AEAE 40%, #4E8398 60%, transparent);
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.ab .title_row {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.ab .title_img_box {
flex: 0 0 auto;
width: 340px;
height: 400px;
border-radius: 14px;
overflow: hidden;
position: relative;
box-shadow: 2px 12px 44px 0 #4e839824
}

.ab .title_img_box::before {
content: '';
position: absolute;
inset: 0;
background: #4e83982e;
z-index: 1;
border-radius: 14px
}

.ab .title_img_box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.ab .dot_border {
position: absolute;
inset: -10px;
z-index: 0;
pointer-events: none
}

.ab .dot_border circle {
fill: #84AEAE
}

.ab .title_img_wrap {
position: relative;
flex: 0 0 auto
}

.ab .title_text {
flex: 1 1 0;
min-width: 0
}

.ab .title_eyebrow {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 16px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.ab .eyebrow_line {
display: inline-block;
width: 32px;
height: 2px;
background: #4E8398;
border-radius: 2px
}

.ab .title_h1 {
font-size: 55px;
line-height: 1.2;
color: #1b2d35;
margin-bottom: 32px
}

.ab .title_h1 .accent_word {
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.ab .title_body {
font-size: 17px;
line-height: 1.7;
color: #2c4a55;
text-align: justify;
max-width: 480px
}

.ab .title_body p {
margin-bottom: 16px
}

.ab .title_body p:last-child {
margin-bottom: 0
}

.ab .title_body p:first-child::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.ab .founded_tag {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 32px;
padding: 8px 16px;
border-radius: 7px;
background: #fff;
box-shadow: 2px 2px 4px 0 #4e83980d 2px 7px 22px 0 #4e839817;
font-size: 14px;
color: #4E8398
}

.ab .div_arrows {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 0;
background: #fff
}

.ab .div_arrows span {
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid #84AEAE;
border-bottom: 2px solid #84AEAE;
transform: rotate(-45deg);
opacity: .5
}

.ab .div_arrows span:nth-child(2) {
opacity: .35
}

.ab .div_arrows span:nth-child(3) {
opacity: .2
}

.ab .s_compare {
background: linear-gradient(170deg, #e8f0f3 0%, #f0f6f6 50%, #F5F8F7 100%);
padding: 96px 0;
position: relative
}

.ab .s_compare::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(90deg, #4E8398 0px, #4E8398 6px, transparent 6px, transparent 14px)
}

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

.ab .compare_left {
display: flex;
flex-direction: column;
gap: 32px
}

.ab .compare_heading {
font-size: 40px;
line-height: 1.2;
color: #1b2d35
}

.ab .compare_sub {
font-size: 17px;
line-height: 1.7;
color: #2c4a55;
text-align: justify
}

.ab .compare_sub p {
margin-bottom: 16px
}

.ab .compare_sub p:last-child {
margin-bottom: 0
}

.ab .compare_sub p:first-child::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.ab .frosted_card {
background: #ffffff8c;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid #84aeae40;
border-radius: 26px;
padding: 32px;
box-shadow: 2px 7px 22px 0 #4e839817
}

.ab .fc_label {
font-size: 14px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .07em;
margin-bottom: 16px;
font-weight: 600
}

.ab .fc_label.before {
color: #7a6a5a
}

.ab .fc_label.after {
color: #4E8398
}

.ab .fc_divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, #84AEAE, transparent);
margin: 16px 0
}

.ab .fc_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
margin-bottom: 16px
}

.ab .fc_row:last-child {
margin-bottom: 0
}

.ab .fc_icon {
flex: 0 0 auto;
width: 28px;
height: 28px;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center
}

.ab .fc_icon.neg {
background: #b48c641f
}

.ab .fc_icon.pos {
background: #4e83981f
}

.ab .fc_icon svg {
display: block
}

.ab .fc_txt {
font-size: 14px;
line-height: 1.7;
color: #2c4a55
}

.ab .compare_img_strip {
width: 100%;
height: 220px;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #4e839817
}

.ab .compare_img_strip img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.ab .div_dots {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 0;
background: #F5F8F7
}

.ab .div_dots span {
display: inline-block;
border-radius: 42px;
background: #84AEAE
}

.ab .div_dots span:nth-child(1) {
width: 4px;
height: 4px;
opacity: .3
}

.ab .div_dots span:nth-child(2) {
width: 7px;
height: 7px;
opacity: .5
}

.ab .div_dots span:nth-child(3) {
width: 10px;
height: 10px;
opacity: .7
}

.ab .div_dots span:nth-child(4) {
width: 7px;
height: 7px;
opacity: .5
}

.ab .div_dots span:nth-child(5) {
width: 4px;
height: 4px;
opacity: .3
}

.ab .s_team {
background: #fff;
padding: 96px 0 56px;
position: relative
}

.ab .s_team::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #4E8398 0%, #84AEAE 50%, #F5F8F7 100%)
}

.ab .team_top {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 56px;
align-items: start;
margin-bottom: 56px
}

.ab .team_h2 {
font-size: 40px;
line-height: 1.2;
color: #1b2d35;
margin-bottom: 16px
}

.ab .team_h3 {
font-size: 29px;
line-height: 1.2;
color: #2c4a55;
margin-bottom: 16px;
margin-top: 32px
}

.ab .team_h4 {
font-size: 22px;
line-height: 1.2;
color: #4E8398;
margin-bottom: 8px;
margin-top: 32px
}

.ab .team_body {
font-size: 17px;
line-height: 1.7;
color: #2c4a55;
text-align: justify
}

.ab .team_body p {
margin-bottom: 16px
}

.ab .team_body p:last-child {
margin-bottom: 0
}

.ab .team_body p:first-child::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.ab .team_aside {
display: flex;
flex-direction: column;
gap: 16px
}

.ab .metric_card {
border-radius: 14px;
padding: 16px;
background: #F5F8F7;
box-shadow: 2px 2px 4px 0 #4e83980d;
transition: box-shadow .18s ease-out, transform .15s ease-out
}

.ab .metric_card:hover {
box-shadow: 2px 7px 22px 0 #4e839817;
transform: translateY(-2px)
}

.ab .mc_num {
font-size: 40px;
line-height: 1.2;
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700
}

.ab .mc_label {
font-size: 14px;
line-height: 1.7;
color: #2c4a55
}

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

.ab .person_card {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #4e839817;
background: #F5F8F7;
transition: box-shadow .18s ease-out, transform .15s ease-out
}

.ab .person_card:hover {
box-shadow: 2px 12px 44px 0 #4e839824;
transform: translateY(-3px)
}

.ab .pc_img {
width: 100%;
height: 200px;
overflow: hidden;
position: relative
}

.ab .pc_img::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, #4e83981f 100%)
}

.ab .pc_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.ab .pc_body {
padding: 16px
}

.ab .pc_name {
font-size: 17px;
line-height: 1.2;
color: #1b2d35;
font-weight: 600;
margin-bottom: 8px
}

.ab .pc_role {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
margin-bottom: 8px
}

.ab .pc_desc {
font-size: 14px;
line-height: 1.7;
color: #2c4a55
}

.ab .team_h4_block {
margin-top: 56px
}

.ab .vals_row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin-top: 16px
}

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

.ab .val_icon {
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: 7px;
background: linear-gradient(135deg, #4e83981f, #84aeae2e);
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 2px 4px #4e839814
}

.ab .val_text {
flex: 1 1 0;
min-width: 0
}

.ab .val_title {
font-size: 14px;
line-height: 1.2;
color: #1b2d35;
font-weight: 600;
margin-bottom: 8px
}

.ab .val_desc {
font-size: 14px;
line-height: 1.7;
color: #2c4a55
}

@keyframes bg_pan {
0% {
background-position: 50% 100%
}

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

.ab .s_compare {
animation: bg_pan 28s linear infinite alternate;
background-size: 100% 110%
}

@media (max-width: 1024px) {
.ab .title_row {
gap: 32px
}

.ab .title_img_box {
width: 280px;
height: 340px
}

.ab .title_h1 {
font-size: 40px
}

.ab .team_top {
grid-template-columns: 1fr;
gap: 32px
}

.ab .team_aside {
flex-direction: row;
flex-wrap: wrap
}

.ab .metric_card {
flex: 1 1 140px
}

.ab .team_grid {
grid-template-columns: repeat(2, 1fr)
}

.ab .compare_layout {
grid-template-columns: 1fr;
gap: 32px
}
}

@media (max-width: 768px) {
.ab .pg_wrap {
padding: 0 16px
}

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

.ab .title_img_wrap {
width: 100%
}

.ab .title_img_box {
width: 100%;
height: 280px
}

.ab .title_h1 {
font-size: 40px
}

.ab .team_grid {
grid-template-columns: 1fr
}

.ab .vals_row {
grid-template-columns: 1fr
}

.ab .s_title {
padding: 32px 0
}

.ab .s_compare {
padding: 56px 0
}

.ab .s_team {
padding: 56px 0 32px
}

.ab .compare_heading {
font-size: 29px
}
}

@media (max-width: 480px) {
.ab .title_h1 {
font-size: 29px
}

.ab .team_h2 {
font-size: 29px
}

.ab .team_h3 {
font-size: 22px
}

.ab .compare_heading {
font-size: 22px
}

.ab .mc_num {
font-size: 29px
}

.ab .team_aside {
flex-direction: column
}
}

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

.bys * {
box-sizing: border-box
}

.bys .pg-wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.bys .grad-txt {
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.bys .t-blk {
background: #F5F8F7;
padding: 96px 0
}

.bys .t-blk .pg-wrap {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px
}

.bys .t-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 32px
}

.bys .t-col h1 {
font-size: 55px;
line-height: 1.2;
color: #1b2e36;
margin: 0
}

.bys .t-sub {
font-size: 17px;
line-height: 1.7;
color: #2c4a56;
text-align: justify;
margin: 0
}

.bys .t-sub::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
color: #4E8398;
font-weight: 700
}

.bys .t-badges {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap
}

.bys .badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: #fff;
border: 1px solid #84AEAE;
border-radius: 7px;
font-size: 14px;
color: #2c4a56;
box-shadow: 2px 2px 4px 0 #4e83980d;
position: relative;
transition: border-color .18s ease-out, box-shadow .18s ease-out
}

.bys .badge::before,
.bys .badge::after {
content: '';
position: absolute;
inset: -1px;
border-radius: 7px;
border: 2px solid transparent;
pointer-events: none;
transition: border-color .15s ease-out
}

.bys .badge:hover::after {
border-color: #4E8398
}

.bys .badge svg {
width: 16px;
height: 16px;
flex-shrink: 0
}

.bys .t-img-col {
flex: 0 0 440px;
position: relative
}

.bys .img-frame {
width: 440px;
height: 520px;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 12px 44px 0 #4e839824;
position: relative
}

.bys .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .8s cubic-bezier(0.22, 1, 0.36, 1)
}

.bys .img-frame:hover img {
transform: translateX(-4%) translateY(-2%)
}

.bys .img-vignette {
position: absolute;
inset: 0;
border-radius: 14px;
background: radial-gradient(ellipse at 0% 0%, #4e839847 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, #4e839838 0%, transparent 55%);
pointer-events: none
}

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

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

.bys .t-col {
animation: emerge .55s cubic-bezier(0.22, 1, 0.36, 1) both
}

.bys .t-img-col {
animation: emerge .7s cubic-bezier(0.22, 1, 0.36, 1) .1s both
}

.bys .div-a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px
}

.bys .div-a-line {
width: 180px;
height: 3px;
background: linear-gradient(90deg, transparent, #84AEAE, transparent);
border-radius: 42px
}

.bys .info-blk {
background: #4E8398;
padding: 96px 0;
position: relative
}

.bys .info-blk .pg-wrap {
display: flex;
flex-direction: column;
gap: 56px
}

.bys .info-top {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 56px
}

.bys .info-hd {
flex: 0 0 320px
}

.bys .info-hd h2 {
font-size: 40px;
line-height: 1.2;
color: #fff;
margin: 0 0 16px
}

.bys .info-hd p {
font-size: 17px;
line-height: 1.7;
color: #f5f8f7d9;
margin: 0;
text-align: justify
}

.bys .metric-blk {
flex: 1 1 0;
background: #ffffff1a;
border-radius: 26px;
padding: 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
box-shadow: inset 0 2px 8px 0 #f5f8f714
}

.bys .metric-num {
font-size: 70px;
line-height: 1.2;
color: #fff;
font-weight: 800;
flex-shrink: 0
}

.bys .metric-ctx {
display: flex;
flex-direction: column;
gap: 8px
}

.bys .metric-ctx h4 {
font-size: 22px;
line-height: 1.2;
color: #fff;
margin: 0
}

.bys .metric-ctx p {
font-size: 14px;
line-height: 1.7;
color: #f5f8f7cc;
margin: 0
}

.bys .items-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px
}

.bys .it-card {
background: #ffffff14;
border-radius: 14px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 8px;
border: 1px solid #ffffff1f;
position: relative;
transition: background .18s ease-out, border-color .18s ease-out;
cursor: default
}

.bys .it-card::before {
content: '';
position: absolute;
inset: -1px;
border-radius: 14px;
border: 2px solid transparent;
pointer-events: none;
transition: border-color .15s ease-out
}

.bys .it-card:hover {
background: #ffffff24
}

.bys .it-card:hover::before {
border-color: #f5f8f780
}

.bys .it-icon {
width: 32px;
height: 32px;
color: #F5F8F7;
opacity: .9
}

.bys .it-card h5 {
font-size: 14px;
line-height: 1.2;
color: #fff;
margin: 0;
font-weight: 600
}

.bys .it-card p {
font-size: 14px;
line-height: 1.7;
color: #f5f8f7bf;
margin: 0
}

.bys .curve-conn {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
pointer-events: none
}

.bys .curve-conn svg {
display: block;
width: 100%
}

@media (max-width: 1024px) {
.bys .t-blk .pg-wrap {
flex-direction: column;
gap: 32px
}

.bys .t-img-col {
flex: none;
width: 100%
}

.bys .img-frame {
width: 100%;
height: 380px
}

.bys .items-grid {
grid-template-columns: repeat(2, 1fr)
}

.bys .info-top {
flex-direction: column;
gap: 32px
}

.bys .info-hd {
flex: none
}
}

@media (max-width: 768px) {
.bys .t-blk {
padding: 56px 0
}

.bys .t-col h1 {
font-size: 40px
}

.bys .info-blk {
padding: 56px 0
}

.bys .metric-blk {
flex-direction: column;
align-items: flex-start;
gap: 16px
}

.bys .metric-num {
font-size: 55px
}

.bys .items-grid {
grid-template-columns: 1fr
}

.bys .pg-wrap {
padding: 0 16px
}
}

@media (max-width: 480px) {
.bys .t-col h1 {
font-size: 29px
}

.bys .t-badges {
flex-direction: column
}

.bys .info-hd h2 {
font-size: 29px
}

.bys .metric-num {
font-size: 40px
}
}

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

.ld .pg {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.ld .t-blk {
position: relative;
padding: 56px 0;
background-color: #F5F8F7;
overflow: hidden
}

.ld .t-blk .stripe-bg {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(118deg, #4e83980a 0px, #4e83980a 1px, transparent 1px, transparent 28px);
pointer-events: none
}

.ld .t-blk .t-row {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 56px;
position: relative;
z-index: 1
}

.ld .t-blk .img-strip {
width: 72px;
flex-shrink: 0;
position: relative;
border-radius: 7px;
overflow: hidden
}

.ld .t-blk .img-strip img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .38;
display: block
}

.ld .t-blk .t-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 32px;
justify-content: center
}

.ld .t-blk .t-head {
font-size: 55px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(97deg, #4E8398 0%, #84AEAE 55%, #4E8398 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0
}

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

.ld .t-blk .t-pts li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
font-size: 17px;
line-height: 1.7;
color: #2a3d45
}

.ld .t-blk .t-pts li .pt-dot {
width: 8px;
height: 8px;
border-radius: 2px;
background: #4E8398;
flex-shrink: 0;
margin-top: 8px
}

.ld .gap-sec {
padding: 96px 0;
background: #fff;
position: relative
}

.ld .gap-sec::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 28px solid #fff;
pointer-events: none
}

.ld .gap-sec .g-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

.ld .gap-sec .g-img {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #4e839817
}

.ld .gap-sec .g-img img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
transition: transform .18s ease-out
}

.ld .gap-sec .g-img:hover img {
transform: scale(1.04)
}

.ld .gap-sec .g-txt {
display: flex;
flex-direction: column;
gap: 16px
}

.ld .gap-sec .g-lbl {
font-size: 14px;
line-height: 1.2;
color: #4E8398;
letter-spacing: 0;
text-transform: uppercase;
font-weight: 600
}

.ld .gap-sec .g-head {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(112deg, #84AEAE 0%, #4E8398 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0
}

.ld .gap-sec .g-body {
font-size: 17px;
line-height: 1.7;
color: #2a3d45;
text-align: justify;
margin: 0
}

.ld .gap-sec .g-body::first-letter {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
float: left;
margin-right: 8px;
color: #4E8398
}

.ld .gap-sec .g-body2 {
font-size: 17px;
line-height: 1.7;
color: #2a3d45;
text-align: justify;
margin: 0
}

.ld .exp-sec {
padding: 96px 0;
background: #F5F8F7;
position: relative
}

.ld .exp-sec::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 28px solid #F5F8F7;
pointer-events: none
}

.ld .exp-sec .e-top {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 56px;
max-width: 600px
}

.ld .exp-sec .e-head {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(88deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0
}

.ld .exp-sec .e-sub {
font-size: 17px;
line-height: 1.7;
color: #2a3d45;
text-align: justify;
margin: 0
}

.ld .exp-sec .e-sub::first-letter {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
float: left;
margin-right: 8px;
color: #4E8398
}

.ld .exp-sec .e-cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: end
}

.ld .exp-sec .e-card {
background: #fff;
border-radius: 14px;
padding: 32px;
box-shadow: 2px 2px 4px 0 #4e83980d;
display: flex;
flex-direction: column;
gap: 16px;
transition: box-shadow .15s ease-out, transform .15s ease-out;
border-top: 2px solid transparent
}

.ld .exp-sec .e-card:nth-child(2) {
padding-top: 56px;
border-top-color: #4E8398
}

.ld .exp-sec .e-card:nth-child(3) {
padding-top: 96px;
border-top-color: #84AEAE
}

.ld .exp-sec .e-card:hover {
box-shadow: 2px 12px 44px 0 #4e839824;
transform: translateY(-4px)
}

.ld .exp-sec .e-card .e-ico {
width: 42px;
height: 42px;
border-radius: 7px;
background: linear-gradient(135deg, #4e83981f 0%, #84aeae1f 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ld .exp-sec .e-card .e-ico svg {
width: 22px;
height: 22px
}

.ld .exp-sec .e-card .e-ctitle {
font-size: 22px;
line-height: 1.2;
font-weight: 700;
color: #2a3d45;
margin: 0
}

.ld .exp-sec .e-card .e-cdesc {
font-size: 17px;
line-height: 1.7;
color: #4a5f68;
text-align: justify;
margin: 0
}

.ld .exp-sec .e-img-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 56px
}

.ld .exp-sec .e-img-box {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #84aeae17
}

.ld .exp-sec .e-img-box img {
width: 100%;
height: 280px;
object-fit: cover;
display: block;
transition: transform .2s ease-out
}

.ld .exp-sec .e-img-box:hover img {
transform: scale(1.05)
}

.ld .num-sec {
padding: 96px 0;
background: #2a3d45;
position: relative
}

.ld .num-sec::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 28px solid #2a3d45;
pointer-events: none
}

.ld .num-sec .n-outline {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
width: 320px;
height: 320px;
border-radius: 42px;
border: 1.5px solid #84aeae1f;
pointer-events: none
}

.ld .num-sec .n-outline2 {
position: absolute;
top: 50%;
right: 8%;
transform: translateY(-50%);
width: 220px;
height: 220px;
border-radius: 26px;
border: 1px solid #84aeae12;
pointer-events: none
}

.ld .num-sec .n-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
position: relative;
z-index: 1
}

.ld .num-sec .n-txt {
display: flex;
flex-direction: column;
gap: 16px
}

.ld .num-sec .n-head {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(102deg, #84AEAE 0%, #F5F8F7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0
}

.ld .num-sec .n-desc {
font-size: 17px;
line-height: 1.7;
color: #f5f8f7c7;
text-align: justify;
margin: 0
}

.ld .num-sec .n-desc::first-letter {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
float: left;
margin-right: 8px;
color: #84AEAE
}

.ld .num-sec .n-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.ld .num-sec .n-stat {
background: #84aeae14;
border-radius: 14px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 8px;
border: 1px solid #84aeae26;
transition: background .16s ease-out, border-color .16s ease-out
}

.ld .num-sec .n-stat:hover {
background: #84aeae29;
border-color: #84aeae52
}

.ld .num-sec .n-stat .s-val {
font-size: 55px;
line-height: 1.2;
font-weight: 700;
color: #84AEAE
}

.ld .num-sec .n-stat .s-lbl {
font-size: 14px;
line-height: 1.7;
color: #f5f8f7a6
}

.ld .num-sec .n-img {
grid-column: 1 / -1;
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 12px 44px 0 #4e839824;
margin-top: 16px
}

.ld .num-sec .n-img img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
transition: transform .19s ease-out
}

.ld .num-sec .n-img:hover img {
transform: scale(1.03)
}

.ld .sup-sec {
padding: 96px 0;
background: #fff;
position: relative
}

.ld .sup-sec .s-layout {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 56px;
align-items: start
}

.ld .sup-sec .s-left {
display: flex;
flex-direction: column;
gap: 32px
}

.ld .sup-sec .s-head {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(96deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin: 0
}

.ld .sup-sec .s-body {
font-size: 17px;
line-height: 1.7;
color: #2a3d45;
text-align: justify;
margin: 0
}

.ld .sup-sec .s-body::first-letter {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
float: left;
margin-right: 8px;
color: #4E8398
}

.ld .sup-sec .s-body2 {
font-size: 17px;
line-height: 1.7;
color: #2a3d45;
text-align: justify;
margin: 0
}

.ld .sup-sec .s-items {
display: flex;
flex-direction: column;
gap: 16px
}

.ld .sup-sec .s-item {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 16px;
border-radius: 7px;
border: 1px solid #4e83981f;
transition: border-color .14s ease-out, box-shadow .14s ease-out;
cursor: default
}

.ld .sup-sec .s-item:hover,
.ld .sup-sec .s-item:focus-within {
border-color: #4E8398;
box-shadow: 2px 2px 4px 0 #4e83980d
}

.ld .sup-sec .s-item .si-ico {
width: 42px;
height: 42px;
border-radius: 7px;
background: #4e839814;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ld .sup-sec .s-item .si-ico svg {
width: 20px;
height: 20px
}

.ld .sup-sec .s-item .si-txt {
display: flex;
flex-direction: column;
gap: 8px
}

.ld .sup-sec .s-item .si-name {
font-size: 17px;
line-height: 1.2;
font-weight: 700;
color: #2a3d45
}

.ld .sup-sec .s-item .si-desc {
font-size: 14px;
line-height: 1.7;
color: #4a5f68
}

.ld .sup-sec .s-right {
display: flex;
flex-direction: column;
gap: 32px
}

.ld .sup-sec .s-img {
border-radius: 14px;
overflow: hidden;
box-shadow: 2px 7px 22px 0 #4e839817
}

.ld .sup-sec .s-img img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
transition: transform .17s ease-out
}

.ld .sup-sec .s-img:hover img {
transform: scale(1.04)
}

.ld .sup-sec .s-note {
background: #F5F8F7;
border-radius: 14px;
padding: 32px;
font-size: 17px;
line-height: 1.7;
color: #2a3d45
}

.ld .sup-sec .s-note strong {
color: #4E8398
}

@media (max-width: 1024px) {
.ld .gap-sec .g-grid {
grid-template-columns: 1fr
}

.ld .gap-sec .g-img img {
height: 300px
}

.ld .exp-sec .e-cols {
grid-template-columns: 1fr 1fr
}

.ld .exp-sec .e-card:nth-child(3) {
padding-top: 32px;
border-top-color: #84AEAE
}

.ld .num-sec .n-layout {
grid-template-columns: 1fr
}

.ld .sup-sec .s-layout {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.ld .t-blk .t-head {
font-size: 40px
}

.ld .t-blk .t-row {
gap: 32px
}

.ld .t-blk .img-strip {
width: 48px
}

.ld .exp-sec .e-cols {
grid-template-columns: 1fr
}

.ld .exp-sec .e-img-row {
grid-template-columns: 1fr
}

.ld .num-sec .n-stats {
grid-template-columns: 1fr 1fr
}

.ld .num-sec .n-stat .s-val {
font-size: 40px
}

.ld .pg {
padding: 0 16px
}

.ld .gap-sec,
.ld .exp-sec,
.ld .num-sec,
.ld .sup-sec {
padding: 56px 0
}
}

@media (max-width: 480px) {
.ld .t-blk .t-head {
font-size: 29px
}

.ld .t-blk .img-strip {
display: none
}

.ld .num-sec .n-stats {
grid-template-columns: 1fr
}

.ld .gap-sec .g-head,
.ld .exp-sec .e-head,
.ld .num-sec .n-head,
.ld .sup-sec .s-head {
font-size: 29px
}
}

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

.lp .pg_wrap {
max-width: 1170px;
margin: 0 auto;
padding: 0 32px
}

.lp .grad_txt {
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.lp .ttl_sec {
position: relative;
background: #111820;
padding: 96px 0 56px
}

.lp .ttl_sec::before {
content: '';
position: absolute;
inset: 0;
background-image: url(./assets_gallery/center_00199.jpg);
background-size: cover;
background-position: center 30%;
opacity: .28;
will-change: transform
}

.lp .ttl_sec::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(170deg, #1118208c 0%, #4e83982e 55%, #111820e0 100%)
}

.lp .ttl_inner {
position: relative;
z-index: 1;
max-width: 1170px;
margin: 0 auto;
padding: 0 32px;
display: flex;
flex-direction: column;
gap: 32px
}

.lp .ttl_label {
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #84AEAE;
letter-spacing: .08em;
text-transform: uppercase;
border-top: 1px solid #84aeae66;
padding-top: 8px;
width: fit-content
}

.lp .ttl_h1 {
font-size: 55px;
line-height: 1.2;
color: #F5F8F7;
margin: 0;
max-width: 780px
}

.lp .ttl_h1 .mark_phrase {
position: relative;
display: inline
}

.lp .ttl_h1 .mark_phrase::after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 8px;
background: #4e83988c;
border-radius: 2px;
z-index: -1
}

.lp .ttl_desc {
font-size: 17px;
line-height: 1.7;
color: #f5f8f7c7;
max-width: 560px;
margin: 0;
text-align: left
}

.lp .ttl_action {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
line-height: 1.2;
color: #F5F8F7;
text-decoration: none;
border: 1.5px solid #84aeae99;
border-radius: 7px;
padding: 16px 32px;
width: fit-content;
position: relative;
transition: border-color .18s ease-out, color .15s ease-out;
background: #4e83981f
}

.lp .ttl_action::before {
content: '';
position: absolute;
inset: 3px;
border: 1px solid transparent;
border-radius: 5px;
transition: border-color .18s ease-out;
pointer-events: none
}

.lp .ttl_action:hover {
border-color: #84AEAE;
color: #84AEAE
}

.lp .ttl_action:hover::before {
border-color: #84aeae59
}

.lp .ttl_deco_line {
position: absolute;
top: 0;
right: 0;
width: 220px;
height: 100%;
pointer-events: none;
overflow: hidden;
z-index: 0
}

.lp .ttl_deco_line svg {
position: absolute;
top: 0;
right: 0;
opacity: .08
}

.lp .div_blur {
height: 56px;
background: linear-gradient(180deg, #111820 0%, #F5F8F7 100%);
filter: blur(1px)
}

.lp .metric_sec {
background: #F5F8F7;
padding: 96px 0;
position: relative
}

.lp .metric_sec::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, transparent 0%, #84AEAE 40%, #4E8398 70%, transparent 100%)
}

.lp .metric_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start
}

.lp .metric_left {
display: flex;
flex-direction: column;
gap: 32px
}

.lp .metric_big {
display: flex;
flex-direction: column;
gap: 8px;
padding: 32px;
background: #fff;
border-radius: 14px;
box-shadow: 2px 7px 22px 0 #4e839817;
position: relative;
overflow: hidden
}

.lp .metric_big::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #4E8398 0%, #84AEAE 100%);
border-radius: 14px 14px 0 0
}

@keyframes zone_shift {
0% {
background-position: 0 50%
}

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

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

.lp .metric_big:hover {
background-size: 200% 200%;
animation: zone_shift 6s ease infinite;
background-image: linear-gradient(135deg, #fff 0%, #F5F8F7 50%, #fff 100%)
}

.lp .metric_num {
font-size: 70px;
line-height: 1.2;
background: linear-gradient(112deg, #4E8398 0%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700
}

.lp .metric_unit {
font-size: 22px;
line-height: 1.2;
color: #4E8398;
font-weight: 600
}

.lp .metric_ctx {
font-size: 14px;
line-height: 1.7;
color: #3a5060;
margin: 0;
text-align: justify
}

.lp .metric_sub_row {
display: flex;
flex-direction: row;
gap: 16px
}

.lp .metric_sub {
flex: 1;
padding: 16px;
background: #fff;
border-radius: 7px;
border-top: 2px solid #84AEAE;
box-shadow: 2px 2px 4px 0 #4e83980d;
display: flex;
flex-direction: column;
gap: 8px
}

.lp .metric_sub_num {
font-size: 29px;
line-height: 1.2;
color: #4E8398;
font-weight: 700
}

.lp .metric_sub_lbl {
font-size: 14px;
line-height: 1.7;
color: #3a5060
}

.lp .metric_right {
display: flex;
flex-direction: column;
gap: 32px
}

.lp .metric_h2 {
font-size: 40px;
line-height: 1.2;
margin: 0;
color: #1a2d38
}

.lp .metric_body p {
font-size: 17px;
line-height: 1.7;
color: #2e4450;
margin: 0 0 16px;
text-align: justify
}

.lp .metric_body p:first-child::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
margin-top: 4px;
color: #4E8398;
font-weight: 700
}

.lp .metric_body p:last-child {
margin-bottom: 0
}

.lp .div_line {
height: 56px;
background: linear-gradient(180deg, #F5F8F7 0%, #e8eff2 100%)
}

.lp .steps_sec {
background: #e8eff2;
padding: 96px 0;
position: relative
}

.lp .steps_sec::after {
content: '';
position: absolute;
top: 16px;
right: 16px;
width: 160px;
height: 160px;
pointer-events: none;
background-image: repeating-linear-gradient(-45deg, #4e83980f 0px, #4e83980f 1px, transparent 1px, transparent 8px);
border-radius: 2px
}

.lp .steps_hd {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 56px
}

.lp .steps_h2 {
font-size: 40px;
line-height: 1.2;
margin: 0;
color: #1a2d38
}

.lp .steps_sub {
font-size: 17px;
line-height: 1.7;
color: #2e4450;
margin: 0;
max-width: 600px
}

.lp .icon_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
position: relative
}

.lp .icon_grid::before {
content: '';
position: absolute;
top: 44px;
left: calc(16.66% + 16px);
right: calc(16.66% + 16px);
height: 1.5px;
background: linear-gradient(90deg, #4E8398 0%, #84AEAE 50%, #4E8398 100%);
opacity: .35;
pointer-events: none
}

.lp .icon_node {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
background: #fff;
border-radius: 14px;
padding: 32px;
box-shadow: 2px 7px 22px 0 #4e839817;
transition: box-shadow .18s ease-out, transform .15s ease-out;
cursor: default
}

.lp .icon_node:hover {
box-shadow: 2px 12px 44px 0 #4e839824;
transform: translateY(-3px)
}

.lp .icon_circ {
width: 56px;
height: 56px;
border-radius: 14px;
background: linear-gradient(135deg, #4e83981f 0%, #84aeae2e 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: inset 0 2px 4px #4e83981a
}

.lp .icon_circ svg {
width: 28px;
height: 28px
}

.lp .icon_lbl {
font-size: 22px;
line-height: 1.2;
color: #1a2d38;
font-weight: 600;
margin: 0
}

.lp .icon_desc {
font-size: 14px;
line-height: 1.7;
color: #2e4450;
margin: 0;
text-align: justify
}

.lp .icon_step_num {
font-size: 40px;
line-height: 1.2;
color: #4e83981f;
font-weight: 700;
align-self: flex-end;
margin-top: auto
}

.lp .div_grad {
height: 56px;
background: linear-gradient(180deg, #e8eff2 0%, #1a2d38 100%)
}

.lp .prog_sec {
background: #1a2d38;
padding: 96px 0;
position: relative
}

.lp .prog_sec::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(200deg, #4e839814 0%, transparent 60%);
pointer-events: none
}

.lp .prog_deco {
position: absolute;
top: 32px;
left: 32px;
pointer-events: none;
opacity: .07
}

.lp .prog_layout {
display: grid;
grid-template-columns: 5fr 4fr;
gap: 56px;
align-items: start;
position: relative;
z-index: 1
}

.lp .prog_left {
display: flex;
flex-direction: column;
gap: 32px
}

.lp .prog_h2 {
font-size: 40px;
line-height: 1.2;
color: #F5F8F7;
margin: 0
}

.lp .prog_body p {
font-size: 17px;
line-height: 1.7;
color: #f5f8f7c7;
margin: 0 0 16px;
text-align: justify
}

.lp .prog_body p:first-child::first-letter {
font-size: 40px;
line-height: 1.2;
float: left;
margin-right: 8px;
margin-top: 2px;
color: #84AEAE;
font-weight: 700
}

.lp .prog_body p:last-child {
margin-bottom: 0
}

.lp .prog_right {
display: flex;
flex-direction: column;
gap: 16px
}

.lp .prog_card {
background: #f5f8f70d;
border-radius: 14px;
padding: 32px;
border: 1px solid #84aeae2e;
box-shadow: 2px 7px 22px 0 #4e839817;
display: flex;
flex-direction: column;
gap: 16px;
transition: background .2s ease-out, border-color .16s ease-out
}

.lp .prog_card:hover {
background: #f5f8f717;
border-color: #84aeae61
}

.lp .prog_card_ico {
width: 42px;
height: 42px;
border-radius: 7px;
background: #4e839838;
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 2px 4px #4e839826
}

.lp .prog_card_ico svg {
width: 22px;
height: 22px
}

.lp .prog_card_ttl {
font-size: 17px;
line-height: 1.2;
color: #F5F8F7;
font-weight: 600;
margin: 0
}

.lp .prog_card_txt {
font-size: 14px;
line-height: 1.7;
color: #f5f8f7a6;
margin: 0
}

.lp .prog_link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 17px;
line-height: 1.2;
color: #84AEAE;
text-decoration: none;
border: 1.5px solid #84aeae80;
border-radius: 7px;
padding: 16px 32px;
width: fit-content;
position: relative;
transition: border-color .18s ease-out, color .15s ease-out;
margin-top: 16px
}

.lp .prog_link::before {
content: '';
position: absolute;
inset: 3px;
border: 1px solid transparent;
border-radius: 5px;
transition: border-color .18s ease-out;
pointer-events: none
}

.lp .prog_link:hover {
border-color: #84AEAE;
color: #F5F8F7
}

.lp .prog_link:hover::before {
border-color: #84aeae4d
}

@media (max-width: 1024px) {
.lp .ttl_h1 {
font-size: 40px
}

.lp .metric_grid {
grid-template-columns: 1fr;
gap: 32px
}

.lp .icon_grid {
grid-template-columns: repeat(2, 1fr)
}

.lp .icon_grid::before {
display: none
}

.lp .prog_layout {
grid-template-columns: 1fr;
gap: 32px
}
}

@media (max-width: 768px) {
.lp .ttl_h1 {
font-size: 29px
}

.lp .ttl_sec {
padding: 56px 0 32px
}

.lp .metric_sec,
.lp .steps_sec,
.lp .prog_sec {
padding: 56px 0
}

.lp .metric_sub_row {
flex-direction: column
}

.lp .icon_grid {
grid-template-columns: 1fr
}

.lp .metric_num {
font-size: 55px
}

.lp .pg_wrap {
padding: 0 16px
}

.lp .ttl_inner {
padding: 0 16px
}
}

@media (max-width: 480px) {
.lp .ttl_h1 {
font-size: 22px
}

.lp .metric_h2,
.lp .steps_h2,
.lp .prog_h2 {
font-size: 29px
}

.lp .metric_num {
font-size: 40px
}
}

.suc_pg {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 96px 32px;
background-color: #F5F8F7
}

.suc_pg .suc_wrap {
max-width: 1170px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px
}

.suc_pg .suc_icon {
width: 72px;
height: 72px;
flex-shrink: 0
}

.suc_pg .suc_card {
background: #fff;
border-radius: 14px;
box-shadow: 2px 7px 22px 0 #4e839817;
padding: 56px;
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center
}

.suc_pg .suc_card .suc_title {
font-size: 40px;
line-height: 1.2;
margin: 0;
background: linear-gradient(112deg, #4E8398 30%, #84AEAE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text
}

.suc_pg .suc_card .suc_sub {
font-size: 17px;
line-height: 1.7;
color: #2c4a55;
margin: 0;
max-width: 400px
}

.suc_pg .suc_card .suc_divider {
width: 48px;
height: 2px;
background: linear-gradient(90deg, #4E8398, #84AEAE);
border-radius: 2px;
margin: 8px 0
}

.suc_pg .suc_card .suc_note {
font-size: 14px;
line-height: 1.7;
color: #4E8398;
margin: 0
}

.suc_pg .suc_card .suc_btn {
display: inline-block;
margin-top: 8px;
padding: 16px 32px;
background: #fff;
color: #4E8398;
font-size: 17px;
line-height: 1.2;
border-radius: 7px;
border: 2px solid #4E8398;
text-decoration: none;
cursor: pointer;
position: relative;
transition: color .18s ease-out, background .15s ease-out, box-shadow .18s ease-out;
box-shadow: 2px 2px 4px 0 #4e83980d
}

.suc_pg .suc_card .suc_btn::after {
content: '';
position: absolute;
inset: 3px;
border-radius: 5px;
border: 1px solid transparent;
transition: border-color .15s ease-out;
pointer-events: none
}

.suc_pg .suc_card .suc_btn:hover {
background: #4E8398;
color: #fff;
box-shadow: 2px 7px 22px 0 #4e839817
}

.suc_pg .suc_card .suc_btn:hover::after {
border-color: #ffffff47
}

.suc_pg .suc_card .suc_btn:focus-visible {
outline: 2px solid #4E8398;
outline-offset: 3px
}

.suc_pg .suc_card .suc_btn:active {
background: #3d6a7a;
color: #fff
}

@media (max-width: 480px) {
.suc_pg {
padding: 56px 16px
}

.suc_pg .suc_card {
padding: 32px 16px
}

.suc_pg .suc_card .suc_title {
font-size: 29px
}
}