* {
box-sizing: border-box
}

body {
margin: 0;
min-height: 100dvh;
font-family: 'Exo 2', sans-serif;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%
}

html {
scroll-behavior: smooth
}

:focus {
outline: none;
box-shadow: 0 0 0 3px #f7348573
}

.topbar {
background: linear-gradient(90deg, #F73485 0%, #398DEC 100%);
height: 4px;
width: 100%
}

.siteheader {
background: #fff;
border-bottom: 1px solid #398dec21;
box-shadow: 2px 4px 18px 1px #f734851c;
position: relative;
z-index: 100
}

.headerShell {
max-width: 1280px;
margin: 0 auto;
padding: 0 28px;
display: flex;
align-items: stretch;
gap: 28px
}

.brandMount {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-top: 2px solid #F73485;
border-bottom: 2px solid #398dec4d;
padding: 16px 28px 16px 0;
margin-right: 8px;
flex-shrink: 0
}

.brandMount a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background: #fff;
border-radius: 5px;
box-shadow: 2px 2px 2px 1px #f7348514;
padding: 8px
}

.brandMark {
width: 80px;
height: 80px;
object-fit: contain;
display: block
}

.headerRight {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
gap: 8px;
padding: 16px 0
}

.headerTagline {
font-size: 13px;
letter-spacing: .12em;
color: #398DEC;
font-weight: 700;
text-transform: uppercase;
line-height: 1.35
}

.primaryNav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}

.primaryNav a {
font-size: 15px;
font-weight: 400;
color: #2a2a3d;
text-decoration: none;
padding: 8px 16px;
border-radius: 5px;
border: 1px solid transparent;
line-height: 1.35;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), background .2s cubic-bezier(0.34, 1.56, 0.64, 1);
white-space: nowrap;
min-height: 44px;
display: inline-flex;
align-items: center
}

.primaryNav a:hover {
color: #F73485;
border-color: #f7348538;
background: #f734850a;
filter: brightness(1.08)
}

.primaryNav a.active {
color: #F73485;
font-weight: 700;
border-color: #f734854d
}

.navDivider {
width: 1px;
height: 18px;
background: #398dec33;
display: inline-block;
align-self: center
}

.headerAction {
margin-left: auto;
flex-shrink: 0
}

.headerAction a {
font-size: 15px;
font-weight: 700;
color: #F73485;
text-decoration: none;
padding: 8px 16px;
border-radius: 5px;
border: 1.5px solid #F73485;
line-height: 1.35;
min-height: 44px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background .25s cubic-bezier(0.68, -0.55, 0.27, 1.55), color .25s cubic-bezier(0.68, -0.55, 0.27, 1.55);
white-space: nowrap
}

.headerAction a:hover {
background: #F73485;
color: #fff;
filter: brightness(1.07)
}

.headerAction a svg {
flex-shrink: 0
}

@media (max-width: 768px) {
.headerShell {
padding: 0 16px;
gap: 16px
}

.brandMount {
padding: 16px 16px 16px 0
}

.brandMark {
width: 64px;
height: 64px
}

.headerTagline {
font-size: 13px
}

.primaryNav a {
font-size: 13px;
padding: 8px
}

.headerAction a {
font-size: 13px;
padding: 8px
}
}

@media (max-width: 320px) {
.headerShell {
padding: 0 8px;
gap: 8px
}

.brandMark {
width: 52px;
height: 52px
}

.brandMount {
padding: 8px 8px 8px 0
}
}

.sitefooter {
background: #1b1e2e;
color: #c8cfe0;
font-family: 'Exo 2', sans-serif
}

.footerTop {
background: #22273a;
border-top: 3px solid #F73485
}

.footerTopShell {
max-width: 1280px;
margin: 0 auto;
padding: 56px 28px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 56px
}

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

.footerLogoLink {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 5px;
padding: 8px;
width: fit-content;
box-shadow: 2px 2px 2px 1px #398dec14
}

.footerLogoImg {
width: 80px;
height: 80px;
object-fit: contain;
display: block
}

.footerTagline {
font-size: 15px;
line-height: 1.6;
color: #8fa3c0;
max-width: 220px
}

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

.footerNavLabel {
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #398DEC;
line-height: 1.35
}

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

.footerNavList li a {
font-size: 15px;
color: #c8cfe0;
text-decoration: none;
line-height: 1.6;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
display: inline-flex;
align-items: center;
gap: 8px
}

.footerNavList li a:hover {
color: #F73485;
filter: brightness(1.1)
}

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

.footerContactLabel {
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #398DEC;
line-height: 1.35
}

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

.footerContactList li {
font-size: 15px;
color: #c8cfe0;
line-height: 1.6;
display: flex;
align-items: flex-start;
gap: 8px
}

.footerContactList li a {
color: #c8cfe0;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.footerContactList li a:hover {
color: #F73485
}

.footerContactList li i {
color: #398DEC;
font-size: 17px;
flex-shrink: 0;
margin-top: 2px
}

.footerBottom {
background: #161926;
border-top: 1px solid #398dec1f
}

.footerBottomShell {
max-width: 1280px;
margin: 0 auto;
padding: 16px 28px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px
}

.footerCopy {
font-size: 13px;
color: #5a6580;
line-height: 1.35
}

.footerLegalNav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}

.footerLegalNav a {
font-size: 13px;
color: #5a6580;
text-decoration: none;
padding: 4px 8px;
border-radius: 1px;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
white-space: nowrap
}

.footerLegalNav a:hover {
color: #c8cfe0
}

.footerLegalSep {
width: 3px;
height: 3px;
border-radius: 34px;
background: #3a4055;
display: inline-block;
flex-shrink: 0
}

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

.footerBrand {
grid-column: 1 / -1
}
}

@media (max-width: 768px) {
.footerTopShell {
grid-template-columns: 1fr;
padding: 28px 16px;
gap: 28px
}

.footerBrand {
grid-column: auto
}

.footerBottomShell {
padding: 16px;
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 320px) {
.footerTopShell {
padding: 16px 8px
}

.footerBottomShell {
padding: 16px 8px
}
}

.cookieBar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8000;
background: #22273a;
border-bottom: 2px solid #F73485;
box-shadow: 2px 10px 44px 1px #f7348521;
font-family: 'Exo 2', sans-serif
}

.cookieBarShell {
max-width: 1280px;
margin: 0 auto;
padding: 16px 28px;
display: flex;
align-items: flex-start;
gap: 28px;
flex-wrap: wrap
}

.cookieText {
flex: 1;
min-width: 220px
}

.cookieHeadline {
font-size: 15px;
font-weight: 700;
color: #fff;
line-height: 1.35;
margin-bottom: 8px
}

.cookieDesc {
font-size: 13px;
color: #8fa3c0;
line-height: 1.6;
margin: 0
}

.cookieDesc a {
color: #398DEC;
text-decoration: underline
}

.cookieCategories {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px
}

.cookieCatItem {
display: flex;
align-items: center;
gap: 4px;
font-size: 13px;
color: #8fa3c0;
line-height: 1.35
}

.cookieCatItem input[type="checkbox"] {
accent-color: #F73485;
width: 16px;
height: 16px;
cursor: pointer
}

.cookieCatItem label {
cursor: pointer
}

.cookieActions {
display: flex;
align-items: center;
gap: 16px;
flex-shrink: 0;
flex-wrap: wrap;
padding-top: 4px
}

.cookieAccept {
font-size: 15px;
font-weight: 700;
color: #F73485;
background: none;
border: 1.5px solid #F73485;
border-radius: 5px;
padding: 8px 16px;
cursor: pointer;
font-family: 'Exo 2', sans-serif;
min-height: 44px;
transition: background .25s cubic-bezier(0.68, -0.55, 0.27, 1.55), color .25s cubic-bezier(0.68, -0.55, 0.27, 1.55);
white-space: nowrap
}

.cookieAccept:hover,
.cookieAccept:focus {
background: #F73485;
color: #fff;
filter: brightness(1.07)
}

.cookieReject {
font-size: 13px;
color: #5a6580;
background: none;
border: none;
cursor: pointer;
font-family: 'Exo 2', sans-serif;
text-decoration: underline;
padding: 8px 4px;
min-height: 44px;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1);
white-space: nowrap
}

.cookieReject:hover,
.cookieReject:focus {
color: #c8cfe0
}

@media (max-width: 768px) {
.cookieBarShell {
padding: 16px;
flex-direction: column;
gap: 16px
}

.cookieActions {
width: 100%;
justify-content: flex-start
}
}

@media (max-width: 320px) {
.cookieBarShell {
padding: 8px
}
}

.doc-inner {
max-width: 1280px;
margin: 0 auto;
padding: 56px 28px
}

.doc-inner h1 {
font-size: 50px;
line-height: 1.1;
letter-spacing: -.5px;
color: #111827;
margin-bottom: 28px;
margin-top: 0
}

.doc-inner h2 {
font-size: 38px;
line-height: 1.1;
letter-spacing: -.3px;
color: #111827;
margin-top: 56px;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #F73485
}

.doc-inner h3 {
font-size: 28px;
line-height: 1.35;
color: #111827;
margin-top: 28px;
margin-bottom: 16px
}

.doc-inner h4 {
font-size: 17px;
line-height: 1.35;
letter-spacing: .04em;
text-transform: uppercase;
color: #398DEC;
margin-top: 28px;
margin-bottom: 8px
}

.doc-inner h5 {
font-size: 15px;
line-height: 1.35;
letter-spacing: .06em;
text-transform: uppercase;
color: #555f6e;
margin-top: 16px;
margin-bottom: 8px
}

.doc-inner h6 {
font-size: 13px;
line-height: 1.35;
letter-spacing: .08em;
text-transform: uppercase;
color: #555f6e;
margin-top: 16px;
margin-bottom: 8px
}

.doc-inner p {
font-size: 17px;
line-height: 1.8;
color: #2d3748;
margin-top: 0;
margin-bottom: 16px;
max-width: 72ch
}

.doc-inner strong,
.doc-inner b {
font-weight: 700;
color: #111827
}

.doc-inner em,
.doc-inner i {
font-style: italic;
color: #2d3748
}

.doc-inner a {
color: #398DEC;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .25s cubic-bezier(0.34, 1.56, 0.64, 1), text-decoration-color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.doc-inner a:hover {
color: #F73485;
text-decoration-color: #F73485
}

.doc-inner a:visited {
color: #2d6bc4
}

.doc-inner hr {
border: none;
border-top: 1px solid #d1dbe8;
margin-top: 56px;
margin-bottom: 56px;
box-shadow: inset 0 1px 0 #f7348514
}

@media (max-width: 768px) {
.doc-inner {
padding: 28px 16px
}

.doc-inner h1 {
font-size: 38px
}

.doc-inner h2 {
font-size: 28px;
margin-top: 28px
}

.doc-inner h3 {
font-size: 17px
}

.doc-inner p {
font-size: 15px;
max-width: 100%
}
}

@media (max-width: 320px) {
.doc-inner {
padding: 16px 8px
}

.doc-inner h1 {
font-size: 28px
}

.doc-inner h2 {
font-size: 17px
}
}

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

.tmPg .tmInner {
max-width: 1280px;
margin: 0 auto;
padding: 0 28px
}

@keyframes attentionShake {

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

15% {
transform: translateX(-6px) rotate(-1deg)
}

30% {
transform: translateX(6px) rotate(1deg)
}

45% {
transform: translateX(-4px)
}

60% {
transform: translateX(4px)
}

75% {
transform: translateX(-2px)
}

90% {
transform: translateX(2px)
}
}

@keyframes lineExpand {
0% {
width: 0
}

50% {
width: 100%
}

100% {
width: 0
}
}

.tmPg .splitHalf {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 560px
}

.tmPg .imgZone {
position: relative;
overflow: hidden
}

.tmPg .imgZone img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block
}

.tmPg .imgGlow {
position: absolute;
inset: 0;
background: linear-gradient(143deg, #f7348521 0%, transparent 60%);
pointer-events: none
}

.tmPg .imgDecoBorder {
position: absolute;
top: 28px;
left: 28px;
right: 28px;
bottom: 28px;
border: 2px solid #f7348547;
border-radius: 5px;
pointer-events: none
}

.tmPg .imgDecoInner {
position: absolute;
top: 36px;
left: 36px;
right: 36px;
bottom: 36px;
border: 1px solid #398dec2e;
border-radius: 1px;
pointer-events: none
}

.tmPg .textZone {
padding: 56px 56px 28px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
border-top: 2px solid #F73485;
border-right: 2px solid #F73485;
border-bottom: 2px solid #F73485
}

.tmPg .labelTag {
font-size: 13px;
letter-spacing: .12em;
color: #F73485;
font-weight: 600;
margin-bottom: 16px;
display: block
}

.tmPg .pgHeading {
font-size: 50px;
line-height: 1.1;
font-weight: 900;
color: #111;
margin-bottom: 28px;
letter-spacing: -.02em
}

.tmPg .pgHeading .marked {
background: linear-gradient(143deg, #F73485 60%, #398DEC);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: inline
}

.tmPg .pgDesc {
font-size: 17px;
line-height: 1.6;
color: #2a2a2a;
text-align: justify;
margin-bottom: 28px
}

.tmPg .animLine {
height: 3px;
background: #F73485;
border-radius: 1px;
animation: lineExpand 2.8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
margin-top: 8px
}

.tmPg .teamGrid {
background: #f4f4f5;
position: relative;
padding: 56px 0
}

.tmPg .teamGrid::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
pointer-events: none;
border-radius: 0
}

.tmPg .teamGrid .tmInner {
position: relative
}

.tmPg .gridHeadRow {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 56px;
gap: 28px
}

.tmPg .gridTitle {
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #111;
letter-spacing: -.02em;
max-width: 520px
}

.tmPg .gridSubtext {
font-size: 15px;
line-height: 1.6;
color: #333;
max-width: 360px;
text-align: left
}

.tmPg .memberGrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px
}

.tmPg .memberCard {
background: #fff;
border-radius: 5px;
padding: 28px;
box-shadow: 2px 4px 18px 1px #f734851c;
position: relative;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.tmPg .memberCard:hover {
box-shadow: 2px 10px 44px 1px #f7348521;
transform: translateY(-4px)
}

.tmPg .memberCard.shake {
animation: attentionShake .55s cubic-bezier(0.68, -0.55, 0.27, 1.55) 2.2s both
}

.tmPg .accentBar {
height: 4px;
border-radius: 1px;
margin-bottom: 28px
}

.tmPg .accentBar.col1 {
background: #F73485
}

.tmPg .accentBar.col2 {
background: #398DEC
}

.tmPg .accentBar.col3 {
background: linear-gradient(143deg, #F73485, #398DEC)
}

.tmPg .memberAvatar {
width: 56px;
height: 56px;
border-radius: 34px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 17px;
font-weight: 800;
color: #fff;
margin-bottom: 16px;
box-shadow: 2px 2px 2px 1px #f7348514;
inset-shadow: inset 0 2px 4px #fff3
}

.tmPg .memberAvatar.av1 {
background: #F73485
}

.tmPg .memberAvatar.av2 {
background: #398DEC
}

.tmPg .memberAvatar.av3 {
background: linear-gradient(143deg, #F73485 0%, #398DEC 100%)
}

.tmPg .memberName {
font-size: 17px;
font-weight: 800;
color: #111;
line-height: 1.35;
margin-bottom: 4px
}

.tmPg .memberRole {
font-size: 13px;
color: #F73485;
font-weight: 600;
letter-spacing: .09em;
margin-bottom: 16px;
display: block
}

.tmPg .memberCard.card2 .memberRole {
color: #398DEC
}

.tmPg .memberCard.card3 .memberRole {
color: #111
}

.tmPg .memberBio {
font-size: 15px;
line-height: 1.6;
color: #333;
text-align: justify
}

.tmPg .dotDivider {
border: none;
border-top: 2px dotted #F73485;
margin: 0;
opacity: .5
}

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

.tmPg .imgZone {
min-height: 340px
}

.tmPg .textZone {
border: none;
border-top: 2px solid #F73485;
padding: 28px
}

.tmPg .pgHeading {
font-size: 38px
}

.tmPg .memberGrid {
grid-template-columns: 1fr 1fr
}

.tmPg .gridHeadRow {
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 768px) {
.tmPg .memberGrid {
grid-template-columns: 1fr
}

.tmPg .pgHeading {
font-size: 28px
}

.tmPg .gridTitle {
font-size: 28px
}

.tmPg .textZone {
padding: 28px 16px
}

.tmPg .teamGrid {
padding: 28px 0
}
}

@media (max-width: 320px) {
.tmPg .tmInner {
padding: 0 16px
}

.tmPg .pgHeading {
font-size: 28px
}
}

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

.aboutUs .auGrid {
max-width: 1280px;
margin: 0 auto;
padding: 0 28px
}

.aboutUs .titleBlk {
background: #fff;
padding: 56px 0 0;
position: relative
}

.aboutUs .titleBlk .auGrid {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 56px
}

.aboutUs .titleBlk::before {
content: '';
display: block;
height: 3px;
background: linear-gradient(143deg, #F73485, #398DEC);
position: absolute;
top: 0;
left: 0;
right: 0
}

.aboutUs .titleBlk::after {
content: '';
display: block;
height: 3px;
background: linear-gradient(143deg, #398DEC, transparent);
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.aboutUs .titleLeft {
flex: 1 1 58%;
padding-bottom: 56px;
position: relative
}

.aboutUs .titleLeft .curveDecor {
position: absolute;
top: -28px;
left: -28px;
width: 220px;
height: 140px;
pointer-events: none;
overflow: hidden
}

.aboutUs .titleLeft .curveDecor svg {
width: 100%;
height: 100%;
opacity: .13
}

.aboutUs .auLabel {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: #F73485;
margin-bottom: 16px;
border: 1px solid #F73485;
border-radius: 5px;
padding: 4px 16px
}

.aboutUs .titleLeft h1 {
font-size: 50px;
line-height: 1.1;
font-weight: 900;
color: #111;
margin: 0 0 28px;
letter-spacing: -.02em
}

.aboutUs .titleLeft h1 span {
color: #F73485
}

.aboutUs .titleDesc {
font-size: 17px;
line-height: 1.6;
color: #333;
max-width: 520px;
text-align: left
}

.aboutUs .titleRight {
flex: 0 0 36%;
position: relative;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end
}

.aboutUs .imgLeak {
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 10px 44px 1px #f7348521
}

.aboutUs .imgLeak img {
width: 100%;
height: 340px;
object-fit: cover;
display: block;
border-radius: 5px;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.aboutUs .imgLeak:hover img {
transform: scale(1.03)
}

.aboutUs .imgLeak::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 60%;
background: linear-gradient(143deg, #f7348547, transparent);
border-radius: 5px 0 0 0;
pointer-events: none
}

.aboutUs .dividerCurve1 {
line-height: 0;
background: #fff
}

.aboutUs .dividerCurve1 svg {
display: block;
width: 100%
}

.aboutUs .storyBlk {
background: linear-gradient(143deg, #f2f6fd 0%, #fdf0f6 100%);
padding: 56px 0;
position: relative
}

.aboutUs .storyBlk::before {
content: '';
position: absolute;
inset: 0;
background-image: linear-gradient(#398dec12 1px, transparent 1px), linear-gradient(90deg, #398dec12 1px, transparent 1px);
background-size: 48px 48px;
animation: gridPulse 4s ease-in-out infinite;
pointer-events: none
}

@keyframes gridPulse {

0%,
100% {
opacity: .5
}

50% {
opacity: 1
}
}

.aboutUs .storyInner {
position: relative;
z-index: 1
}

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

.aboutUs .storyText h2 {
font-size: 38px;
font-weight: 900;
line-height: 1.1;
color: #111;
margin: 0 0 16px;
letter-spacing: -.015em
}

.aboutUs .storyText h2 em {
font-style: normal;
color: #398DEC
}

.aboutUs .storyText .storyPara {
font-size: 15px;
line-height: 1.8;
color: #2a2a2a;
text-align: justify;
margin-bottom: 16px
}

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

.aboutUs .metricItem {
background: #fff;
border-radius: 5px;
padding: 16px 28px;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
box-shadow: 2px 4px 18px 1px #398dec1c;
transition: transform .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.aboutUs .metricItem:hover {
transform: translateY(-3px);
box-shadow: 2px 10px 44px 1px #398dec21
}

.aboutUs .metricDot {
width: 10px;
height: 10px;
border-radius: 34px;
flex-shrink: 0
}

.aboutUs .metricDot.pink {
background: #F73485
}

.aboutUs .metricDot.blue {
background: #398DEC
}

.aboutUs .metricNum {
font-size: 28px;
font-weight: 900;
line-height: 1.1;
color: #111;
min-width: 80px
}

.aboutUs .metricLabel {
font-size: 15px;
line-height: 1.35;
color: #444
}

.aboutUs .dividerCurve2 {
line-height: 0;
background: linear-gradient(143deg, #f2f6fd 0%, #fdf0f6 100%)
}

.aboutUs .dividerCurve2 svg {
display: block;
width: 100%
}

.aboutUs .teamBlk {
background: #fff;
padding: 56px 0;
position: relative
}

.aboutUs .teamBlk::after {
content: '';
display: block;
height: 3px;
background: linear-gradient(143deg, #F73485, #398DEC);
position: absolute;
bottom: 0;
left: 0;
right: 0
}

.aboutUs .teamTop {
text-align: center;
margin-bottom: 56px
}

.aboutUs .teamTop h2 {
font-size: 38px;
font-weight: 900;
line-height: 1.1;
color: #111;
margin: 0 0 16px;
letter-spacing: -.015em
}

.aboutUs .teamTop .teamIntro {
font-size: 17px;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
text-align: center
}

.aboutUs .fourCols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 56px
}

.aboutUs .personCard {
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 2px 2px 1px #f7348514;
transition: transform .25s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1);
background: #fff
}

.aboutUs .personCard:hover {
transform: translateY(-6px);
box-shadow: 2px 10px 44px 1px #f7348521
}

.aboutUs .personImg {
width: 100%;
height: 200px;
object-fit: cover;
display: block
}

.aboutUs .personInfo {
padding: 16px
}

.aboutUs .personName {
font-size: 15px;
font-weight: 700;
color: #111;
line-height: 1.35;
margin-bottom: 4px
}

.aboutUs .personRole {
font-size: 13px;
color: #F73485;
letter-spacing: .06em;
text-transform: uppercase;
font-weight: 600
}

.aboutUs .personBio {
font-size: 13px;
line-height: 1.6;
color: #444;
margin-top: 8px;
text-align: left
}

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

.aboutUs .approachImg {
position: relative;
border-radius: 5px
}

.aboutUs .approachImg img {
width: 100%;
height: 320px;
object-fit: cover;
border-radius: 5px;
display: block;
box-shadow: 2px 10px 44px 1px #398dec21;
transition: transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.aboutUs .approachImg:hover img {
transform: scale(1.025)
}

.aboutUs .approachImg .floatBadge {
position: absolute;
bottom: -16px;
right: -16px;
background: #F73485;
color: #fff;
border-radius: 5px;
padding: 8px 16px;
font-size: 13px;
font-weight: 700;
letter-spacing: .05em;
box-shadow: 2px 4px 18px 1px #f734851c
}

.aboutUs .approachText h3 {
font-size: 28px;
font-weight: 900;
line-height: 1.1;
color: #111;
margin: 0 0 16px;
letter-spacing: -.01em
}

.aboutUs .approachPara {
font-size: 15px;
line-height: 1.8;
color: #2a2a2a;
text-align: justify;
margin-bottom: 16px
}

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

.aboutUs .dotList li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 15px;
line-height: 1.6;
color: #2a2a2a
}

.aboutUs .dotList li::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-radius: 34px;
background: #398DEC;
flex-shrink: 0;
margin-top: 7px
}

.aboutUs .teamLinkRow {
margin-top: 28px
}

.aboutUs .auBtn {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: #F73485;
border: 2px solid #F73485;
border-radius: 5px;
padding: 8px 28px;
text-decoration: none;
background: transparent;
transition: background .2s cubic-bezier(0.34, 1.56, 0.64, 1), color .2s cubic-bezier(0.34, 1.56, 0.64, 1), filter .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.aboutUs .auBtn:hover {
background: #F73485;
color: #fff;
filter: brightness(1.08)
}

.aboutUs .auBtn:focus {
outline: 2px solid #398DEC;
outline-offset: 3px
}

@media (max-width: 1024px) {
.aboutUs .fourCols {
grid-template-columns: repeat(2, 1fr)
}

.aboutUs .titleLeft h1 {
font-size: 38px
}
}

@media (max-width: 768px) {
.aboutUs .titleBlk .auGrid {
flex-direction: column;
gap: 28px
}

.aboutUs .titleRight {
width: 100%;
flex: none
}

.aboutUs .titleLeft h1 {
font-size: 28px
}

.aboutUs .storyGrid {
grid-template-columns: 1fr;
gap: 28px
}

.aboutUs .fourCols {
grid-template-columns: 1fr 1fr;
gap: 16px
}

.aboutUs .approachRow {
grid-template-columns: 1fr;
gap: 28px
}

.aboutUs .approachImg .floatBadge {
right: 8px;
bottom: 8px
}

.aboutUs .teamTop h2,
.aboutUs .storyText h2 {
font-size: 28px
}
}

@media (max-width: 320px) {
.aboutUs .fourCols {
grid-template-columns: 1fr
}

.aboutUs .auGrid {
padding: 0 16px
}
}

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

.ctus .pg-wrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 28px
}

.ctus .divider-grad {
height: 2px;
background: linear-gradient(143deg, #F73485, #398DEC);
border: none;
margin: 0
}

.ctus .reach-band {
background: #fff;
padding: 56px 0;
position: relative
}

.ctus .reach-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: linear-gradient(143deg, #F73485, #398DEC)
}

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

.ctus .reach-text-col {
display: flex;
flex-direction: column;
gap: 28px
}

.ctus .reach-label {
font-size: 13px;
letter-spacing: .14em;
color: #F73485;
text-transform: uppercase;
font-weight: 600;
line-height: 1.35
}

.ctus .reach-heading {
font-size: 50px;
font-weight: 900;
line-height: 1.1;
color: #111;
letter-spacing: -.02em;
margin: 0
}

.ctus .reach-heading span {
color: #F73485
}

.ctus .reach-desc {
font-size: 17px;
line-height: 1.6;
color: #333;
text-align: justify;
margin: 0
}

.ctus .reach-cards {
display: flex;
flex-direction: column;
gap: 16px
}

.ctus .rcard {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 28px;
border-radius: 5px;
background: #fff;
box-shadow: 2px 4px 18px 1px #f734851c;
transition: box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1), transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus .rcard:hover {
box-shadow: 2px 10px 44px 1px #f7348521;
transform: translateY(-2px)
}

.ctus .rcard-icon {
width: 44px;
height: 44px;
border-radius: 5px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: linear-gradient(143deg, #F73485, #398DEC)
}

.ctus .rcard-icon svg {
width: 22px;
height: 22px;
fill: #fff
}

.ctus .rcard-body {
display: flex;
flex-direction: column;
gap: 4px
}

.ctus .rcard-lbl {
font-size: 13px;
letter-spacing: .1em;
text-transform: uppercase;
color: #888;
line-height: 1.35
}

.ctus .rcard-val {
font-size: 17px;
font-weight: 700;
color: #111;
line-height: 1.35;
text-decoration: none;
transition: color .22s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus .rcard-val:hover {
color: #F73485
}

.ctus .rcard-sub {
font-size: 13px;
color: #555;
line-height: 1.6
}

.ctus .form-band {
background: #f4f7fb;
padding: 56px 0;
position: relative;
overflow: hidden
}

.ctus .form-band-circles {
position: absolute;
top: -60px;
right: -80px;
width: 340px;
height: 340px;
pointer-events: none;
overflow: hidden
}

.ctus .form-band-circles span {
display: block;
position: absolute;
border-radius: 34px;
border: 1px solid #398dec1a
}

.ctus .form-band-circles span:nth-child(1) {
width: 200px;
height: 200px;
top: 20px;
left: 20px
}

.ctus .form-band-circles span:nth-child(2) {
width: 280px;
height: 280px;
top: -20px;
left: -20px
}

.ctus .form-band-circles span:nth-child(3) {
width: 340px;
height: 340px;
top: -60px;
left: -60px
}

.ctus .form-layout {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 56px;
align-items: start
}

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

.ctus .form-meta-heading {
font-size: 38px;
font-weight: 900;
line-height: 1.1;
color: #111;
letter-spacing: -.02em;
margin: 0
}

.ctus .form-meta-desc {
font-size: 15px;
line-height: 1.6;
color: #444;
text-align: justify;
margin: 0
}

.ctus .form-steps {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 8px
}

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

.ctus .fstep-arrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.ctus .fstep-num {
width: 32px;
height: 32px;
border-radius: 1px;
background: #F73485;
color: #fff;
font-size: 13px;
font-weight: 800;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.ctus .fstep-chevron {
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #398DEC;
flex-shrink: 0
}

.ctus .fstep-txt {
font-size: 15px;
color: #333;
line-height: 1.35
}

.ctus .form-card {
background: #fff;
border-radius: 5px;
padding: 28px;
box-shadow: 2px 4px 18px 1px #398dec1c
}

.ctus .fc-form {
display: flex;
flex-direction: column;
gap: 16px
}

.ctus .fc-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

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

.ctus .fc-field.full {
grid-column: 1 / -1
}

.ctus .fc-lbl {
font-size: 13px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #222;
line-height: 1.35
}

.ctus .fc-lbl .req {
color: #F73485;
margin-left: 2px
}

.ctus .fc-input {
padding: 16px;
border: 1px solid #d0d8e4;
border-radius: 5px;
font-size: 15px;
line-height: 1.35;
color: #111;
background: #fff;
outline: none;
transition: border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .22s cubic-bezier(0.34, 1.56, 0.64, 1);
width: 100%;
box-sizing: border-box
}

.ctus .fc-input::placeholder {
font-style: italic;
opacity: .55;
color: #555
}

.ctus .fc-input:focus {
border-color: #398DEC;
box-shadow: 2px 2px 2px 1px #398dec14
}

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

.ctus .budget-opts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.ctus .budget-opt {
display: flex;
flex-direction: row;
align-items: center;
gap: 0
}

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

.ctus .budget-opt label {
padding: 8px 16px;
border: 1px solid #d0d8e4;
border-radius: 34px;
font-size: 13px;
font-weight: 600;
color: #444;
cursor: pointer;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .22s cubic-bezier(0.34, 1.56, 0.64, 1);
user-select: none;
line-height: 1.35
}

.ctus .budget-opt input[type="radio"]:checked+label {
background: #F73485;
color: #fff;
border-color: #F73485
}

.ctus .budget-opt input[type="radio"]:focus-visible+label {
outline: 2px solid #398DEC;
outline-offset: 2px
}

.ctus .budget-opt label:hover {
border-color: #398DEC;
color: #398DEC
}

.ctus .budget-opt input[type="radio"]:checked+label:hover {
border-color: #F73485;
color: #fff
}

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

.ctus .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: #F73485;
flex-shrink: 0;
cursor: pointer
}

.ctus .privacy-txt {
font-size: 13px;
line-height: 1.6;
color: #555
}

.ctus .privacy-txt a {
color: #398DEC;
text-decoration: underline;
text-underline-offset: 2px;
transition: color .2s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.ctus .privacy-txt a:hover {
color: #F73485
}

.ctus .fc-submit {
padding: 16px 28px;
background: #fff;
color: #F73485;
border: 2px solid #F73485;
border-radius: 5px;
font-size: 15px;
font-weight: 800;
letter-spacing: .05em;
cursor: pointer;
transition: background .28s cubic-bezier(0.68, -0.55, 0.27, 1.55), color .28s cubic-bezier(0.68, -0.55, 0.27, 1.55), filter .2s cubic-bezier(0.34, 1.56, 0.64, 1);
align-self: flex-start
}

.ctus .fc-submit:hover {
background: #F73485;
color: #fff;
filter: brightness(1.08)
}

.ctus .fc-submit:focus-visible {
outline: 2px solid #398DEC;
outline-offset: 3px
}

.ctus .fc-submit:active {
filter: brightness(0.95)
}

@keyframes cardFlip {
0% {
transform: rotateY(90deg);
opacity: 0
}

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

.ctus .rcard {
animation: cardFlip .35s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.ctus .rcard:nth-child(1) {
animation-delay: .1s
}

.ctus .rcard:nth-child(2) {
animation-delay: .2s
}

.ctus .rcard:nth-child(3) {
animation-delay: .3s
}

@keyframes revealUp {
from {
opacity: 0;
transform: translateY(24px)
}

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

.ctus .form-card {
animation: revealUp .32s cubic-bezier(0.34, 1.56, 0.64, 1) .15s both
}

.ctus .form-meta {
animation: revealUp .28s cubic-bezier(0.34, 1.56, 0.64, 1) .05s both
}

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

.ctus .form-layout {
grid-template-columns: 1fr;
gap: 28px
}

.ctus .reach-heading {
font-size: 38px
}
}

@media (max-width: 768px) {
.ctus .reach-heading {
font-size: 28px
}

.ctus .form-meta-heading {
font-size: 28px
}

.ctus .fc-row {
grid-template-columns: 1fr
}

.ctus .reach-band {
padding: 28px 0
}

.ctus .form-band {
padding: 28px 0
}

.ctus .budget-opts {
gap: 8px
}

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

@media (max-width: 320px) {
.ctus .reach-heading {
font-size: 28px
}

.ctus .fc-submit {
width: 100%
}
}

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

.entryPg .pgWrap {
max-width: 1280px;
margin: 0 auto;
padding: 0 28px
}

.entryPg .titleBlk {
position: relative;
padding: 112px 28px 56px;
background: linear-gradient(143deg, #F73485, #398DEC, #F73485);
background-size: 300% 300%;
animation: gradShift 8s ease-in-out infinite;
overflow: hidden
}

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

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

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

.entryPg .titleBlk::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 20% 80%, #f7348561 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #398dec4d 0%, transparent 55%);
pointer-events: none
}

.entryPg .titleBlk::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #ffffff73
}

.entryPg .titleImgWrap {
position: absolute;
inset: 0;
overflow: hidden
}

.entryPg .titleImgWrap img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .18
}

.entryPg .titleInner {
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto
}

.entryPg .titleLabel {
display: inline-block;
font-size: 13px;
letter-spacing: .14em;
color: #ffffffd1;
border: 1px solid #ffffff59;
border-radius: 5px;
padding: 4px 16px;
margin-bottom: 28px;
text-transform: uppercase
}

.entryPg .titleH1 {
font-size: 50px;
line-height: 1.1;
color: #fff;
font-weight: 900;
letter-spacing: -.02em;
margin: 0 0 28px;
max-width: 680px
}

.entryPg .titleSub {
font-size: 17px;
line-height: 1.6;
color: #ffffffe0;
max-width: 520px;
margin: 0
}

.entryPg .vignetteAnim {
position: absolute;
inset: 0;
pointer-events: none;
animation: vignPulse 6s ease-in-out infinite;
background: radial-gradient(ellipse at 50% 50%, transparent 55%, #1e0c2847 100%)
}

@keyframes vignPulse {

0%,
100% {
opacity: .6
}

50% {
opacity: 1
}
}

.entryPg .divDots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 28px 0
}

.entryPg .divDots span {
width: 5px;
height: 5px;
border-radius: 34px;
background: #d0d0d8;
display: block
}

.entryPg .suppBlk {
padding: 56px 28px;
background: #fff
}

.entryPg .suppGrid {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center
}

.entryPg .suppText h2 {
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #111;
letter-spacing: -.02em;
margin: 0 0 16px
}

.entryPg .suppText p {
font-size: 15px;
line-height: 1.8;
color: #2a2a35;
text-align: justify;
margin: 0 0 16px
}

.entryPg .suppText p:last-child {
margin-bottom: 0
}

.entryPg .suppImgWrap {
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 10px 44px 1px #f7348521;
position: relative
}

.entryPg .suppImgWrap img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
opacity: .92;
transition: opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.entryPg .suppImgWrap:hover img {
opacity: 1
}

.entryPg .suppImgWrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, #f734851f, transparent);
pointer-events: none
}

.entryPg .suppHighlight {
display: inline-block;
margin-top: 28px;
padding: 8px 16px;
border: 1px solid #F73485;
border-radius: 5px;
font-size: 13px;
color: #F73485;
letter-spacing: .06em;
font-weight: 700
}

.entryPg .ltBlk {
padding: 56px 28px;
background: linear-gradient(143deg, #f4f6fb 60%, #e8f0fb 100%)
}

.entryPg .ltInner {
max-width: 1280px;
margin: 0 auto
}

.entryPg .ltTopRow {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 28px;
margin-bottom: 28px;
align-items: start
}

.entryPg .ltH2 {
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #111;
letter-spacing: -.02em;
margin: 0 0 16px
}

.entryPg .ltLead {
font-size: 17px;
line-height: 1.6;
color: #2a2a35;
text-align: justify;
margin: 0
}

.entryPg .ltAccentBox {
background: #F73485;
border-radius: 5px;
padding: 28px;
color: #fff;
box-shadow: 2px 4px 18px 1px #f734851c
}

.entryPg .ltAccentBox strong {
font-size: 28px;
line-height: 1.1;
display: block;
margin-bottom: 8px;
font-weight: 900
}

.entryPg .ltAccentBox p {
font-size: 13px;
line-height: 1.6;
margin: 0;
opacity: .9
}

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

.entryPg .ltCard {
background: #fff;
border-radius: 5px;
padding: 28px;
box-shadow: 2px 2px 2px 1px #398dec14;
border-top: 3px solid #398DEC
}

.entryPg .ltCard h4 {
font-size: 15px;
font-weight: 800;
color: #111;
margin: 0 0 8px;
letter-spacing: -.01em
}

.entryPg .ltCard p {
font-size: 13px;
line-height: 1.6;
color: #3a3a45;
margin: 0;
text-align: justify
}

.entryPg .metricsBlk {
padding: 0;
background: #fff;
position: relative
}

.entryPg .metricsBgSplit {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 420px
}

.entryPg .metricsDark {
background: #111;
padding: 56px 56px 56px 28px;
display: flex;
flex-direction: column;
justify-content: center
}

.entryPg .metricsLight {
background: #f4f6fb;
padding: 56px 28px 56px 56px;
display: flex;
flex-direction: column;
justify-content: center
}

.entryPg .metricsDark h2 {
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #fff;
letter-spacing: -.02em;
margin: 0 0 16px
}

.entryPg .metricsDark p {
font-size: 15px;
line-height: 1.8;
color: #ffffffc7;
text-align: justify;
margin: 0
}

.entryPg .metricsGrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px
}

.entryPg .mItem {
display: flex;
flex-direction: column;
gap: 4px
}

.entryPg .mNum {
font-size: 50px;
line-height: 1.1;
font-weight: 900;
color: #F73485;
letter-spacing: -.03em
}

.entryPg .mLabel {
font-size: 13px;
line-height: 1.35;
color: #3a3a45;
letter-spacing: .04em;
font-weight: 600
}

.entryPg .mDesc {
font-size: 13px;
line-height: 1.6;
color: #5a5a68;
margin-top: 4px
}

.entryPg .gradBlk {
padding: 56px 28px;
background: linear-width(143deg, #fff, #f0f4fa);
background: #fff;
position: relative
}

.entryPg .gradDecLine {
position: absolute;
top: 0;
left: 28px;
right: 28px;
height: 1px;
background: linear-gradient(90deg, transparent, #398DEC 30%, #F73485 70%, transparent)
}

.entryPg .gradInner {
max-width: 1280px;
margin: 0 auto
}

.entryPg .gradHeader {
text-align: center;
margin-bottom: 56px
}

.entryPg .gradHeader h2 {
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #111;
letter-spacing: -.02em;
margin: 0 0 16px
}

.entryPg .gradHeader p {
font-size: 17px;
line-height: 1.6;
color: #3a3a45;
max-width: 580px;
margin: 0 auto
}

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

.entryPg .gradImgWrap {
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 10px 44px 1px #398dec21;
position: relative
}

.entryPg .gradImgWrap img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
opacity: .88;
transition: opacity .28s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.entryPg .gradImgWrap:hover img {
opacity: 1
}

.entryPg .gradImgWrap::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(143deg, #398dec26, transparent 55%);
pointer-events: none;
z-index: 1
}

.entryPg .gradPoints {
display: flex;
flex-direction: column;
gap: 28px
}

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

.entryPg .gradPointNum {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 5px;
background: linear-gradient(143deg, #F73485, #398DEC);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 900;
color: #fff;
box-shadow: 2px 4px 18px 1px #f734851c
}

.entryPg .gradPointText h4 {
font-size: 15px;
font-weight: 800;
color: #111;
margin: 0 0 4px;
letter-spacing: -.01em
}

.entryPg .gradPointText p {
font-size: 13px;
line-height: 1.6;
color: #3a3a45;
margin: 0;
text-align: justify
}

.entryPg .btnOutline {
display: inline-block;
padding: 16px 28px;
border: 2px solid #F73485;
border-radius: 5px;
font-size: 15px;
font-weight: 700;
color: #F73485;
background: transparent;
cursor: pointer;
text-decoration: none;
transition: background .22s cubic-bezier(0.34, 1.56, 0.64, 1), color .22s cubic-bezier(0.34, 1.56, 0.64, 1), filter .2s cubic-bezier(0.34, 1.56, 0.64, 1);
letter-spacing: .03em
}

.entryPg .btnOutline:hover {
background: #F73485;
color: #fff;
filter: brightness(1.08)
}

.entryPg .btnOutline:focus {
outline: 2px solid #F73485;
outline-offset: 3px
}

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

.entryPg .suppImgWrap img {
height: 280px
}

.entryPg .ltTopRow {
grid-template-columns: 1fr
}

.entryPg .ltCards {
grid-template-columns: 1fr 1fr
}

.entryPg .metricsBgSplit {
grid-template-columns: 1fr
}

.entryPg .metricsDark {
padding: 56px 28px
}

.entryPg .metricsLight {
padding: 56px 28px
}

.entryPg .gradLayout {
grid-template-columns: 1fr;
gap: 28px
}

.entryPg .gradImgWrap img {
height: 280px
}
}

@media (max-width: 768px) {
.entryPg .titleH1 {
font-size: 38px
}

.entryPg .suppText h2,
.entryPg .ltH2,
.entryPg .metricsDark h2,
.entryPg .gradHeader h2 {
font-size: 28px
}

.entryPg .ltCards {
grid-template-columns: 1fr
}

.entryPg .metricsGrid {
grid-template-columns: 1fr 1fr
}

.entryPg .mNum {
font-size: 38px
}

.entryPg .titleBlk {
padding: 80px 16px 56px
}
}

@media (max-width: 320px) {
.entryPg .titleH1 {
font-size: 28px
}

.entryPg .metricsGrid {
grid-template-columns: 1fr
}

.entryPg .mNum {
font-size: 28px
}

.entryPg .gradPointNum {
width: 28px;
height: 28px;
font-size: 13px
}
}

.successPage {
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 56px 28px;
background: #fff
}

.successPage .successCard {
max-width: 560px;
width: 100%;
background: #fff;
border: 1px solid #398dec2e;
border-radius: 5px;
padding: 56px;
box-shadow: 2px 10px 44px 1px #f7348521;
text-align: center
}

.successPage .successCard .iconWrap {
width: 64px;
height: 64px;
margin: 0 auto 28px;
border-radius: 34px;
background: linear-gradient(143deg, #398dec1f, #f7348514);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: 2px 4px 18px 1px #398dec1c
}

.successPage .successCard .iconWrap svg {
display: block
}

.successPage .successCard .successHeading {
font-size: 28px;
line-height: 1.1;
letter-spacing: -.5px;
font-weight: 800;
color: #111;
margin: 0 0 16px
}

.successPage .successCard .successText {
font-size: 15px;
line-height: 1.6;
color: #333;
margin: 0 0 28px
}

.successPage .successCard .successLink {
display: inline-block;
font-size: 15px;
line-height: 1.35;
font-weight: 600;
color: #fff;
background: #F73485;
border: 1.5px solid #F73485;
border-radius: 5px;
padding: 16px 28px;
text-decoration: none;
transition: background .25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color .25s cubic-bezier(0.34, 1.56, 0.64, 1), filter .22s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.successPage .successCard .successLink:hover {
filter: brightness(1.12)
}

.successPage .successCard .successLink:focus {
outline: 2px solid #398DEC;
outline-offset: 3px
}

.successPage .successCard .successLink:active {
filter: brightness(0.96)
}

.successPage .successCard .dividerLine {
width: 48px;
height: 3px;
border-radius: 1px;
background: linear-gradient(143deg, #F73485, #398DEC);
margin: 0 auto 28px
}

@media (max-width: 768px) {
.successPage .successCard {
padding: 28px 16px
}
}