* {
box-sizing: border-box
}

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

.sitehead {
position: relative;
background-color: #0d1a38;
font-family: 'Open Sans', sans-serif;
overflow: hidden
}

.sitehead::before {
content: '';
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(0deg, transparent, transparent 38px, #1b34742e 38px, #1b34742e 39px), repeating-linear-gradient(90deg, transparent, transparent 38px, #1b34741f 38px, #1b34741f 39px);
pointer-events: none;
z-index: 0
}

.sitehead::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #1B3474 0%, #15CB93 50%, #C5460E 100%);
z-index: 2
}

.headtop {
position: relative;
z-index: 1;
border-bottom: 1px solid #15cb9326
}

.headtop-shell {
max-width: 1400px;
margin: 0 auto;
padding: 12px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}

.brandmark-hold {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
flex-shrink: 0
}

.brandmark-ring {
width: 56px;
height: 56px;
border-radius: 12px;
background-color: #ffffff0f;
box-shadow: -1px 3px 3px -1px #1b34740f -1px 5px 14px -1px #1b347414 0 0 0 1px #15cb934d 0 0 0 3px #1b347480;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0
}

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

.brandname-text {
font-size: 24px;
font-weight: 700;
line-height: 1.15;
color: #fff;
letter-spacing: 0
}

.brandname-text span {
color: #15CB93
}

.headcontact-group {
display: flex;
align-items: center;
gap: 20px
}

.headcontact-item {
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.65;
color: #ffffffbf;
text-decoration: none;
border-radius: 6px;
padding: 6px 12px;
transition: color .38s ease-in-out, background-color .38s ease-in-out
}

.headcontact-item:hover {
color: #15CB93;
background-color: #15cb9314
}

.headcontact-item:focus {
outline: none;
background-color: #15cb9324;
color: #15CB93
}

.headcontact-item .typcn {
font-size: 19px;
color: #15CB93;
flex-shrink: 0
}

.headnav-bar {
position: relative;
z-index: 1;
background: linear-gradient(180deg, #1b347438 0%, #0d1a3800 100%)
}

.headnav-shell {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: flex;
align-items: stretch;
gap: 6px;
flex-wrap: wrap
}

.nav-item {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.65;
color: #ffffffd1;
text-decoration: none;
padding: 20px;
border-radius: 0;
border-bottom: 2px solid transparent;
transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .35s cubic-bezier(0.34, 1.2, 0.64, 1), background-color .35s cubic-bezier(0.34, 1.2, 0.64, 1);
white-space: nowrap
}

.nav-item:hover {
color: #15CB93;
border-bottom-color: #15CB93;
background-color: #15cb930f
}

.nav-item:focus {
outline: none;
background-color: #15cb931f;
color: #15CB93
}

.nav-item.active {
color: #15CB93;
border-bottom-color: #15CB93;
font-weight: 700
}

.nav-item .typcn {
font-size: 15px;
opacity: .7
}

.nav-divider {
width: 1px;
background-color: #1b347466;
margin: 12px 6px;
align-self: stretch;
flex-shrink: 0
}

.siteftr {
font-family: 'Open Sans', sans-serif;
background-color: #080f20;
position: relative
}

.ftr-accentband {
height: 4px;
background: linear-gradient(90deg, #1B3474 0%, #15CB93 55%, #C5460E 100%);
width: 100%
}

.ftr-utilrow {
background-color: #1b34742e;
border-bottom: 1px solid #1b34744d
}

.ftr-utilrow-shell {
max-width: 1400px;
margin: 0 auto;
padding: 12px 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap
}

.ftr-policynav {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap
}

.ftr-policylink {
font-size: 15px;
line-height: 1.65;
color: #ffffff8c;
text-decoration: none;
padding: 6px 12px;
border-radius: 6px;
transition: color .4s ease-in-out, background-color .4s ease-in-out
}

.ftr-policylink:hover {
color: #15CB93;
background-color: #15cb9314
}

.ftr-policylink:focus {
outline: none;
background-color: #15cb9324;
color: #15CB93
}

.ftr-policysep {
width: 3px;
height: 3px;
border-radius: 48px;
background-color: #fff3;
flex-shrink: 0
}

.ftr-copyright {
font-size: 15px;
line-height: 1.65;
color: #fff6
}

.ftr-body {
max-width: 1400px;
margin: 0 auto;
padding: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr auto;
gap: 40px;
align-items: start
}

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

.ftr-tagline {
font-size: 15px;
line-height: 1.65;
color: #ffffff8c;
max-width: 260px
}

.ftr-contact-col {
display: flex;
flex-direction: column;
gap: 12px
}

.ftr-col-label {
font-size: 15px;
font-weight: 700;
line-height: 1.15;
color: #15CB93;
text-transform: uppercase;
letter-spacing: 0;
margin-bottom: 6px
}

.ftr-contact-entry {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 15px;
line-height: 1.65;
color: #ffffffa6;
text-decoration: none;
border-radius: 6px;
padding: 6px;
transition: color .42s ease-in-out, background-color .42s ease-in-out
}

.ftr-contact-entry:hover {
color: #15CB93;
background-color: #15cb9312
}

.ftr-contact-entry:focus {
outline: none;
background-color: #15cb931f;
color: #15CB93
}

.ftr-contact-entry .typcn {
font-size: 19px;
color: #15CB93;
flex-shrink: 0;
margin-top: 2px
}

.ftr-sitenav-col {
display: flex;
flex-direction: column;
gap: 6px
}

.ftr-navlink {
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.65;
color: #ffffffa6;
text-decoration: none;
padding: 6px 12px;
border-radius: 6px;
border-left: 2px solid transparent;
border-right: 1px solid transparent;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-left-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ftr-navlink:hover {
color: #15CB93;
border-left-color: #15CB93;
background-color: #15cb9312
}

.ftr-navlink:focus {
outline: none;
background-color: #15cb931f;
color: #15CB93
}

.ftr-logo-col {
display: flex;
align-items: flex-end;
justify-content: flex-end
}

.ftr-logomark {
width: 56px;
height: 56px;
border-radius: 12px;
background-color: #ffffff0d;
box-shadow: -1px 3px 3px -1px #1b34740f -1px 5px 14px -1px #1b347414 0 0 0 1px #15cb9340 0 0 0 3px #1b347473;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0
}

.ftr-logomark img {
width: 50px;
height: 50px;
object-fit: contain;
display: block
}

@media (max-width: 1024px) {
.headtop-shell {
padding: 12px 20px;
flex-wrap: wrap;
gap: 12px
}

.headnav-shell {
padding: 0 20px
}

.nav-item {
padding: 20px 12px;
font-size: 15px
}

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

.ftr-logo-col {
grid-column: 1 / -1;
justify-content: flex-start
}

.ftr-utilrow-shell {
padding: 12px 20px
}
}

@media (max-width: 768px) {
.headcontact-group {
flex-wrap: wrap;
gap: 6px
}

.headcontact-item {
padding: 6px;
font-size: 15px
}

.nav-item {
padding: 12px
}

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

.ftr-logo-col {
grid-column: auto
}

.ftr-utilrow-shell {
flex-direction: column;
align-items: flex-start;
gap: 12px
}
}

@media (max-width: 360px) {
.headtop-shell {
padding: 12px
}

.headnav-shell {
padding: 0 12px
}

.brandname-text {
font-size: 19px
}

.nav-item {
padding: 12px 6px;
font-size: 15px
}

.ftr-body {
padding: 20px 12px
}

.ftr-utilrow-shell {
padding: 12px
}
}

.terms-fjyj-text {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
color: #d4daf0
}

.terms-fjyj-text ul,
.terms-fjyj-text ol {
padding-left: 40px;
margin-bottom: 20px
}

.terms-fjyj-text ul {
list-style: none;
padding-left: 20px
}

.terms-fjyj-text ol {
list-style: decimal
}

.terms-fjyj-text ul li {
position: relative;
padding-left: 20px
}

.terms-fjyj-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: #15CB93;
border-radius: 48px
}

.terms-fjyj-text ol li {
padding-left: 6px
}

.terms-fjyj-text li {
font-size: 15px;
line-height: 1.65;
margin-bottom: 6px;
color: #d4daf0
}

.terms-fjyj-text li::marker {
color: #15CB93
}

.terms-fjyj-text em,
.terms-fjyj-text i {
font-style: italic;
color: #b8c2e0
}

.terms-fjyj-text a {
color: #15CB93;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.terms-fjyj-text a:hover {
color: #1B3474;
text-decoration-color: #15CB93
}

.terms-fjyj-text a:focus-visible {
outline: 2px solid #15CB93;
outline-offset: 3px;
border-radius: 6px
}

.terms-fjyj-text table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
font-size: 15px;
line-height: 1.65;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347424
}

.terms-fjyj-text thead {
background: #1B3474
}

.terms-fjyj-text thead th {
color: #fff;
font-size: 15px;
line-height: 1.15;
font-weight: 700;
padding: 20px;
text-align: left;
letter-spacing: normal
}

.terms-fjyj-text tbody tr {
background: #111827;
border-bottom: 1px solid #1b347440;
transition: background .4s ease-in-out
}

.terms-fjyj-text tbody tr:last-child {
border-bottom: none
}

.terms-fjyj-text tbody tr:hover {
background: #151f35
}

.terms-fjyj-text td {
padding: 20px;
color: #d4daf0;
vertical-align: top;
font-size: 15px;
line-height: 1.65
}

.terms-fjyj-text hr {
border: none;
height: 1px;
background: #1b347459;
margin: 40px 0
}

.terms-fjyj-text div {
margin-bottom: 20px
}

@media (max-width: 768px) {
.terms-fjyj-text {
padding: 40px 20px
}

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

.terms-fjyj-text thead th,
.terms-fjyj-text td {
padding: 12px;
white-space: nowrap
}

.terms-fjyj-text ul,
.terms-fjyj-text ol {
padding-left: 20px
}
}

@media (max-width: 360px) {
.terms-fjyj-text {
padding: 40px 12px
}
}

.pdcast {
background: #0d0d0f;
color: #e8e8ec;
overflow-x: hidden
}

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

.pdcast a {
color: inherit;
text-decoration: none !important
}

.pdcast .readable a {
text-decoration: underline !important;
text-underline-offset: 4px;
color: #15CB93
}

.pdcast .readable a:hover {
color: #1B3474
}

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

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

.pdcast .pgwrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px
}

.pdcast .artstrip {
display: flex;
flex-direction: row;
gap: 0;
min-height: 420px;
animation: pdBlurIn .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.pdcast .stripimg {
width: 220px;
min-width: 220px;
position: relative;
flex-shrink: 0;
overflow: hidden;
border-radius: 0 0 0 0
}

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

.pdcast .stripimg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1b3474b8 0%, #15cb932e 60%, #c5460e70 100%);
pointer-events: none
}

.pdcast .striplines {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
z-index: 1
}

.pdcast .striplines svg {
width: 100%;
height: 100%;
opacity: .18
}

.pdcast .arthead {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 80px 80px 40px;
position: relative;
border-right: 2px solid #15cb932e
}

.pdcast .arthead::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #15cb930f;
pointer-events: none
}

.pdcast .cattag {
display: inline-flex;
align-items: center;
gap: 6px;
background: #15cb931f;
border: 1px solid #15cb9347;
border-radius: 6px;
padding: 6px 12px;
font-size: 15px;
color: #15CB93;
margin-bottom: 20px;
width: fit-content
}

.pdcast .cattag .typcn {
font-size: 19px
}

.pdcast .arttitle {
font-size: 56px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f4;
margin: 0 0 20px
}

.pdcast .arttitle span {
display: block;
font-weight: 300;
color: #15CB93;
font-size: 41px
}

.pdcast .artmeta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
align-items: center;
margin-top: 20px
}

.pdcast .metaitem {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
color: #9898a8
}

.pdcast .metaitem .typcn {
color: #15CB93;
font-size: 19px
}

.pdcast .metadivider {
width: 3px;
height: 3px;
border-radius: 48px;
background: #9898a8
}

.pdcast .readbtn {
display: inline-flex;
align-items: center;
gap: 6px;
background: #15CB93;
color: #0d0d0f;
border: none;
border-radius: 6px;
padding: 12px 20px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
margin-top: 20px;
width: fit-content;
position: relative;
overflow: hidden;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
box-shadow: -1px 5px 14px -1px #15cb9314
}

.pdcast .readbtn:hover {
background: #11b07e;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.pdcast .readbtn:active {
box-shadow: inset -1px 3px 3px -1px #15cb9324
}

.pdcast .readbtn::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0000002e;
transition: width .6s linear
}

.pdcast .readbtn:active::after {
width: 100%
}

.pdcast .artbody {
padding: 80px 0;
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
align-items: start
}

.pdcast .readable {
background: #13131a;
border-radius: 12px;
padding: 40px;
box-shadow: -1px 8px 36px -1px #1b347424
}

.pdcast .readable p:first-child::first-letter {
font-size: 70px;
line-height: 1.15;
font-weight: 700;
float: left;
margin-right: 12px;
margin-top: 6px;
color: #15CB93;
line-height: .8
}

.pdcast .readable p {
font-size: 19px;
line-height: 1.65;
color: #d4d4de;
margin: 0 0 20px
}

.pdcast .readable h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f4;
margin: 40px 0 20px
}

.pdcast .readable ins {
text-decoration: none;
background: #15cb931a;
border-left: 3px solid #15CB93;
border-bottom: 1px solid #15cb9333;
border-radius: 0 6px 6px 0;
display: block;
padding: 12px 20px;
margin: 20px 0;
font-style: italic;
color: #c0c0cc
}

.pdcast .readable abbr {
text-decoration: underline dotted;
text-underline-offset: 3px;
color: #15CB93;
cursor: help
}

.pdcast .readable table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 15px
}

.pdcast .readable caption {
text-align: left;
font-size: 15px;
color: #9898a8;
margin-bottom: 12px
}

.pdcast .readable thead {
background: #1b347466
}

.pdcast .readable thead td,
.pdcast .readable thead th {
color: #15CB93;
font-weight: 600;
padding: 12px;
border-bottom: 1px solid #15cb9333
}

.pdcast .readable tbody tr {
border-bottom: 1px solid #ffffff0f;
transition: background .35s ease-in-out
}

.pdcast .readable tbody tr:hover {
background: #15cb930d
}

.pdcast .readable td {
padding: 12px;
color: #c8c8d4;
line-height: 1.65
}

.pdcast .readable time {
color: #9898a8;
font-size: 15px
}

.pdcast .sidebar {
display: flex;
flex-direction: column;
gap: 20px;
position: sticky;
top: 20px
}

.pdcast .sidecard {
background: #13131a;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 5px 14px -1px #1b347414
}

.pdcast .sidecard .cardlabel {
font-size: 15px;
color: #9898a8;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 6px
}

.pdcast .sidecard .cardlabel .typcn {
color: #15CB93;
font-size: 19px
}

.pdcast .authorblock {
display: flex;
flex-direction: column;
gap: 12px
}

.pdcast .authorname {
font-size: 19px;
font-weight: 700;
color: #f0f0f4
}

.pdcast .authordesc {
font-size: 15px;
color: #9898a8;
line-height: 1.65
}

.pdcast .statsgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.pdcast .statbox {
background: #0d0d0f;
border-radius: 6px;
padding: 12px;
text-align: center;
border: 1px solid #ffffff0f;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.pdcast .statbox:hover {
border-color: #15cb934d
}

.pdcast .statval {
font-size: 31px;
font-weight: 700;
color: #15CB93;
line-height: 1.15;
display: block
}

.pdcast .statlabel {
font-size: 15px;
color: #9898a8;
display: block;
margin-top: 6px
}

.pdcast .navlinks {
display: flex;
flex-direction: column;
gap: 6px
}

.pdcast .navlink {
display: flex;
align-items: center;
gap: 6px;
padding: 12px;
border-radius: 6px;
font-size: 15px;
color: #c8c8d4;
background: #0d0d0f;
border: 1px solid #ffffff0f;
transition: background .35s ease-in-out, color .35s ease-in-out, border-color .35s ease-in-out;
cursor: pointer
}

.pdcast .navlink:hover {
background: #15cb9314;
color: #15CB93;
border-color: #15cb9338
}

.pdcast .navlink .typcn {
font-size: 19px;
flex-shrink: 0
}

.pdcast .navlistgroup {
list-style: none;
padding: 0;
margin: 0;
columns: 2;
column-gap: 20px
}

.pdcast .navlistgroup li {
break-inside: avoid;
margin-bottom: 6px
}

.pdcast .navlistgroup li a {
font-size: 15px;
color: #9898a8;
display: block;
padding: 6px 0;
transition: color .38s ease-in-out
}

.pdcast .navlistgroup li a:hover {
color: #15CB93
}

.pdcast .divider {
border: none;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #15cb934d 30%, #1b347466 70%, transparent 100%);
margin: 0;
position: relative
}

.pdcast .divider::after {
content: "";
display: block;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #c5460e26 40%, #15cb931a 60%, transparent 100%);
margin-top: 3px
}

.pdcast .ctastrip {
background: linear-gradient(160deg, #1b34748c 0%, #15cb9314 100%);
border-radius: 12px;
padding: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
margin: 40px 0 80px;
border: 1px solid #1b347466;
box-shadow: -1px 8px 36px -1px #1b347424
}

.pdcast .ctastrip .ctatext h3 {
font-size: 31px;
font-weight: 700;
color: #f0f0f4;
margin: 0 0 12px;
line-height: 1.15
}

.pdcast .ctastrip .ctatext p {
font-size: 19px;
color: #9898a8;
margin: 0;
line-height: 1.65
}

.pdcast .ctaactions {
display: flex;
flex-direction: row;
gap: 12px;
flex-shrink: 0
}

.pdcast .btnprimary {
display: inline-flex;
align-items: center;
gap: 6px;
background: #15CB93;
color: #0d0d0f;
border: none;
border-radius: 6px;
padding: 12px 20px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
box-shadow: -1px 5px 14px -1px #15cb9314;
text-decoration: none !important
}

.pdcast .btnprimary:hover {
background: #11b07e;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.pdcast .btnprimary:active {
box-shadow: inset -1px 3px 3px -1px #15cb9324
}

.pdcast .btnsecondary {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
color: #f0f0f4;
border: 1px solid #fff3;
border-radius: 6px;
padding: 12px 20px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: border-color .4s ease-in-out, color .4s ease-in-out;
text-decoration: none !important
}

.pdcast .btnsecondary:hover {
border-color: #15CB93;
color: #15CB93
}

.pdcast .btnsecondary:active {
box-shadow: inset -1px 3px 3px -1px #1b347424
}

@media (max-width: 1024px) {
.pdcast .artstrip {
min-height: 340px
}

.pdcast .stripimg {
width: 160px;
min-width: 160px
}

.pdcast .arthead {
padding: 40px 40px 40px 20px
}

.pdcast .arttitle {
font-size: 41px
}

.pdcast .arttitle span {
font-size: 31px
}

.pdcast .artbody {
grid-template-columns: 1fr;
padding: 40px 0
}

.pdcast .sidebar {
position: static
}

.pdcast .ctastrip {
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 768px) {
.pdcast .artstrip {
flex-direction: column;
min-height: unset
}

.pdcast .stripimg {
width: 100%;
min-width: 0;
height: 220px
}

.pdcast .arthead {
padding: 20px;
border-right: none;
border-top: 2px solid #15cb932e
}

.pdcast .arttitle {
font-size: 31px
}

.pdcast .arttitle span {
font-size: 24px
}

.pdcast .readable {
padding: 20px
}

.pdcast .readable p:first-child::first-letter {
font-size: 56px
}

.pdcast .artmeta {
gap: 12px
}

.pdcast .ctastrip {
padding: 20px;
margin: 20px 0 40px
}

.pdcast .ctaactions {
flex-direction: column;
width: 100%
}

.pdcast .btnprimary,
.pdcast .btnsecondary {
width: 100%;
justify-content: center
}

.pdcast .navlistgroup {
columns: 1
}

.pdcast .statsgrid {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 360px) {
.pdcast .pgwrap {
padding: 0 12px
}

.pdcast .arttitle {
font-size: 24px
}

.pdcast .arttitle span {
font-size: 19px
}

.pdcast .statsgrid {
grid-template-columns: 1fr
}
}

@media (min-width: 769px) {

.pdcast .readbtn,
.pdcast .btnprimary,
.pdcast .btnsecondary,
.pdcast .navlink,
.pdcast .statbox,
.pdcast .readable tbody tr {
transition-property: background, color, border-color, box-shadow
}
}

.podct {
background: #0d0d0f;
color: #e8e8ec;
overflow-x: hidden
}

.podct .pgwrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px
}

.podct .titlerail {
padding: 80px 20px;
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: end
}

.podct .titlerail .leftside {
display: flex;
flex-direction: column;
gap: 20px
}

.podct .titlerail .leftside .eyebrow {
font-size: 15px;
color: #15CB93;
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 300
}

.podct .titlerail .leftside h1 {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
color: #f0f0f4;
margin: 0
}

.podct .titlerail .leftside h1 span {
color: #15CB93
}

.podct .titlerail .rightside {
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 12px
}

.podct .titlerail .rightside .desc {
font-size: 19px;
line-height: 1.65;
color: #b0b0bc;
margin: 0
}

.podct .titlerail .rightside .desc::first-letter {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
float: left;
margin-right: 6px;
color: #15CB93
}

.podct .titlerail .rightside .statrow {
display: flex;
flex-direction: row;
gap: 40px
}

.podct .titlerail .rightside .statrow .statitem {
display: flex;
flex-direction: column;
gap: 6px
}

.podct .titlerail .rightside .statrow .statitem .statnum {
font-size: 41px;
line-height: 1.15;
font-weight: 800;
color: #15CB93
}

.podct .titlerail .rightside .statrow .statitem .statlbl {
font-size: 15px;
color: #7a7a8c
}

.podct .shapedivider {
width: 100%;
line-height: 0;
overflow: hidden
}

.podct .shapedivider svg {
display: block;
width: 100%
}

.podct .episodegrid {
background: #111116;
padding: 80px 20px;
position: relative
}

.podct .episodegrid::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: conic-gradient(from 210deg at 30% 60%, #1b34740f 0deg, #15cb930a 90deg, #c5460e08 180deg, #1b34740f 360deg);
pointer-events: none
}

.podct .episodegrid .gridinner {
max-width: 1400px;
margin: 0 auto;
position: relative
}

.podct .episodegrid .gridinner .seclabel {
font-size: 15px;
color: #15CB93;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 12px
}

.podct .episodegrid .gridinner h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f4;
margin: 0 0 40px
}

.podct .episodegrid .gridinner h2 em {
font-style: normal;
font-weight: 300;
color: #7a7a8c
}

.podct .cardgrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.podct .epcard {
background: #18181f;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: -1px 5px 14px -1px #1b347414;
border-right: 3px solid #1B3474;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
position: relative
}

.podct .epcard:hover {
border-color: #15CB93;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.podct .epcard .imgbox {
position: relative;
overflow: hidden;
height: 200px
}

.podct .epcard .imgbox img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: grayscale(40%);
transition: filter .4s ease-in-out, transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.podct .epcard:hover .imgbox img {
filter: grayscale(0%);
transform: scale(1.04)
}

.podct .epcard .imgbox .tagbadge {
position: absolute;
top: 12px;
left: 12px;
background: #1b3474d9;
color: #e8e8ec;
font-size: 15px;
padding: 6px 12px;
border-radius: 6px;
font-weight: 600
}

.podct .epcard .cardbody {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1
}

.podct .epcard .cardbody h4 {
font-size: 19px;
line-height: 1.65;
font-weight: 700;
color: #f0f0f4;
margin: 0
}

.podct .epcard .cardbody .shortdesc {
font-size: 15px;
line-height: 1.65;
color: #9090a0;
margin: 0;
flex: 1
}

.podct .epcard .cardbody .metarow {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
flex-wrap: wrap
}

.podct .epcard .cardbody .metarow .author {
font-size: 15px;
color: #7a7a8c;
flex: 1
}

.podct .epcard .cardbody .metarow .readtime {
font-size: 15px;
color: #7a7a8c;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px
}

.podct .epcard .cardbody .metarow .readtime .typcn {
color: #15CB93;
font-size: 19px
}

.podct .epcard .cardbody .engrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding-top: 6px;
border-top: 1px solid #ffffff0f
}

.podct .epcard .cardbody .engrow .engitem {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
color: #7a7a8c
}

.podct .epcard .cardbody .engrow .engitem .typcn {
font-size: 19px;
color: #1B3474
}

.podct .epcard .cardbody .cardlink {
display: inline-block;
padding: 12px 20px;
background: #1B3474;
color: #e8e8ec;
text-decoration: none;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
text-align: center;
position: relative;
overflow: hidden;
transition: color .35s ease-in-out
}

.podct .epcard .cardbody .cardlink::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #15CB93;
transition: height .38s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 0
}

.podct .epcard .cardbody .cardlink:hover::before {
height: 100%
}

.podct .epcard .cardbody .cardlink span {
position: relative;
z-index: 1
}

.podct .epcard .cardbody .cardlink:hover {
color: #0d0d0f
}

.podct .epcard .cardbody .pubdate {
font-size: 15px;
color: #555568
}

.podct .chevdivider {
width: 100%;
overflow: hidden;
line-height: 0
}

.podct .chevdivider svg {
display: block;
width: 100%
}

.podct .whysec {
background: #0d0d0f;
padding: 80px 20px
}

.podct .whysec .whyinner {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.podct .whysec .whyinner .imgside {
position: relative
}

.podct .whysec .whyinner .imgside .imgframe {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347424;
position: relative
}

.podct .whysec .whyinner .imgside .imgframe img {
width: 100%;
height: 480px;
object-fit: cover;
display: block;
filter: grayscale(100%)
}

.podct .whysec .whyinner .imgside .imgframe .overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #1b347473 0%, #15cb932e 100%);
pointer-events: none
}

.podct .whysec .whyinner .imgside .floatbadge {
position: absolute;
bottom: -20px;
right: -20px;
background: #15CB93;
color: #0d0d0f;
padding: 20px;
border-radius: 12px;
font-weight: 800;
font-size: 24px;
line-height: 1.15;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.podct .whysec .whyinner .imgside .floatbadge .flbl {
font-size: 15px;
font-weight: 400;
display: block;
margin-top: 6px
}

.podct .whysec .whyinner .textside {
display: flex;
flex-direction: column;
gap: 20px
}

.podct .whysec .whyinner .textside .prelbl {
font-size: 15px;
color: #C5460E;
text-transform: uppercase;
letter-spacing: .08em
}

.podct .whysec .whyinner .textside h3 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f4;
margin: 0
}

.podct .whysec .whyinner .textside h3 strong {
display: block;
font-weight: 300;
font-size: 24px;
color: #7a7a8c;
margin-top: 6px
}

.podct .whysec .whyinner .textside .bodytxt {
font-size: 15px;
line-height: 1.65;
color: #9090a0;
margin: 0
}

.podct .whysec .whyinner .textside .featlist {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.podct .whysec .whyinner .textside .featlist li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 15px;
color: #b0b0bc;
line-height: 1.65
}

.podct .whysec .whyinner .textside .featlist li .typcn {
color: #15CB93;
font-size: 19px;
flex-shrink: 0;
margin-top: 2px
}

.podct .whysec .whyinner .textside .ctabtn {
display: inline-block;
padding: 20px 40px;
background: transparent;
border: 2px solid #1B3474;
color: #e8e8ec;
text-decoration: none;
border-radius: 6px;
font-size: 19px;
font-weight: 600;
align-self: flex-start;
position: relative;
overflow: hidden;
transition: color .4s ease-in-out, border-color .4s ease-in-out
}

.podct .whysec .whyinner .textside .ctabtn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #1B3474;
transition: height .38s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 0
}

.podct .whysec .whyinner .textside .ctabtn:hover::before {
height: 100%
}

.podct .whysec .whyinner .textside .ctabtn span {
position: relative;
z-index: 1
}

.podct .whysec .whyinner .textside .ctabtn:hover {
border-color: #15CB93
}

.podct .chevdivider2 {
width: 100%;
overflow: hidden;
line-height: 0
}

.podct .chevdivider2 svg {
display: block;
width: 100%
}

.podct .newslsec {
background: #111116;
padding: 80px 20px;
position: relative;
overflow: hidden
}

.podct .newslsec::before {
content: '';
position: absolute;
top: -40px;
left: -40px;
right: -40px;
bottom: -40px;
background: conic-gradient(from 0deg at 70% 40%, #1b347414 0deg, #15cb930d 120deg, #c5460e0a 240deg, #1b347414 360deg);
animation: wavepass 9s linear infinite;
pointer-events: none
}

@keyframes wavepass {
0% {
transform: rotate(0deg)
}

100% {
transform: rotate(360deg)
}
}

.podct .newslsec .ringspattern {
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 400px;
opacity: .07;
pointer-events: none;
overflow: hidden
}

.podct .newslsec .nlinner {
max-width: 1400px;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
text-align: center
}

.podct .newslsec .nlinner .nltag {
font-size: 15px;
color: #C5460E;
text-transform: uppercase;
letter-spacing: .08em
}

.podct .newslsec .nlinner h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f4;
margin: 0;
max-width: 700px
}

.podct .newslsec .nlinner .nlsub {
font-size: 19px;
line-height: 1.65;
color: #9090a0;
margin: 0;
max-width: 560px
}

.podct .newslsec .nlinner .nlform {
display: flex;
flex-direction: row;
gap: 12px;
width: 100%;
max-width: 560px
}

.podct .newslsec .nlinner .nlform .nlinput {
flex: 1;
padding: 20px;
background: #18181f;
border: 1px solid #ffffff14;
border-radius: 6px;
color: #e8e8ec;
font-size: 15px;
outline: none;
transition: border-color .35s ease-in-out
}

.podct .newslsec .nlinner .nlform .nlinput::placeholder {
color: #555568;
font-weight: 300
}

.podct .newslsec .nlinner .nlform .nlinput:focus {
border-color: #15CB93
}

.podct .newslsec .nlinner .nlform .nlbtn {
padding: 20px 40px;
background: #15CB93;
color: #0d0d0f;
border: none;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.podct .newslsec .nlinner .nlform .nlbtn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #1B3474;
transition: height .38s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 0
}

.podct .newslsec .nlinner .nlform .nlbtn:hover::before {
height: 100%
}

.podct .newslsec .nlinner .nlform .nlbtn span {
position: relative;
z-index: 1
}

.podct .newslsec .nlinner .nlform .nlbtn:hover {
color: #e8e8ec
}

.podct .newslsec .nlinner .nlform .nlbtn:active {
box-shadow: inset 0 3px 8px #15cb934d
}

.podct .arrowdeco {
position: absolute;
right: 80px;
bottom: 40px;
opacity: .18;
pointer-events: none
}

@media (max-width: 1024px) {
.podct .titlerail {
grid-template-columns: 1fr;
gap: 20px;
padding: 80px 20px 60px
}

.podct .titlerail .leftside h1 {
font-size: 41px
}

.podct .cardgrid {
grid-template-columns: repeat(2, 1fr)
}

.podct .whysec .whyinner {
grid-template-columns: 1fr;
gap: 40px
}

.podct .whysec .whyinner .imgside .floatbadge {
right: 12px;
bottom: -12px
}
}

@media (max-width: 768px) {
.podct .titlerail .leftside h1 {
font-size: 31px
}

.podct .cardgrid {
grid-template-columns: 1fr
}

.podct .whysec .whyinner .textside .featlist {
grid-template-columns: 1fr
}

.podct .newslsec .nlinner .nlform {
flex-direction: column
}

.podct .newslsec .nlinner h2 {
font-size: 31px
}

.podct .titlerail .rightside .desc::first-letter {
font-size: 31px
}
}

@media (max-width: 360px) {
.podct .titlerail .leftside h1 {
font-size: 24px
}

.podct .episodegrid .gridinner h2 {
font-size: 31px
}

.podct .newslsec .nlinner h2 {
font-size: 24px
}
}

.abtus {
background-color: #0d0d12;
color: #e8e8f0;
overflow-x: hidden
}

.abtus .pg-split {
display: flex;
flex-direction: row;
min-height: 92vh;
max-width: 1400px;
margin: 0 auto
}

.abtus .pg-split .imgpanel {
flex: 1;
position: relative;
overflow: hidden;
border-radius: 0 12px 12px 0
}

.abtus .pg-split .imgpanel img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.abtus .pg-split .imgpanel::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1b34748c 0%, #15cb932e 100%)
}

.abtus .pg-split .textpanel {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px
}

.abtus .pg-split .textpanel .eyebrow {
font-size: 15px;
line-height: 1.65;
color: #15CB93;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 20px
}

.abtus .pg-split .textpanel .maintitle {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
color: #e8e8f0;
margin: 0 0 20px
}

.abtus .pg-split .textpanel .maintitle .accent {
color: #15CB93
}

.abtus .pg-split .textpanel .lead {
font-size: 19px;
line-height: 1.65;
color: #a8aab8;
max-width: 480px;
margin: 0 0 40px
}

.abtus .pg-split .textpanel .lead::first-letter {
font-size: 41px;
font-weight: 700;
line-height: 1;
float: left;
margin-right: 6px;
margin-top: 4px;
color: #15CB93
}

.abtus .pg-split .textpanel .statsrow {
display: flex;
flex-direction: row;
gap: 40px
}

.abtus .pg-split .textpanel .statsrow .statitem {
display: flex;
flex-direction: column;
gap: 6px
}

.abtus .pg-split .textpanel .statsrow .statitem .statnum {
font-size: 41px;
line-height: 1.15;
font-weight: 800;
color: #15CB93
}

.abtus .pg-split .textpanel .statsrow .statitem .statlabel {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e
}

.abtus .divider-double {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 0 80px;
max-width: 1400px;
margin: 0 auto
}

.abtus .divider-double .line-top {
width: 100%;
height: 1px;
background: #15cb934d
}

.abtus .divider-double .line-bot {
width: 100%;
height: 1px;
background: #1b347480
}

.abtus .mission-band {
max-width: 1400px;
margin: 0 auto;
padding: 80px;
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 80px;
align-items: start
}

.abtus .mission-band .missionleft .missihead {
font-size: 41px;
line-height: 1.15;
font-weight: 800;
color: #e8e8f0;
margin: 0 0 20px
}

.abtus .mission-band .missionleft .missihead .accent {
color: #C5460E
}

.abtus .mission-band .missionleft .missibody {
font-size: 19px;
line-height: 1.65;
color: #a8aab8;
margin: 0 0 20px
}

.abtus .mission-band .missionleft .missibody::first-letter {
font-size: 41px;
font-weight: 700;
line-height: 1;
float: left;
margin-right: 6px;
margin-top: 4px;
color: #C5460E
}

.abtus .mission-band .missionleft .missibodytwo {
font-size: 19px;
line-height: 1.65;
color: #a8aab8;
margin: 0
}

.abtus .mission-band .missionright {
display: flex;
flex-direction: column;
gap: 20px
}

.abtus .mission-band .missionright .pillarcard {
background: #131320;
border-radius: 12px;
padding: 20px;
border-top: 2px solid #1b347499;
border-left: 1px solid #1b347440;
box-shadow: -1px 5px 14px -1px #1b347414;
display: flex;
flex-direction: column;
gap: 6px;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abtus .mission-band .missionright .pillarcard:hover {
border-top-color: #15CB93;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.abtus .mission-band .missionright .pillarcard .pillaricon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #15CB93;
font-size: 24px
}

.abtus .mission-band .missionright .pillarcard .pillarttl {
font-size: 19px;
font-weight: 700;
line-height: 1.15;
color: #e8e8f0
}

.abtus .mission-band .missionright .pillarcard .pillartxt {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e
}

.abtus .divider-img {
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, #c5460e66, transparent)
}

.abtus .team-strip {
background: #111118;
padding: 80px 0;
position: relative;
overflow: hidden
}

.abtus .team-strip::before {
content: "";
position: absolute;
width: 600px;
height: 600px;
border-radius: 48px;
background: conic-gradient(from 0deg, #1b34740a, #15cb930f, #c5460e0a, #1b34740a);
top: -200px;
right: -200px;
pointer-events: none
}

.abtus .team-strip .teaminner {
max-width: 1400px;
margin: 0 auto;
padding: 0 80px
}

.abtus .team-strip .teaminner .teamhead {
font-size: 41px;
line-height: 1.15;
font-weight: 300;
color: #e8e8f0;
margin: 0 0 40px
}

.abtus .team-strip .teaminner .teamhead strong {
font-weight: 800
}

.abtus .team-strip .teaminner .teamhead .accent {
color: #15CB93
}

.abtus .team-strip .teaminner .teamgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.abtus .team-strip .teaminner .teamgrid .expertcard {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start
}

.abtus .team-strip .teaminner .teamgrid .expertcard .portrait {
width: 100px;
height: 100px;
border-radius: 48px;
overflow: hidden;
flex-shrink: 0;
box-shadow: -1px 5px 14px -1px #15cb9314
}

.abtus .team-strip .teaminner .teamgrid .expertcard .portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.abtus .team-strip .teaminner .teamgrid .expertcard .expertinfo {
display: flex;
flex-direction: column;
gap: 6px
}

.abtus .team-strip .teaminner .teamgrid .expertcard .expertinfo .ename {
font-size: 19px;
font-weight: 700;
line-height: 1.15;
color: #e8e8f0
}

.abtus .team-strip .teaminner .teamgrid .expertcard .expertinfo .erole {
font-size: 15px;
line-height: 1.65;
color: #15CB93
}

.abtus .team-strip .teaminner .teamgrid .expertcard .expertinfo .ebio {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e
}

.abtus .team-strip .teaminner .teamgrid .noport {
flex-direction: column;
background: #131320;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 3px -1px #1b34740f
}

.abtus .team-strip .teaminner .teamgrid .noport .expertinfo {
width: 100%
}

.abtus .team-strip .teaminner .teamgrid .noport .noport-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: #1b34744d;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 6px
}

.abtus .team-strip .teaminner .teamgrid .noport .noport-icon span {
font-size: 24px;
color: #1B3474
}

.abtus .divider-plain {
height: 1px;
background: #ffffff0d;
max-width: 1400px;
margin: 0 auto
}

.abtus .process-view {
max-width: 1400px;
margin: 0 auto;
padding: 80px;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 80px;
align-items: center
}

.abtus .process-view .procsteps {
display: flex;
flex-direction: column;
gap: 20px
}

.abtus .process-view .procsteps .proclabel {
font-size: 15px;
line-height: 1.65;
color: #C5460E;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 6px
}

.abtus .process-view .procsteps .prochead {
font-size: 31px;
font-weight: 800;
line-height: 1.15;
color: #e8e8f0;
margin: 0 0 20px
}

.abtus .process-view .procsteps .prochead .accent {
color: #C5460E
}

.abtus .process-view .procsteps .steplist {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.abtus .process-view .procsteps .steplist .step {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 12px;
border-radius: 6px;
transition: background .42s ease-in-out
}

.abtus .process-view .procsteps .steplist .step:hover {
background: #15cb930f
}

.abtus .process-view .procsteps .steplist .step .stepnum {
font-size: 24px;
font-weight: 800;
line-height: 1.15;
color: #15cb9340;
flex-shrink: 0;
width: 40px
}

.abtus .process-view .procsteps .steplist .step .stepcontent {
display: flex;
flex-direction: column;
gap: 6px
}

.abtus .process-view .procsteps .steplist .step .stepcontent .stepttl {
font-size: 19px;
font-weight: 700;
line-height: 1.15;
color: #e8e8f0
}

.abtus .process-view .procsteps .steplist .step .stepcontent .steptxt {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e
}

.abtus .process-view .preview {
display: flex;
flex-direction: column;
gap: 20px
}

.abtus .process-view .preview .imgwrap {
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347424;
position: relative
}

.abtus .process-view .preview .imgwrap img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
display: block
}

.abtus .process-view .preview .imgwrap .imgoverlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, #0d0d12cc 100%)
}

.abtus .process-view .preview .resultcard {
background: #131320;
border-radius: 12px;
padding: 20px;
border-bottom: 2px solid #15cb9366;
box-shadow: -1px 5px 14px -1px #1b347414
}

.abtus .process-view .preview .resultcard .reshead {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e;
margin: 0 0 12px;
text-transform: uppercase;
letter-spacing: .06em
}

.abtus .process-view .preview .resultcard .resmetrics {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.abtus .process-view .preview .resultcard .resmetrics .metric {
display: flex;
flex-direction: column;
gap: 6px
}

.abtus .process-view .preview .resultcard .resmetrics .metric .mval {
font-size: 31px;
font-weight: 800;
line-height: 1.15;
color: #15CB93
}

.abtus .process-view .preview .resultcard .resmetrics .metric .mval .msup {
font-size: 19px;
font-weight: 400
}

.abtus .process-view .preview .resultcard .resmetrics .metric .mlabel {
font-size: 15px;
line-height: 1.65;
color: #7a7c8e
}

.abtus .contactpanel {
background: #131320;
padding: 80px 0
}

.abtus .contactpanel .contactinner {
max-width: 1400px;
margin: 0 auto;
padding: 0 80px;
display: flex;
flex-direction: row;
gap: 80px;
align-items: center
}

.abtus .contactpanel .contactinner .contactimg {
flex: 1;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347424
}

.abtus .contactpanel .contactinner .contactimg img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center;
display: block
}

.abtus .contactpanel .contactinner .contacttext {
flex: 1.2;
display: flex;
flex-direction: column;
gap: 20px
}

.abtus .contactpanel .contactinner .contacttext .conthead {
font-size: 41px;
font-weight: 800;
line-height: 1.15;
color: #e8e8f0;
margin: 0
}

.abtus .contactpanel .contactinner .contacttext .conthead .accent {
color: #15CB93
}

.abtus .contactpanel .contactinner .contacttext .contbody {
font-size: 19px;
line-height: 1.65;
color: #a8aab8;
margin: 0
}

.abtus .contactpanel .contactinner .contacttext .contlist {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.abtus .contactpanel .contactinner .contacttext .contlist .citem {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 12px;
background: #1b34741f;
border-radius: 6px;
border-left: 2px solid #15cb934d;
border-top: 1px solid #15cb931a
}

.abtus .contactpanel .contactinner .contacttext .contlist .citem .cicon {
color: #15CB93;
font-size: 19px;
flex-shrink: 0;
margin-top: 2px
}

.abtus .contactpanel .contactinner .contacttext .contlist .citem .ctext {
font-size: 15px;
line-height: 1.65;
color: #a8aab8
}

.abtus .contactpanel .contactinner .contacttext .contlist .citem .ctext strong {
display: block;
color: #e8e8f0;
font-weight: 700
}

.abtus .contactpanel .contactinner .contacttext .ctabtn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #15CB93;
color: #0d0d12;
font-size: 15px;
font-weight: 700;
padding: 12px 40px;
border-radius: 6px;
text-decoration: none;
align-self: flex-start;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: -1px 5px 14px -1px #15cb9314
}

.abtus .contactpanel .contactinner .contacttext .ctabtn:hover {
background: #11b07e;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.abtus .contactpanel .contactinner .contacttext .ctabtn:focus {
outline: 2px solid #15CB93;
outline-offset: 3px
}

.abtus .contactpanel .contactinner .contacttext .ctabtn:active {
box-shadow: inset 0 2px 6px #15cb9333
}

@media (max-width: 1024px) {
.abtus .pg-split {
flex-direction: column;
min-height: auto
}

.abtus .pg-split .imgpanel {
height: 400px;
border-radius: 0
}

.abtus .pg-split .textpanel {
padding: 40px
}

.abtus .mission-band {
grid-template-columns: 1fr;
padding: 40px;
gap: 40px
}

.abtus .team-strip .teaminner {
padding: 0 40px
}

.abtus .team-strip .teaminner .teamgrid {
grid-template-columns: 1fr;
gap: 20px
}

.abtus .process-view {
grid-template-columns: 1fr;
padding: 40px;
gap: 40px
}

.abtus .contactpanel .contactinner {
flex-direction: column;
padding: 0 40px;
gap: 40px
}

.abtus .divider-double {
padding: 0 40px
}
}

@media (max-width: 768px) {
.abtus .pg-split .textpanel {
padding: 40px 20px
}

.abtus .pg-split .textpanel .maintitle {
font-size: 41px
}

.abtus .pg-split .textpanel .statsrow {
flex-wrap: wrap;
gap: 20px
}

.abtus .mission-band {
padding: 40px 20px
}

.abtus .team-strip .teaminner {
padding: 0 20px
}

.abtus .team-strip .teaminner .teamhead {
font-size: 31px
}

.abtus .process-view {
padding: 40px 20px
}

.abtus .contactpanel .contactinner {
padding: 0 20px
}

.abtus .contactpanel .contactinner .contacttext .contlist {
grid-template-columns: 1fr
}

.abtus .contactpanel .contactinner .contacttext .conthead {
font-size: 31px
}

.abtus .divider-double {
padding: 0 20px
}
}

@media (max-width: 360px) {
.abtus .pg-split .textpanel .maintitle {
font-size: 31px
}

.abtus .pg-split .textpanel {
padding: 40px 12px
}

.abtus .mission-band {
padding: 40px 12px
}

.abtus .team-strip .teaminner {
padding: 0 12px
}

.abtus .process-view {
padding: 40px 12px
}

.abtus .contactpanel .contactinner {
padding: 0 12px
}
}

@media (min-width: 1024px) {

.abtus .pg-split .textpanel,
.abtus .mission-band .missionright .pillarcard,
.abtus .process-view .procsteps .steplist .step,
.abtus .contactpanel .contactinner .contacttext .ctabtn {
transition-duration: .38s
}
}

.strt {
background: #0d0d12;
color: #e8e8f0;
overflow-x: hidden;
position: relative
}

.strt .divider {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 40px
}

.strt .divider span {
display: block;
height: 1px;
background: #1b347459
}

.strt .titleblock {
position: relative;
padding: 80px 0;
overflow: hidden
}

.strt .titleblock .bg-anim {
position: absolute;
inset: 0;
background: repeating-linear-gradient(127deg, #1b347412 0px, #1b347412 1px, transparent 1px, transparent 60px), repeating-linear-gradient(217deg, #15cb930a 0px, #15cb930a 1px, transparent 1px, transparent 80px);
animation: diagdrift 18s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes diagdrift {
0% {
background-position: 0 0, 0 0
}

100% {
background-position: 120px 120px, -80px 80px
}
}

.strt .titleblock .tb-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
position: relative;
z-index: 1
}

.strt .titleblock .tb-text {
padding: 40px 0
}

.strt .titleblock .tb-tag {
display: inline-block;
background: #15cb931f;
border: 1px solid #15cb934d;
color: #15CB93;
font-size: 15px;
line-height: 1.15;
padding: 6px 20px;
border-radius: 6px;
margin-bottom: 40px
}

.strt .titleblock .tb-h1 {
font-size: 70px;
line-height: 1.15;
font-weight: 800;
color: #f0f0f8;
margin-bottom: 12px
}

.strt .titleblock .tb-h1sub {
font-size: 41px;
line-height: 1.15;
font-weight: 300;
color: #15CB93;
margin-bottom: 40px
}

.strt .titleblock .tb-desc {
font-size: 19px;
line-height: 1.65;
color: #b0b0c8;
max-width: 480px;
margin-bottom: 40px
}

.strt .titleblock .tb-cta {
display: inline-block;
background: #1B3474;
color: #f0f0f8;
font-size: 15px;
line-height: 1.15;
padding: 20px 40px;
border-radius: 6px;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: -1px 5px 14px -1px #1b347447;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
position: relative;
overflow: hidden
}

.strt .titleblock .tb-cta:hover {
background: #15CB93;
color: #0d0d12;
box-shadow: -1px 8px 36px -1px #15cb9338
}

.strt .titleblock .tb-cta:active {
box-shadow: inset -1px 3px 3px -1px #1b34742e
}

.strt .titleblock .tb-visual {
position: relative;
padding: 20px 0 20px 40px
}

.strt .titleblock .tb-img-wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347438
}

.strt .titleblock .tb-img-wrap img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
opacity: 0;
animation: imgfade 1.2s .4s forwards
}

@keyframes imgfade {
to {
opacity: 1
}
}

.strt .titleblock .tb-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #1b347473 0%, #15cb9314 100%);
pointer-events: none
}

.strt .titleblock .tb-circles {
position: absolute;
bottom: -40px;
right: -40px;
width: 200px;
height: 200px;
pointer-events: none;
z-index: 0
}

.strt .titleblock .tb-circles circle {
fill: none;
stroke: #15cb931f;
stroke-width: 1
}

.strt .titleblock .tb-floatcard {
position: absolute;
bottom: 40px;
left: 0;
background: #0d0d12bf;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #1b34744d;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 5px 14px -1px #1b347424;
z-index: 2
}

.strt .titleblock .tb-floatcard .fc-num {
font-size: 41px;
line-height: 1.15;
font-weight: 800;
color: #15CB93
}

.strt .titleblock .tb-floatcard .fc-label {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8
}

.strt .titleblock .arrow-deco {
position: absolute;
left: 40px;
bottom: 0;
width: 2px;
height: 60px;
background: linear-gradient(to bottom, #15cb9380, transparent)
}

.strt .people {
padding: 80px 0;
background: #111118;
position: relative
}

.strt .people .dot-texture {
position: absolute;
inset: 0;
background-image: radial-gradient(#1b34742e 1px, transparent 1px);
background-size: 28px 28px;
background-position: 14px 0;
pointer-events: none;
z-index: 0
}

.strt .people .pe-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
position: relative;
z-index: 1
}

.strt .people .pe-grid {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 80px;
align-items: start
}

.strt .people .pe-portrait-col {
position: relative
}

.strt .people .pe-portrait-wrap {
width: 100%;
aspect-ratio: 5/7;
overflow: hidden;
box-shadow: -1px 8px 36px -1px #1b347438;
position: relative
}

.strt .people .pe-portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.strt .people .pe-portrait-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 60%, #0d0d12b3 100%);
pointer-events: none
}

.strt .people .pe-portrait-tag {
position: absolute;
top: 20px;
right: -12px;
background: #C5460E;
color: #f0f0f8;
font-size: 15px;
line-height: 1.15;
padding: 6px 12px;
border-radius: 6px;
z-index: 2;
box-shadow: -1px 3px 3px -1px #c5460e2e
}

.strt .people .pe-portrait-circles {
position: absolute;
top: -20px;
left: -20px;
width: 120px;
height: 120px;
pointer-events: none;
z-index: 0
}

.strt .people .pe-portrait-circles circle {
fill: none;
stroke: #1b34742e;
stroke-width: 1
}

.strt .people .pe-text-col {
padding-top: 20px
}

.strt .people .pe-label {
font-size: 15px;
line-height: 1.15;
color: #15CB93;
letter-spacing: 0;
margin-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.strt .people .pe-label::before {
content: '';
display: block;
width: 32px;
height: 2px;
background: #15CB93;
flex-shrink: 0
}

.strt .people .pe-h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8;
margin-bottom: 12px
}

.strt .people .pe-h2sub {
font-size: 24px;
line-height: 1.15;
font-weight: 300;
color: #b0b0c8;
margin-bottom: 40px
}

.strt .people .pe-para {
font-size: 19px;
line-height: 1.65;
color: #b0b0c8;
margin-bottom: 20px
}

.strt .people .pe-para:first-of-type::first-letter {
font-size: 41px;
line-height: 1;
font-weight: 800;
color: #15CB93;
float: left;
margin-right: 6px;
margin-top: 4px
}

.strt .people .pe-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px
}

.strt .people .pe-stat {
background: #1b34741a;
border: 1px solid #1b347433;
border-radius: 12px;
padding: 20px;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.strt .people .pe-stat:hover {
background: #1b347438;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px)
}

.strt .people .pe-stat .st-num {
font-size: 41px;
line-height: 1.15;
font-weight: 800;
color: #15CB93
}

.strt .people .pe-stat .st-pct {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
color: #15CB93
}

.strt .people .pe-stat .st-desc {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8
}

.strt .people .pe-experts {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 12px
}

.strt .people .pe-expert {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding: 20px;
background: #0d0d1299;
border: 1px solid #1b347426;
border-radius: 12px;
transition: border-color .42s ease-in-out
}

.strt .people .pe-expert:hover {
border-color: #15cb934d;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px)
}

.strt .people .pe-expert .ex-icon {
width: 40px;
height: 40px;
border-radius: 48px;
background: #1b347440;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #15CB93;
font-size: 19px
}

.strt .people .pe-expert .ex-name {
font-size: 15px;
line-height: 1.15;
font-weight: 600;
color: #f0f0f8
}

.strt .people .pe-expert .ex-role {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8
}

.strt .approach {
padding: 80px 0;
background: #0d0d12;
position: relative
}

.strt .approach .ap-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px
}

.strt .approach .ap-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
margin-bottom: 80px
}

.strt .approach .ap-label {
font-size: 15px;
line-height: 1.15;
color: #C5460E;
margin-bottom: 20px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.strt .approach .ap-label::before {
content: '';
display: block;
width: 32px;
height: 2px;
background: #C5460E;
flex-shrink: 0
}

.strt .approach .ap-h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8;
margin-bottom: 20px
}

.strt .approach .ap-para {
font-size: 19px;
line-height: 1.65;
color: #b0b0c8;
margin-bottom: 20px
}

.strt .approach .ap-para:first-of-type::first-letter {
font-size: 41px;
line-height: 1;
font-weight: 800;
color: #C5460E;
float: left;
margin-right: 6px;
margin-top: 4px
}

.strt .approach .ap-imgcol {
position: relative
}

.strt .approach .ap-img-wrap {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: -1px 8px 36px -1px #1b347433
}

.strt .approach .ap-img-wrap img {
width: 100%;
height: 380px;
object-fit: cover;
object-position: center;
display: block
}

.strt .approach .ap-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #c5460e4d 0%, #1b347440 100%);
pointer-events: none
}

.strt .approach .ap-circles {
position: absolute;
top: -30px;
right: -30px;
width: 160px;
height: 160px;
pointer-events: none
}

.strt .approach .ap-circles circle {
fill: none;
stroke: #c5460e1f;
stroke-width: 1
}

.strt .approach .ap-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}

.strt .approach .ap-step {
background: #1b347414;
border: 1px solid #1b34742e;
border-radius: 12px;
padding: 40px 20px;
position: relative;
transition: border-color .35s cubic-bezier(0.34, 1.2, 0.64, 1), background .35s ease-in-out
}

.strt .approach .ap-step:hover {
border-color: #1b347473;
background: #1b347429;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px)
}

.strt .approach .ap-step .step-tag {
position: absolute;
top: -1px;
right: 20px;
background: #c5460e26;
border: 1px solid #c5460e4d;
color: #C5460E;
font-size: 15px;
line-height: 1.15;
padding: 6px 12px;
border-radius: 0 0 6px 6px
}

.strt .approach .ap-step .step-num {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
color: #1b347466;
margin-bottom: 12px
}

.strt .approach .ap-step .step-h {
font-size: 19px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8;
margin-bottom: 12px
}

.strt .approach .ap-step .step-desc {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8;
margin-bottom: 12px
}

.strt .approach .ap-step .step-time {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.15;
color: #15CB93
}

.strt .approach .ap-step .step-time .ti-time {
font-size: 15px
}

.strt .expblock {
padding: 80px 0;
background: #111118;
position: relative
}

.strt .expblock .ex-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px
}

.strt .expblock .ex-top {
text-align: center;
margin-bottom: 80px
}

.strt .expblock .ex-label {
font-size: 15px;
line-height: 1.15;
color: #15CB93;
margin-bottom: 20px
}

.strt .expblock .ex-h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8;
margin-bottom: 12px
}

.strt .expblock .ex-h2sub {
font-size: 24px;
line-height: 1.15;
font-weight: 300;
color: #b0b0c8
}

.strt .expblock .ex-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.strt .expblock .ex-imgcol {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.strt .expblock .ex-img-wrap {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: -1px 5px 14px -1px #1b347424
}

.strt .expblock .ex-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block
}

.strt .expblock .ex-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(160deg, #1b34744d 0%, #15cb9314 100%);
pointer-events: none
}

.strt .expblock .ex-img-wrap.tall {
grid-column: span 1
}

.strt .expblock .ex-img-wrap.tall img {
height: 460px
}

.strt .expblock .ex-textcol {
display: flex;
flex-direction: column;
gap: 20px
}

.strt .expblock .ex-card {
background: #1b34741a;
border: 1px solid #1b347433;
border-radius: 12px;
padding: 40px;
position: relative;
transition: background .4s ease-in-out, border-color .4s ease-in-out
}

.strt .expblock .ex-card:hover {
background: #1b347433;
border-color: #15cb9340;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}

.strt .expblock .ex-card .card-tag {
position: absolute;
top: -1px;
left: 40px;
background: #15cb931f;
border: 1px solid #15cb9340;
color: #15CB93;
font-size: 15px;
line-height: 1.15;
padding: 6px 12px;
border-radius: 0 0 6px 6px
}

.strt .expblock .ex-card .card-quote {
font-size: 19px;
line-height: 1.65;
color: #d0d0e0;
margin-bottom: 20px;
font-style: italic
}

.strt .expblock .ex-card .card-name {
font-size: 15px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8
}

.strt .expblock .ex-card .card-role {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8
}

.strt .expblock .ex-card .card-rating {
display: flex;
flex-direction: row;
gap: 6px;
margin-top: 12px;
align-items: center
}

.strt .expblock .ex-card .card-rating .star {
width: 14px;
height: 14px
}

.strt .expblock .ex-card .card-rating .star polygon {
fill: #15CB93
}

.strt .expblock .ex-card .card-rating .star.empty polygon {
fill: #15cb9333
}

.strt .expblock .ex-listcol {
margin-top: 20px
}

.strt .expblock .ex-listcol .list-h {
font-size: 24px;
line-height: 1.15;
font-weight: 700;
color: #f0f0f8;
margin-bottom: 20px
}

.strt .expblock .ex-listcol ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
list-style: none;
padding: 0;
margin: 0
}

.strt .expblock .ex-listcol ul li {
font-size: 15px;
line-height: 1.65;
color: #b0b0c8;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.strt .expblock .ex-listcol ul li .li-dot {
width: 6px;
height: 6px;
border-radius: 48px;
background: #15CB93;
flex-shrink: 0;
margin-top: 8px
}

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

.strt .titleblock .tb-h1 {
font-size: 56px
}

.strt .titleblock .tb-h1sub {
font-size: 31px
}

.strt .people .pe-grid {
grid-template-columns: 1fr;
gap: 40px
}

.strt .approach .ap-top {
grid-template-columns: 1fr;
gap: 40px
}

.strt .approach .ap-steps {
grid-template-columns: 1fr 1fr
}

.strt .expblock .ex-grid {
grid-template-columns: 1fr;
gap: 40px
}
}

@media (max-width: 768px) {

.strt .titleblock .tb-inner,
.strt .people .pe-inner,
.strt .approach .ap-inner,
.strt .expblock .ex-inner {
padding: 0 20px
}

.strt .titleblock .tb-h1 {
font-size: 41px
}

.strt .titleblock .tb-h1sub {
font-size: 24px
}

.strt .people .pe-stats {
grid-template-columns: 1fr
}

.strt .approach .ap-steps {
grid-template-columns: 1fr
}

.strt .expblock .ex-imgcol {
grid-template-columns: 1fr
}

.strt .expblock .ex-img-wrap.tall img {
height: 260px
}

.strt .expblock .ex-listcol ul {
grid-template-columns: 1fr
}

.strt .people .pe-h2 {
font-size: 31px
}

.strt .approach .ap-h2 {
font-size: 31px
}

.strt .expblock .ex-h2 {
font-size: 31px
}
}

@media (max-width: 360px) {
.strt .titleblock .tb-h1 {
font-size: 31px
}

.strt .titleblock .tb-h1sub {
font-size: 19px
}

.strt .titleblock .tb-inner,
.strt .people .pe-inner,
.strt .approach .ap-inner,
.strt .expblock .ex-inner {
padding: 0 12px
}
}

@media (min-width: 769px) {
.strt .titleblock .tb-cta {
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out, color .38s ease-in-out
}

.strt .people .pe-stat {
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), backdrop-filter .38s ease-in-out
}
}

.lrnprog {
background-color: #0d0d12;
color: #e8eaf0;
overflow-x: hidden;
position: relative
}

.lrnprog .geobg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
z-index: 0
}

.lrnprog .geobg span {
position: absolute;
border-radius: 48px;
border: 1px solid #1b347414;
background: transparent
}

.lrnprog .geobg span:nth-child(1) {
width: 480px;
height: 480px;
top: -120px;
right: -80px
}

.lrnprog .geobg span:nth-child(2) {
width: 280px;
height: 280px;
bottom: 200px;
left: -60px;
border-color: #15cb930f
}

.lrnprog .geobg span:nth-child(3) {
width: 160px;
height: 160px;
top: 40%;
right: 10%;
border-color: #c5460e0d
}

.lrnprog .pagewrap {
position: relative;
z-index: 1
}

.lrnprog .maxw {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px
}

.lrnprog .divline {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 40px
}

.lrnprog .divline em {
display: block;
width: 48px;
height: 2px;
background: #15CB93;
border-radius: 6px;
font-style: normal
}

.lrnprog .divline svg {
flex-shrink: 0
}

.lrnprog .divline+.divline {
margin-top: 0
}

.lrnprog .titlesec {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
position: relative
}

.lrnprog .titlesec .textside {
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 40px 80px 0
}

.lrnprog .titlesec .imgside {
position: relative;
overflow: hidden;
border-radius: 0 12px 12px 0
}

.lrnprog .titlesec .imgside img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.lrnprog .titlesec .imgside::after {
content: "";
position: absolute;
inset: 0;
background: conic-gradient(from 200deg at 30% 30%, #1b34748c 0deg, #15cb932e 90deg, #0d0d12b8 200deg, #c5460e2e 300deg, #1b34748c 360deg);
pointer-events: none
}

.lrnprog .titlesec .imgside .cornervign {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 0% 0%, #0d0d12b3 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, #0d0d12b3 0%, transparent 55%);
pointer-events: none;
z-index: 1
}

.lrnprog .titlesec .decobar {
position: absolute;
left: -6px;
top: 80px;
bottom: 80px;
width: 4px;
background: #15cb932e;
border-radius: 6px
}

.lrnprog .titlesec .badge {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 6px;
background: #1b347447;
border: 1px solid #1b347473;
border-radius: 6px;
padding: 6px 12px;
font-size: 15px;
color: #15CB93;
margin-bottom: 20px;
width: fit-content
}

.lrnprog .titlesec .badge .typcn {
font-size: 19px
}

.lrnprog .titlesec h1 {
font-size: 70px;
line-height: 1.15;
font-weight: 800;
color: #fff;
margin: 0 0 20px;
letter-spacing: -1px
}

.lrnprog .titlesec h1 span {
color: #15CB93
}

.lrnprog .titlesec .sub {
font-size: 19px;
line-height: 1.65;
color: #b0b8cc;
margin: 0;
max-width: 420px
}

.lrnprog .titlesec .sub::first-letter {
font-size: 41px;
font-weight: 700;
line-height: 1;
float: left;
margin-right: 6px;
color: #15CB93
}

.lrnprog .modulesec {
padding: 80px 0;
background: #111118;
position: relative
}

.lrnprog .modulesec::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1400px;
height: 1px;
background: linear-gradient(90deg, transparent, #15cb9338, transparent)
}

.lrnprog .modulesec .sechead {
text-align: center;
margin-bottom: 40px
}

.lrnprog .modulesec .sechead h2 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 0 0 12px
}

.lrnprog .modulesec .sechead h2 em {
font-style: normal;
font-weight: 300;
color: #8892a8
}

.lrnprog .modulesec .sechead p {
font-size: 19px;
line-height: 1.65;
color: #8892a8;
max-width: 560px;
margin: 0 auto
}

.lrnprog .progrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.lrnprog .progrid .leftcol {
display: flex;
flex-direction: column;
gap: 20px
}

.lrnprog .progrid .rightcol {
display: flex;
flex-direction: column;
gap: 20px
}

.lrnprog .modcard {
background: #181820;
border: 1px solid #1b347438;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
box-shadow: -1px 5px 14px -1px #1b347414;
transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.lrnprog .modcard:hover {
border-color: #15cb9359;
box-shadow: -1px 8px 36px -1px #1b347424
}

.lrnprog .modcard .mnum {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 12px;
background: #1b347452;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 19px;
font-weight: 700;
color: #15CB93;
border: 1px solid #1b347473
}

.lrnprog .modcard .mtext {
flex: 1
}

.lrnprog .modcard .mtext h4 {
font-size: 19px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 0 0 6px
}

.lrnprog .modcard .mtext p {
font-size: 15px;
line-height: 1.65;
color: #8892a8;
margin: 0
}

.lrnprog .modcard .mtext .taglist {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 6px;
margin-top: 12px
}

.lrnprog .modcard .mtext .taglist span {
font-size: 15px;
background: #15cb931a;
color: #15CB93;
border-radius: 6px;
padding: 2px 10px;
border: 1px solid #15cb932e
}

.lrnprog .imgpanel {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: -1px 8px 36px -1px #1b347424
}

.lrnprog .imgpanel img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
display: block;
filter: grayscale(0%);
transition: filter 3.5s ease-in-out
}

.lrnprog .imgpanel:hover img {
filter: grayscale(100%)
}

.lrnprog .imgpanel .overlay {
position: absolute;
inset: 0;
background: conic-gradient(from 160deg at 60% 70%, #1b34746b 0deg, #15cb931f 120deg, #0d0d128c 240deg, #1b34746b 360deg);
pointer-events: none
}

.lrnprog .imgpanel .statstrip {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background: linear-gradient(to top, #0d0d12e0, transparent);
display: flex;
flex-direction: row;
gap: 20px
}

.lrnprog .imgpanel .statstrip .stat {
display: flex;
flex-direction: column
}

.lrnprog .imgpanel .statstrip .stat .val {
font-size: 31px;
font-weight: 800;
line-height: 1.15;
color: #15CB93
}

.lrnprog .imgpanel .statstrip .stat .lbl {
font-size: 15px;
line-height: 1.65;
color: #b0b8cc
}

.lrnprog .speakersrow {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 40px
}

.lrnprog .speakercard {
background: #181820;
border: 1px solid #1b34742e;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 3px 3px -1px #1b34740f;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.lrnprog .speakercard:hover {
transform: translateY(-4px);
box-shadow: -1px 8px 36px -1px #1b347424
}

.lrnprog .speakercard .portrait {
width: 100%;
aspect-ratio: 5/7;
overflow: hidden
}

.lrnprog .speakercard .portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.lrnprog .speakercard .spinfo {
padding: 12px
}

.lrnprog .speakercard .spinfo h5 {
font-size: 15px;
font-weight: 700;
color: #fff;
margin: 0 0 6px;
line-height: 1.15
}

.lrnprog .speakercard .spinfo p {
font-size: 15px;
color: #8892a8;
margin: 0;
line-height: 1.65
}

.lrnprog .speakercard.nophoto .portrait {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background: #1b34742e
}

.lrnprog .speakercard.nophoto .portrait .typcn {
font-size: 56px;
color: #1b347480
}

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

.lrnprog .metacard {
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
border: 1px solid #1b347438;
background: #1b347414
}

.lrnprog .metacard .micon {
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 6px;
background: #15cb931a;
border: 1px solid #15cb9333
}

.lrnprog .metacard .micon .typcn {
font-size: 24px;
color: #15CB93
}

.lrnprog .metacard h5 {
font-size: 15px;
font-weight: 700;
color: #b0b8cc;
margin: 0;
text-transform: uppercase;
letter-spacing: .04em;
line-height: 1.15
}

.lrnprog .metacard p {
font-size: 19px;
font-weight: 700;
color: #fff;
margin: 0;
line-height: 1.15
}

.lrnprog .metacard .sub {
font-size: 15px;
font-weight: 400;
color: #8892a8;
margin: 0;
line-height: 1.65
}

.lrnprog .pctval {
font-size: 56px;
font-weight: 800;
line-height: 1;
color: #15CB93;
display: block
}

.lrnprog .pctval+span {
font-size: 15px;
color: #8892a8;
line-height: 1.65
}

.lrnprog .twocol {
columns: 2;
column-gap: 40px;
list-style: none;
padding: 0;
margin: 0
}

.lrnprog .twocol li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
break-inside: avoid;
font-size: 15px;
line-height: 1.65;
color: #b0b8cc
}

.lrnprog .twocol li .typcn {
color: #15CB93;
font-size: 19px;
flex-shrink: 0;
margin-top: 1px
}

.lrnprog .ctabtn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: #15CB93;
color: #0d0d12;
font-size: 15px;
font-weight: 700;
border: none;
border-radius: 6px;
padding: 12px 20px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.lrnprog .ctabtn::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: #ffffff2e;
transition: width 0s
}

.lrnprog .ctabtn:active::after {
width: 100%;
box-shadow: inset 0 2px 8px #15cb934d
}

.lrnprog .ctabtn:hover {
background: #12b882;
box-shadow: -1px 5px 14px -1px #15cb9347
}

.lrnprog .ctabtn:focus-visible {
outline: 2px solid #15CB93;
outline-offset: 3px
}

.lrnprog .ctabtn .typcn {
font-size: 19px
}

.lrnprog .outbtn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: transparent;
color: #15CB93;
font-size: 15px;
font-weight: 700;
border: 1px solid #15cb9373;
border-radius: 6px;
padding: 12px 20px;
cursor: pointer;
text-decoration: none;
transition: background-color .35s ease-in-out, border-color .35s ease-in-out
}

.lrnprog .outbtn:hover {
background: #15cb9314;
border-color: #15cb93b3
}

.lrnprog .outbtn:focus-visible {
outline: 2px solid #15CB93;
outline-offset: 3px
}

.lrnprog .btnrow {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
margin-top: 40px
}

.lrnprog .fadein {
opacity: 0;
animation: fadeup .55s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.lrnprog .fadein.d1 {
animation-delay: .1s
}

.lrnprog .fadein.d2 {
animation-delay: .22s
}

.lrnprog .fadein.d3 {
animation-delay: .34s
}

.lrnprog .fadein.d4 {
animation-delay: .46s
}

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

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

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

.lrnprog .titlesec .imgside {
min-height: 320px;
border-radius: 12px
}

.lrnprog .titlesec .textside {
padding: 40px 0
}

.lrnprog .titlesec h1 {
font-size: 56px
}

.lrnprog .progrid {
grid-template-columns: 1fr
}

.lrnprog .speakersrow {
grid-template-columns: repeat(2, 1fr)
}

.lrnprog .metarow {
grid-template-columns: 1fr 1fr
}
}

@media (max-width: 768px) {
.lrnprog .maxw {
padding-left: 20px;
padding-right: 20px
}

.lrnprog .titlesec h1 {
font-size: 41px
}

.lrnprog .titlesec .sub {
font-size: 15px
}

.lrnprog .titlesec .sub::first-letter {
font-size: 31px
}

.lrnprog .modulesec .sechead h2 {
font-size: 31px
}

.lrnprog .speakersrow {
grid-template-columns: repeat(2, 1fr)
}

.lrnprog .metarow {
grid-template-columns: 1fr
}

.lrnprog .twocol {
columns: 1
}

.lrnprog .modcard {
flex-direction: column
}

.lrnprog .titlesec .decobar {
display: none
}

.lrnprog .fadein {
animation: none;
opacity: 1
}
}

@media (max-width: 360px) {
.lrnprog .titlesec h1 {
font-size: 31px
}

.lrnprog .speakersrow {
grid-template-columns: 1fr
}

.lrnprog .btnrow {
flex-direction: column
}
}

.evts {
background: #0d0d12;
color: #e8e8f0;
overflow-x: hidden
}

.evts .dbl-divider {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 40px
}

.evts .dbl-divider span {
display: block;
height: 1px;
background: #2a2a3a;
width: 100%
}

.evts .pg-bound {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px
}

@keyframes settleIn {
from {
transform: scale(0.95);
opacity: .7
}

to {
transform: scale(1);
opacity: 1
}
}

.evts .titblk {
padding: 80px 0 40px;
position: relative
}

.evts .titblk .titblk-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 40px;
align-items: center
}

.evts .titblk .titblk-img {
position: relative;
overflow: hidden;
border-radius: 12px
}

.evts .titblk .titblk-img img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
display: block;
filter: blur(2px) brightness(0.7);
transform: scale(1.06)
}

.evts .titblk .titblk-img.right-img img {
filter: blur(3px) brightness(0.6)
}

.evts .titblk .titblk-img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, #1b34748c 0%, #15cb932e 100%);
border-radius: 12px
}

.evts .titblk .titblk-edge {
position: absolute;
left: 40px;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #15CB93 0%, transparent 100%);
border-radius: 6px
}

.evts .titblk .titblk-text {
text-align: center;
padding: 20px
}

.evts .titblk .titblk-text .num-accent {
font-size: 70px;
line-height: 1.15;
font-weight: 900;
color: #15CB93;
display: block;
letter-spacing: -2px
}

.evts .titblk .titblk-text h1 {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 12px 0
}

.evts .titblk .titblk-text .sub {
font-size: 19px;
line-height: 1.65;
color: #a0a0b8;
margin: 0
}

.evts .titblk .titblk-text .dashed-border {
border: 1.5px dashed #15cb9359;
border-radius: 12px;
padding: 20px;
margin-top: 20px;
animation: settleIn .42s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.evts .evlist {
padding: 80px 0;
background: #111118
}

.evts .evlist .pg-bound {
display: flex;
flex-direction: column;
gap: 40px
}

.evts .evlist .sec-label {
font-size: 15px;
line-height: 1.65;
color: #15CB93;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 6px
}

.evts .evlist h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 0 0 40px
}

.evts .evlist .ev-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.evts .evlist .ev-row.alt {
direction: ltr
}

.evts .evlist .ev-card {
background: #18181f;
border-radius: 12px;
overflow: hidden;
box-shadow: -1px 5px 14px -1px #1b347414;
display: flex;
flex-direction: column;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.evts .evlist .ev-card:hover {
box-shadow: -1px 8px 36px -1px #1b347424
}

.evts .evlist .ev-card .ev-img-wrap {
position: relative;
overflow: hidden
}

.evts .evlist .ev-card .ev-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .42s ease-in-out
}

.evts .evlist .ev-card:hover .ev-img-wrap img {
transform: scale(1.04)
}

.evts .evlist .ev-card .ev-img-wrap .ev-badge {
position: absolute;
top: 12px;
left: 12px;
background: #1B3474;
color: #fff;
font-size: 15px;
padding: 6px 12px;
border-radius: 6px;
font-weight: 600
}

.evts .evlist .ev-card .ev-img-wrap .ev-badge.live {
background: #C5460E
}

.evts .evlist .ev-card .ev-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
gap: 12px
}

.evts .evlist .ev-card .ev-meta {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
flex-wrap: wrap
}

.evts .evlist .ev-card .ev-meta .ev-date {
font-size: 15px;
color: #15CB93;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px
}

.evts .evlist .ev-card .ev-meta .ev-dur {
font-size: 15px;
color: #7070a0
}

.evts .evlist .ev-card h3 {
font-size: 24px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 0
}

.evts .evlist .ev-card .ev-desc {
font-size: 15px;
line-height: 1.65;
color: #a0a0b8;
margin: 0
}

.evts .evlist .ev-card .ev-speaker {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding-top: 12px;
border-top: 1px solid #22222e
}

.evts .evlist .ev-card .ev-speaker .sp-portrait {
width: 48px;
height: 62px;
object-fit: cover;
object-position: top;
flex-shrink: 0
}

.evts .evlist .ev-card .ev-speaker .sp-info .sp-name {
font-size: 15px;
font-weight: 600;
color: #e0e0f0;
margin: 0 0 4px
}

.evts .evlist .ev-card .ev-speaker .sp-info .sp-role {
font-size: 15px;
color: #7070a0;
margin: 0
}

.evts .evlist .ev-card .ev-actions {
margin-top: 6px
}

.evts .evlist .ev-card .ev-btn {
display: inline-block;
background: #1B3474;
color: #fff;
font-size: 15px;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.evts .evlist .ev-card .ev-btn:hover {
background: #15CB93;
color: #0d0d12
}

.evts .evlist .ev-card .ev-btn:active {
box-shadow: inset 0 2px 8px #1b34744d
}

.evts .evlist .ev-side {
display: flex;
flex-direction: column;
gap: 20px
}

.evts .evlist .ev-side .side-card {
background: #1d1d26;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 3px 3px -1px #1b34740f;
display: flex;
flex-direction: column;
gap: 12px;
border-left: 3px solid #15CB93;
border-top: 1px solid #2a2a3a;
border-right: 1px solid #2a2a3a;
border-bottom: 1px solid #2a2a3a;
transition: border-color .35s ease-in-out
}

.evts .evlist .ev-side .side-card:hover {
border-left-color: #C5460E
}

.evts .evlist .ev-side .side-card h4 {
font-size: 19px;
line-height: 1.15;
font-weight: 700;
color: #fff;
margin: 0
}

.evts .evlist .ev-side .side-card .sc-meta {
font-size: 15px;
color: #7070a0;
margin: 0
}

.evts .evlist .ev-side .side-card .sc-topic {
font-size: 15px;
line-height: 1.65;
color: #a0a0b8;
margin: 0
}

.evts .evlist .ev-side .side-card .sc-link {
font-size: 15px;
color: #15CB93;
text-decoration: underline;
text-underline-offset: 5px;
font-weight: 600
}

.evts .evlist .ev-side .side-card .sc-link:hover {
color: #fff
}

.evts .evlist .ev-side .side-card .sc-speaker {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}

.evts .evlist .ev-side .side-card .sc-speaker img {
width: 48px;
height: 62px;
object-fit: cover;
object-position: top;
flex-shrink: 0
}

.evts .evlist .ev-side .side-card .sc-speaker .sc-sp-name {
font-size: 15px;
font-weight: 600;
color: #e0e0f0;
margin: 0 0 4px
}

.evts .evlist .ev-side .side-card .sc-speaker .sc-sp-role {
font-size: 15px;
color: #7070a0;
margin: 0
}

.evts .evlist .ev-side .side-card .icon-outline {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 6px;
border: 1.5px solid #15CB93;
color: #15CB93;
font-size: 19px;
flex-shrink: 0;
position: relative
}

.evts .evlist .ev-side .side-card .icon-outline svg {
width: 18px;
height: 18px;
stroke: #15CB93;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

@keyframes traceOutline {
from {
stroke-dashoffset: 60
}

to {
stroke-dashoffset: 0
}
}

.evts .evlist .ev-side .side-card .icon-outline svg path,
.evts .evlist .ev-side .side-card .icon-outline svg circle,
.evts .evlist .ev-side .side-card .icon-outline svg rect {
stroke-dasharray: 60;
stroke-dashoffset: 60
}

.evts .evlist .ev-side .side-card:hover .icon-outline svg path,
.evts .evlist .ev-side .side-card:hover .icon-outline svg circle,
.evts .evlist .ev-side .side-card:hover .icon-outline svg rect {
animation: traceOutline .45s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.evts .evlist .ev-side .side-card .sc-top-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px
}

.evts .metrics {
padding: 80px 0;
background: #0d0d12;
position: relative
}

.evts .metrics::before {
content: "";
position: absolute;
inset: 0;
background: conic-gradient(from 200deg at 60% 40%, #1b34742e 0deg, #15cb9314 90deg, #c5460e0f 200deg, #1b34741f 360deg);
pointer-events: none
}

.evts .metrics .pg-bound {
position: relative
}

.evts .metrics h2 {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #a0a0b8;
margin: 0 0 40px
}

.evts .metrics .met-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 40px
}

.evts .metrics .met-item {
background: #18181f;
border-radius: 12px;
padding: 20px;
box-shadow: -1px 5px 14px -1px #1b347414;
display: flex;
flex-direction: column;
gap: 6px;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.evts .metrics .met-item:hover {
transform: scale(1.04)
}

.evts .metrics .met-item:hover~.met-item {
transform: scale(0.97)
}

.evts .metrics .met-item .met-val {
font-size: 56px;
line-height: 1.15;
font-weight: 900;
color: #15CB93
}

.evts .metrics .met-item .met-val .pct {
font-size: 70px
}

.evts .metrics .met-item .met-label {
font-size: 15px;
line-height: 1.65;
color: #7070a0;
margin: 0
}

.evts .metrics .met-item .met-desc {
font-size: 15px;
line-height: 1.65;
color: #a0a0b8;
margin: 0
}

.evts .metrics .met-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start
}

.evts .metrics .met-text p {
font-size: 19px;
line-height: 1.65;
color: #a0a0b8;
margin: 0 0 20px
}

.evts .metrics .met-text p:first-of-type::first-letter {
font-size: 41px;
line-height: 1;
font-weight: 700;
color: #15CB93;
float: left;
margin-right: 6px;
margin-top: 4px
}

.evts .metrics .met-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px
}

.evts .metrics .met-list li {
background: #18181f;
border-radius: 6px;
padding: 12px;
font-size: 15px;
line-height: 1.65;
color: #a0a0b8;
border-top: 2px solid #1B3474;
box-shadow: -1px 3px 3px -1px #1b34740f
}

.evts .metrics .met-list li strong {
display: block;
color: #e0e0f0;
font-weight: 600;
margin-bottom: 4px
}

@media (max-width: 1024px) {
.evts .titblk .titblk-inner {
grid-template-columns: 1fr 3fr 1fr;
gap: 20px;
padding: 0 20px
}

.evts .titblk .titblk-img img {
height: 260px
}

.evts .titblk .titblk-text h1 {
font-size: 31px
}

.evts .titblk .titblk-text .num-accent {
font-size: 56px
}

.evts .metrics .met-grid {
grid-template-columns: repeat(2, 1fr)
}

.evts .pg-bound {
padding: 0 20px
}

.evts .dbl-divider {
padding: 0 20px
}
}

@media (max-width: 768px) {
.evts .titblk .titblk-inner {
grid-template-columns: 1fr;
gap: 20px
}

.evts .titblk .titblk-img {
display: none
}

.evts .titblk .titblk-img.right-img {
display: none
}

.evts .titblk {
padding: 40px 0 20px
}

.evts .evlist .ev-row {
grid-template-columns: 1fr
}

.evts .metrics .met-grid {
grid-template-columns: 1fr 1fr
}

.evts .metrics .met-two-col {
grid-template-columns: 1fr
}

.evts .metrics .met-item {
transition: none
}

.evts .evlist .ev-card {
transition: none
}

.evts .evlist .ev-side .side-card {
transition: none
}
}

@media (max-width: 360px) {
.evts .titblk .titblk-text h1 {
font-size: 24px
}

.evts .titblk .titblk-text .num-accent {
font-size: 41px
}

.evts .metrics .met-grid {
grid-template-columns: 1fr
}

.evts .metrics .met-list {
grid-template-columns: 1fr
}

.evts .pg-bound {
padding: 0 12px
}
}

.ctus {
background-color: #0d0d14;
color: #e8eaf0;
overflow-x: hidden
}

.ctus .pgmask {
animation: maskreveal .85s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

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

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

@media (prefers-reduced-motion: reduce) {
.ctus .pgmask {
animation: none
}
}

.ctus .reach {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px
}

.ctus .band-top {
padding: 80px 0 40px;
position: relative
}

.ctus .band-top::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 120px;
border-color: transparent transparent #15CB93;
opacity: .18
}

.ctus .band-top .reach {
display: flex;
flex-direction: row;
align-items: center;
gap: 80px
}

.ctus .band-top .txtside {
flex: 1 1 0;
min-width: 0
}

.ctus .band-top .imgside {
flex: 0 0 520px;
max-width: 520px;
position: relative
}

.ctus .band-top .imgside img {
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 12px;
display: block;
box-shadow: -1px 8px 36px -1px #15cb9324;
filter: brightness(0.82) saturate(1.1)
}

.ctus .band-top .imgside::before {
content: '';
position: absolute;
inset: 0;
border-radius: 12px;
background: linear-gradient(160deg, #1b347461 0%, #15cb931f 100%);
pointer-events: none;
z-index: 1
}

.ctus .band-top .imgside::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 180px;
height: 180px;
border-radius: 48px;
background: conic-gradient(from 0deg at 50% 50%, #1b347438, #15cb931a, #c5460e14, #1b347438);
z-index: 0;
pointer-events: none
}

.ctus .pagelabel {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: #15cb931a;
border: 1px solid #15cb9347;
border-radius: 6px;
padding: 6px 20px;
margin-bottom: 20px
}

.ctus .pagelabel .dot {
width: 8px;
height: 8px;
border-radius: 48px;
background: #15CB93;
animation: dotpulse 2.2s cubic-bezier(0.34, 1.2, 0.64, 1) infinite
}

@keyframes dotpulse {

0%,
100% {
box-shadow: 0 0 0 0 #15cb938c
}

50% {
box-shadow: 0 0 0 6px #15cb9300
}
}

@media (max-width: 768px) {
.ctus .pagelabel .dot {
animation: none
}
}

.ctus .pagelabel span {
font-size: 15px;
color: #15CB93;
line-height: 1.15;
font-weight: 500
}

.ctus .h1main {
font-size: 56px;
line-height: 1.15;
font-weight: 800;
color: #f0f2f8;
margin: 0 0 20px
}

.ctus .h1main em {
font-style: normal;
color: #15CB93
}

.ctus .subdesc {
font-size: 19px;
line-height: 1.65;
color: #b0b6cc;
margin: 0 0 40px;
max-width: 480px
}

.ctus .subdesc::first-letter {
font-size: 41px;
font-weight: 700;
line-height: 1.15;
float: left;
margin-right: 6px;
color: #15CB93
}

.ctus .infostrip {
display: flex;
flex-direction: row;
gap: 20px;
flex-wrap: wrap
}

.ctus .infostrip .chip {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: #1b347452;
border: 1px solid #1b34748c;
border-radius: 6px;
padding: 12px 20px
}

.ctus .infostrip .chip .chipico {
width: 20px;
height: 20px;
flex-shrink: 0
}

.ctus .infostrip .chip span {
font-size: 15px;
line-height: 1.15;
color: #c8cfe8
}

.ctus .wavebreak {
display: block;
width: 100%;
line-height: 0;
margin-top: 40px
}

.ctus .wavebreak svg {
display: block;
width: 100%
}

.ctus .formband {
background: #111120;
padding: 80px 0;
position: relative
}

.ctus .formband .reach {
display: grid;
grid-template-columns: 1fr 1.55fr;
gap: 80px;
align-items: start
}

.ctus .formside-info {
position: sticky;
top: 40px
}

.ctus .formside-info .h2form {
font-size: 41px;
line-height: 1.15;
font-weight: 700;
color: #f0f2f8;
margin: 0 0 20px
}

.ctus .formside-info .h2form strong {
font-weight: 300;
color: #8892b0;
display: block;
font-size: 24px
}

.ctus .formside-info .frmeta {
font-size: 15px;
line-height: 1.65;
color: #8892b0;
margin: 0 0 40px
}

.ctus .connlines {
display: flex;
flex-direction: column;
gap: 0;
position: relative
}

.ctus .connlines::before {
content: '';
position: absolute;
left: 15px;
top: 20px;
bottom: 20px;
width: 2px;
background: linear-gradient(180deg, #15CB93 0%, #1b347466 60%, #C5460E 100%);
border-radius: 6px
}

.ctus .connitem {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 20px;
padding: 20px 0;
position: relative
}

.ctus .connitem .connnode {
width: 32px;
height: 32px;
border-radius: 48px;
background: #0d0d14;
border: 2px solid #15CB93;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 1
}

.ctus .connitem .connnode svg {
width: 14px;
height: 14px
}

.ctus .connitem .conntext {
padding-top: 6px
}

.ctus .connitem .conntext .ctlabel {
font-size: 15px;
line-height: 1.15;
color: #6a7490;
margin: 0 0 6px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .05em
}

.ctus .connitem .conntext .ctval {
font-size: 19px;
line-height: 1.65;
color: #d8dce8;
margin: 0
}

.ctus .connitem .conntext .ctval a {
color: #d8dce8;
text-decoration: underline;
text-underline-offset: 5px;
transition: color .38s ease-in-out
}

.ctus .connitem .conntext .ctval a:hover {
color: #15CB93
}

.ctus .formwrap {
background: #16162a;
border-radius: 12px;
padding: 40px;
box-shadow: -1px 5px 14px -1px #1b347414 -1px 8px 36px -1px #1b347424
}

.ctus .formwrap .h3form {
font-size: 24px;
line-height: 1.15;
font-weight: 700;
color: #f0f2f8;
margin: 0 0 6px
}

.ctus .formwrap .formsub {
font-size: 15px;
line-height: 1.65;
color: #6a7490;
margin: 0 0 40px
}

.ctus .contactform {
display: flex;
flex-direction: column;
gap: 20px
}

.ctus .frow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.ctus .fgroup {
display: flex;
flex-direction: column;
gap: 6px
}

.ctus .fgroup label {
font-size: 15px;
line-height: 1.15;
color: #8892b0;
font-weight: 500
}

.ctus .fgroup label .req {
color: #C5460E;
margin-left: 2px
}

.ctus .fgroup input[type="text"],
.ctus .fgroup input[type="tel"],
.ctus .fgroup select {
background: #0d0d14;
border: 1px solid #1b34748c;
border-radius: 6px;
padding: 12px 20px;
font-size: 15px;
line-height: 1.65;
color: #e8eaf0;
width: 100%;
box-sizing: border-box;
outline: none;
transition: border-color .38s ease-in-out, box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1);
-webkit-appearance: none;
appearance: none
}

.ctus .fgroup input[type="text"]::placeholder,
.ctus .fgroup input[type="tel"]::placeholder {
color: #3e4560;
font-weight: 300
}

.ctus .fgroup select {
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238892b0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px
}

.ctus .fgroup select option {
background: #16162a;
color: #e8eaf0
}

.ctus .fgroup input[type="text"]:focus,
.ctus .fgroup input[type="tel"]:focus,
.ctus .fgroup select:focus {
border-color: #15CB93;
box-shadow: -1px 3px 3px -1px #15cb930f 0 0 0 3px #15cb931a
}

.ctus .fgroup input[type="text"]:active,
.ctus .fgroup input[type="tel"]:active {
box-shadow: inset 0 2px 4px #1b347438
}

.ctus .timeslotgrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px
}

.ctus .timeslotgrid .slot {
position: relative
}

.ctus .timeslotgrid .slot input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.ctus .timeslotgrid .slot label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 12px 6px;
background: #0d0d14;
border: 1px solid #1b347473;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
color: #8892b0;
line-height: 1.15;
transition: border-color .35s ease-in-out, background .38s ease-in-out, color .35s ease-in-out;
text-align: center
}

.ctus .timeslotgrid .slot label .slottime {
font-size: 19px;
font-weight: 700;
color: #c8cfe8
}

.ctus .timeslotgrid .slot input[type="radio"]:checked+label {
border-color: #15CB93;
background: #15cb931a;
color: #15CB93;
box-shadow: inset 0 2px 4px #15cb9314
}

.ctus .timeslotgrid .slot input[type="radio"]:checked+label .slottime {
color: #15CB93
}

.ctus .timeslotgrid .slot label:hover {
border-color: #15cb9373;
background: #15cb930f;
color: #c8cfe8
}

.ctus .timeslotgrid .slot input[type="radio"]:focus-visible+label {
outline: 2px solid #15CB93;
outline-offset: 2px
}

.ctus .slotsection {
display: flex;
flex-direction: column;
gap: 12px
}

.ctus .slotsection .slottitle {
font-size: 15px;
line-height: 1.15;
color: #8892b0;
font-weight: 500
}

.ctus .slotsection .slottitle .req {
color: #C5460E;
margin-left: 2px
}

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

.ctus .privacyrow input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
border: 1px solid #1b3474a6;
border-radius: 6px;
background: #0d0d14;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
margin-top: 2px;
transition: border-color .38s ease-in-out, background .38s ease-in-out;
position: relative;
outline: none
}

.ctus .privacyrow input[type="checkbox"]:checked {
background: #15CB93;
border-color: #15CB93 !important;
box-shadow: inset 0 2px 4px #1b34742e
}

.ctus .privacyrow input[type="checkbox"]:checked::after {
content: '';
display: block;
position: absolute;
left: 5px;
top: 2px;
width: 7px;
height: 11px;
border: 2px solid #0d0d14;
border-top: none;
border-left: none;
transform: rotate(45deg)
}

.ctus .privacyrow input[type="checkbox"]:focus-visible {
outline: 2px solid #15CB93;
outline-offset: 2px
}

.ctus .privacyrow .privtext {
font-size: 15px;
line-height: 1.65;
color: #6a7490
}

.ctus .privacyrow .privtext a {
color: #15CB93;
text-decoration: underline;
text-underline-offset: 4px;
transition: color .35s ease-in-out
}

.ctus .privacyrow .privtext a:hover {
color: #a0f0d8
}

.ctus .submitbtn {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 20px 40px;
background: #15CB93;
color: #0d0d14;
font-size: 19px;
font-weight: 700;
line-height: 1.15;
border: none;
border-radius: 6px;
cursor: pointer;
width: 100%;
position: relative;
overflow: hidden;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
box-shadow: -1px 5px 14px -1px #15cb9314
}

.ctus .submitbtn::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
background: #1b347438;
transition: width 0s
}

.ctus .submitbtn:hover {
background: #12b882;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.ctus .submitbtn:active {
background: #0fa070;
box-shadow: inset 0 2px 6px #1b347447
}

.ctus .submitbtn:active::before {
width: 100%;
transition: width .6s ease-in-out
}

.ctus .submitbtn:focus-visible {
outline: 2px solid #15CB93;
outline-offset: 3px
}

.ctus .divider-wave {
display: block;
width: 100%;
line-height: 0
}

.ctus .divider-wave svg {
display: block;
width: 100%
}

.ctus .detailband {
padding: 80px 0;
background: #0d0d14;
position: relative
}

.ctus .detailband .reach {
display: flex;
flex-direction: row;
gap: 40px;
align-items: stretch
}

.ctus .detailband .imgblock {
flex: 0 0 460px;
max-width: 460px;
position: relative;
border-radius: 12px;
overflow: hidden
}

.ctus .detailband .imgblock img {
width: 100%;
height: 100%;
min-height: 360px;
object-fit: cover;
display: block;
filter: brightness(0.75) saturate(1.15)
}

.ctus .detailband .imgblock::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #c5460e38 0%, #1b347473 100%);
pointer-events: none
}

.ctus .detailband .metablock {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 40px
}

.ctus .detailband .h2detail {
font-size: 31px;
line-height: 1.15;
font-weight: 300;
color: #f0f2f8;
margin: 0
}

.ctus .detailband .h2detail strong {
font-weight: 700;
color: #f0f2f8;
display: block;
font-size: 41px
}

.ctus .detailband .detaildesc {
font-size: 15px;
line-height: 1.65;
color: #8892b0;
margin: 0
}

.ctus .factgrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.ctus .factgrid .factitem {
background: #16162a;
border-radius: 12px;
padding: 20px;
border: 1px solid #1b347461;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: -1px 3px 3px -1px #1b34740f
}

.ctus .factgrid .factitem .factico {
width: 36px;
height: 36px;
border-radius: 6px;
background: #15cb931f;
display: flex;
align-items: center;
justify-content: center
}

.ctus .factgrid .factitem .factico svg {
width: 18px;
height: 18px
}

.ctus .factgrid .factitem .factlabel {
font-size: 15px;
line-height: 1.15;
color: #6a7490;
margin: 0
}

.ctus .factgrid .factitem .factval {
font-size: 24px;
line-height: 1.15;
font-weight: 700;
color: #f0f2f8;
margin: 0
}

.ctus .checklist {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 20px;
list-style: none;
margin: 0;
padding: 0
}

.ctus .checklist li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
font-size: 15px;
line-height: 1.65;
color: #b0b6cc
}

.ctus .checklist li .ckmark {
flex-shrink: 0;
margin-top: 4px
}

.ctus .checklist li .ckmark svg {
width: 16px;
height: 16px
}

@media (max-width: 1024px) {
.ctus .band-top .reach {
flex-direction: column;
gap: 40px
}

.ctus .band-top .imgside {
flex: unset;
max-width: 100%;
width: 100%
}

.ctus .band-top .imgside img {
height: 320px
}

.ctus .formband .reach {
grid-template-columns: 1fr;
gap: 40px
}

.ctus .formside-info {
position: static
}

.ctus .detailband .reach {
flex-direction: column
}

.ctus .detailband .imgblock {
flex: unset;
max-width: 100%;
width: 100%
}

.ctus .detailband .imgblock img {
min-height: 260px
}

.ctus .h1main {
font-size: 41px
}
}

@media (max-width: 768px) {
.ctus .reach {
padding: 0 20px
}

.ctus .band-top {
padding: 40px 0
}

.ctus .formband {
padding: 40px 0
}

.ctus .detailband {
padding: 40px 0
}

.ctus .frow {
grid-template-columns: 1fr
}

.ctus .timeslotgrid {
grid-template-columns: repeat(2, 1fr)
}

.ctus .formwrap {
padding: 20px
}

.ctus .h1main {
font-size: 31px
}

.ctus .formside-info .h2form {
font-size: 31px
}

.ctus .factgrid {
grid-template-columns: 1fr
}

.ctus .checklist {
grid-template-columns: 1fr
}

.ctus .detailband .h2detail strong {
font-size: 31px
}

.ctus .infostrip {
flex-direction: column
}
}

@media (max-width: 360px) {
.ctus .reach {
padding: 0 12px
}

.ctus .timeslotgrid {
grid-template-columns: 1fr 1fr
}

.ctus .h1main {
font-size: 24px
}
}

.successPage {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 20px;
background: #0d0d12
}

.successPage .confirmCard {
max-width: 560px;
width: 100%;
background: #161620;
border-radius: 12px;
padding: 80px 40px;
text-align: center;
box-shadow: -1px 8px 36px -1px #15cb9324;
border: 1px solid #15cb931f
}

.successPage .iconRing {
width: 72px;
height: 72px;
border-radius: 48px;
background: #15cb931a;
border: 2px solid #15cb9359;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 auto 40px
}

.successPage .iconRing svg {
display: block
}

.successPage .confirmTitle {
font-size: 31px;
line-height: 1.15;
font-weight: 700;
color: #e8eaf2;
margin: 0 0 20px
}

.successPage .confirmMsg {
font-size: 15px;
line-height: 1.65;
color: #9fa3b4;
margin: 0 0 40px
}

.successPage .confirmMsg strong {
color: #15CB93;
font-weight: 600
}

.successPage .dividerLine {
height: 1px;
background: linear-gradient(90deg, transparent, #15cb9340, transparent);
margin: 0 0 40px
}

.successPage .nextSteps {
text-align: left;
margin: 0 0 40px
}

.successPage .nextSteps .stepLabel {
font-size: 15px;
line-height: 1.15;
font-weight: 600;
color: #c5c8d6;
margin: 0 0 20px;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 15px
}

.successPage .nextSteps .stepItem {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px
}

.successPage .nextSteps .stepItem:last-child {
margin-bottom: 0
}

.successPage .nextSteps .stepDot {
width: 6px;
height: 6px;
min-width: 6px;
border-radius: 48px;
background: #15CB93;
margin-top: 7px
}

.successPage .nextSteps .stepText {
font-size: 15px;
line-height: 1.65;
color: #9fa3b4;
margin: 0
}

.successPage .returnLink {
display: inline-block;
padding: 12px 40px;
background: #15CB93;
color: #0d0d12;
font-size: 15px;
font-weight: 700;
border-radius: 6px;
text-decoration: none;
box-shadow: -1px 5px 14px -1px #15cb9314;
transition: background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.successPage .returnLink:hover {
background: #11b882;
box-shadow: -1px 8px 36px -1px #15cb9324
}

.successPage .returnLink:focus {
outline: 2px solid #15CB93;
outline-offset: 3px
}

.successPage .returnLink:active {
box-shadow: inset -1px 3px 3px -1px #15cb930f
}

.successPage .contactNote {
margin: 20px 0 0;
font-size: 15px;
line-height: 1.65;
color: #6b7080
}

.successPage .contactNote a {
color: #15CB93;
text-decoration: underline;
text-underline-offset: 4px;
transition: color .35s ease-in-out
}

.successPage .contactNote a:hover {
color: #11b882
}

@media (max-width: 768px) {
.successPage {
padding: 40px 20px
}

.successPage .confirmCard {
padding: 40px 20px
}

.successPage .confirmTitle {
font-size: 24px
}

.successPage .returnLink,
.successPage .contactNote a {
transition: none
}
}