* {
box-sizing: border-box
}

html {
scroll-behavior: smooth
}

body {
margin: 0;
min-height: 100svh;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
font-family: 'PT Serif', serif;
background: #fff;
color: #2a2a2a;
font-size: 16px;
line-height: 1.7
}

.top-bar-accent {
background: linear-gradient(135deg, #DEEEFF 0%, #fff 100%);
padding: 8px 0;
border-bottom: 1px solid #1ecc6926;
position: relative;
overflow: hidden
}

.top-bar-accent::before {
content: '';
position: absolute;
top: 0;
left: -50%;
width: 200%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, #1ecc6914 50%, transparent 100%);
animation: shimmer-drift 8s ease-in-out infinite
}

@keyframes shimmer-drift {

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

50% {
transform: translateX(25%)
}
}

.top-bar-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 48px
}

.utility-nav {
display: flex;
gap: 24px;
align-items: center;
list-style: none;
margin: 0;
padding: 0
}

.utility-nav li {
display: flex;
align-items: center
}

.utility-nav a {
font-size: 13px;
color: #63250E;
text-decoration: none;
font-weight: 400;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 10px;
background: #fff9;
border: 1px solid #63250e1f;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: -1px 2px 5px 0 #deeeff14;
position: relative;
overflow: hidden
}

.utility-nav a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(to top, #1ecc691f, transparent);
transition: height .42s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: -1
}

.utility-nav a:hover::before,
.utility-nav a:focus::before {
height: 100%
}

.utility-nav a:hover,
.utility-nav a:focus {
background: #fffffff2;
border-color: #1ecc694d;
box-shadow: -1px 5px 25px 0 #deeeff1a;
outline: none
}

.utility-nav a:focus {
box-shadow: 0 0 0 3px #1ecc6940 -1px 5px 25px 0 #deeeff1a
}

.utility-nav svg {
width: 14px;
height: 14px;
flex-shrink: 0
}

.brand-stage {
background: linear-gradient(165deg, #fff 0%, #DEEEFF 45%, #fff 100%);
padding: 48px 0;
position: relative;
overflow: hidden;
border-bottom: 2px solid #1ecc6933
}

.brand-stage::after {
content: '';
position: absolute;
top: -60%;
right: -15%;
width: 70%;
height: 180%;
background: radial-gradient(ellipse at center, #1ecc690f 0%, transparent 65%);
pointer-events: none
}

.brand-stage::before {
content: '';
position: absolute;
bottom: -40%;
left: -10%;
width: 55%;
height: 140%;
background: radial-gradient(ellipse at center, #deeeff66 0%, transparent 70%);
pointer-events: none
}

.brand-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
position: relative;
z-index: 1
}

.brand-identity {
display: flex;
align-items: center;
gap: 24px
}

.logo-frame {
width: 58px;
height: 58px;
padding: 8px;
background: #fff;
border: 1px solid #63250e2e;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 5px 25px 0 #deeeff1a inset 0 2px 4px #1ecc690d;
flex-shrink: 0
}

.logo-frame img {
width: 100%;
height: 100%;
object-fit: contain
}

.brand-text h2 {
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0;
letter-spacing: 0
}

.brand-text p {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 8px 0 0;
opacity: .8
}

.primary-nav {
display: flex;
gap: 16px;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap
}

.primary-nav li {
display: flex
}

.primary-nav a {
font-size: 16px;
color: #63250E;
text-decoration: none;
font-weight: 400;
display: flex;
align-items: center;
gap: 8px;
padding: 16px 24px;
border-radius: 10px;
background: #fff;
border: 1px solid #63250e26;
transition: background .35s ease-in-out, border-color .35s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out;
box-shadow: -1px 2px 5px 0 #deeeff14;
position: relative;
overflow: hidden
}

.primary-nav a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(to top, #1ecc6926, #deeeff4d);
transition: height .4s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: -1
}

.primary-nav a:hover::after,
.primary-nav a:focus::after {
height: 100%
}

.primary-nav a:hover,
.primary-nav a:focus {
border-color: #1ecc6966;
transform: translateY(-2px);
box-shadow: -1px 8px 60px 0 #deeeff1f;
outline: none
}

.primary-nav a:focus {
box-shadow: 0 0 0 3px #1ecc694d -1px 8px 60px 0 #deeeff1f
}

.primary-nav svg {
width: 16px;
height: 16px;
flex-shrink: 0;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.primary-nav a:hover svg,
.primary-nav a:focus svg {
transform: scale(1.15)
}

.base-footer {
background: linear-gradient(to bottom, #fff 0%, #DEEEFF 100%);
padding: 48px 0 24px;
border-top: 2px solid #1ecc6933;
position: relative;
overflow: hidden
}

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

.footer-inner {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px
}

.footer-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 48px;
margin-bottom: 48px;
flex-wrap: wrap
}

.footer-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
max-width: 380px
}

.footer-logo-wrap {
width: 54px;
height: 54px;
padding: 8px;
background: #fff;
border: 1px solid #63250e33;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: -1px 2px 5px 0 #deeeff14
}

.footer-logo-wrap img {
width: 100%;
height: 100%;
object-fit: contain
}

.footer-brand-name {
font-size: 19px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0
}

.footer-brand-desc {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 0;
opacity: .75
}

.footer-links-group {
display: flex;
gap: 48px;
flex-wrap: wrap
}

.footer-column h3 {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0 0 16px
}

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

.footer-menu a {
font-size: 13px;
line-height: 1.7;
color: #63250E;
text-decoration: none;
display: inline-block;
padding: 8px 16px;
border: 1px solid #63250e26;
border-radius: 10px;
background: #fff;
transition: background .4s ease-in-out, border-color .4s ease-in-out, box-shadow .4s ease-in-out;
box-shadow: -1px 2px 5px 0 #deeeff14;
position: relative;
overflow: hidden
}

.footer-menu a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(to top, #1ecc691a, transparent);
transition: height .42s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: -1
}

.footer-menu a:hover::before,
.footer-menu a:focus::before {
height: 100%
}

.footer-menu a:hover,
.footer-menu a:focus {
border-color: #1ecc6959;
box-shadow: -1px 5px 25px 0 #deeeff1a;
outline: none
}

.footer-menu a:focus {
box-shadow: 0 0 0 3px #1ecc6940 -1px 5px 25px 0 #deeeff1a
}

.footer-divider {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #63250e33 20%, #63250e33 80%, transparent 100%);
margin: 24px 0
}

.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap
}

.footer-legal {
display: flex;
gap: 24px;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap
}

.footer-legal li {
position: relative
}

.footer-legal li:not(:last-child)::after {
content: '';
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 14px;
background: #63250e33
}

.footer-legal a {
font-size: 13px;
color: #63250E;
text-decoration: none;
opacity: .7;
transition: opacity .35s ease-in-out, color .35s ease-in-out
}

.footer-legal a:hover,
.footer-legal a:focus {
opacity: 1;
color: #1ECC69;
outline: none
}

.footer-legal a:focus {
text-decoration: underline;
text-decoration-color: #1ecc6980;
text-decoration-thickness: 2px;
text-underline-offset: 4px
}

.footer-copyright {
font-size: 13px;
color: #63250E;
opacity: .6;
margin: 0
}

.footer-contact-info {
display: flex;
flex-direction: column;
gap: 8px
}

.footer-contact-item {
font-size: 13px;
line-height: 1.7;
color: #63250E;
display: flex;
align-items: center;
gap: 8px;
margin: 0
}

.footer-contact-item svg {
width: 14px;
height: 14px;
flex-shrink: 0;
opacity: .7
}

.footer-contact-item a {
color: #63250E;
text-decoration: none;
transition: color .35s ease-in-out
}

.footer-contact-item a:hover,
.footer-contact-item a:focus {
color: #1ECC69;
outline: none
}

.footer-contact-item a:focus {
text-decoration: underline;
text-decoration-color: #1ecc6980;
text-decoration-thickness: 2px;
text-underline-offset: 3px
}

.consent-bar {
position: fixed;
bottom: 24px;
left: 24px;
width: calc(100% - 48px);
max-width: 520px;
background: #fff;
border: 2px solid #63250e33;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 8px 60px 0 #deeeff1f;
z-index: 1000;
display: none;
transform: translateX(-120%);
transition: transform .32s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.consent-bar.visible-state {
transform: translateX(0)
}

.consent-text {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 0 0 16px
}

.consent-headline {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0 0 8px
}

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

.consent-btn {
font-family: 'PT Serif', serif;
font-size: 13px;
font-weight: 700;
padding: 16px 24px;
border-radius: 10px;
border: 1px solid #63250e33;
background: #fff;
color: #63250E;
cursor: pointer;
transition: background .4s ease-in-out, border-color .4s ease-in-out, box-shadow .4s ease-in-out;
box-shadow: -1px 2px 5px 0 #deeeff14;
position: relative;
overflow: hidden
}

.consent-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: linear-gradient(to top, #1ecc6926, #deeeff33);
transition: height .42s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: -1
}

.consent-btn:hover::before,
.consent-btn:focus::before {
height: 100%
}

.consent-btn:hover,
.consent-btn:focus {
border-color: #1ecc6966;
box-shadow: -1px 5px 25px 0 #deeeff1a;
outline: none
}

.consent-btn:focus {
box-shadow: 0 0 0 3px #1ecc694d -1px 5px 25px 0 #deeeff1a
}

.consent-btn-primary {
background: linear-gradient(135deg, #1ECC69 0%, #17a857 100%);
color: #fff;
border-color: #1ECC69
}

.consent-btn-primary::before {
background: linear-gradient(to top, #ffffff26, transparent)
}

.consent-btn-primary:hover,
.consent-btn-primary:focus {
border-color: #17a857
}

.consent-policy-link {
font-size: 13px;
color: #63250E;
text-decoration: underline;
text-decoration-color: #63250e4d;
text-underline-offset: 3px;
transition: color .35s ease-in-out, text-decoration-color .35s ease-in-out;
margin-top: 8px;
display: inline-block
}

.consent-policy-link:hover,
.consent-policy-link:focus {
color: #1ECC69;
text-decoration-color: #1ecc6980;
outline: none
}

@media (max-width: 980px) {
.top-bar-inner {
flex-direction: column;
gap: 16px;
align-items: flex-start
}

.utility-nav {
flex-wrap: wrap
}

.brand-container {
flex-direction: column;
align-items: flex-start
}

.primary-nav {
width: 100%
}

.footer-top {
flex-direction: column
}

.footer-links-group {
width: 100%
}

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

@media (max-width: 640px) {
.brand-identity {
flex-direction: column;
align-items: flex-start
}

.primary-nav {
flex-direction: column;
align-items: stretch
}

.primary-nav a {
justify-content: center
}

.footer-links-group {
flex-direction: column
}

.consent-bar {
left: 16px;
right: 16px;
width: calc(100% - 32px);
max-width: none
}

.consent-actions {
flex-direction: column
}

.consent-btn {
width: 100%
}
}

.agreement-section-asoz {
max-width: 1280px;
margin: 0 auto;
padding: 48px 24px;
background: #fff
}

.agreement-section-asoz p {
font-size: 16px;
line-height: 1.7;
margin-bottom: 16px;
color: #2c2c2c
}

.agreement-section-asoz p:last-child {
margin-bottom: 0
}

.agreement-section-asoz strong,
.agreement-section-asoz b {
font-weight: 600;
color: #63250E
}

.agreement-section-asoz em,
.agreement-section-asoz i {
font-style: italic;
color: #4a4a4a
}

.agreement-section-asoz ul,
.agreement-section-asoz ol {
margin: 16px 0 24px 24px;
padding: 0
}

.agreement-section-asoz ul {
list-style-type: disc
}

.agreement-section-asoz ol {
list-style-type: decimal
}

.agreement-section-asoz li {
font-size: 16px;
line-height: 1.7;
margin-bottom: 8px;
color: #2c2c2c;
padding-left: 8px
}

.agreement-section-asoz li:last-child {
margin-bottom: 0
}

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

.agreement-section-asoz table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
background: #fff;
box-shadow: -1px 2px 5px 0 #1ecc6914;
border-radius: 10px;
overflow: hidden
}

.agreement-section-asoz thead {
background: #DEEEFF
}

.agreement-section-asoz th {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
padding: 16px;
text-align: left;
color: #63250E;
border-bottom: 2px solid #1ECC69
}

.agreement-section-asoz tbody tr {
border-bottom: 1px solid #f0f0f0;
transition: background-color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

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

.agreement-section-asoz tbody tr:hover {
background: #deeeff4d
}

.agreement-section-asoz td {
font-size: 16px;
line-height: 1.7;
padding: 16px;
color: #2c2c2c
}

@media (max-width: 768px) {
.agreement-section-asoz {
padding: 24px 16px
}

.agreement-section-asoz table {
font-size: 13px
}

.agreement-section-asoz th,
.agreement-section-asoz td {
padding: 8px;
font-size: 13px
}

.agreement-section-asoz ul,
.agreement-section-asoz ol {
margin-left: 16px
}
}

.srvc-dtl {
background: #fff;
color: #2a2a2a;
max-width: 1280px;
margin: 0 auto;
padding: 0;
overflow-x: clip
}

.srvc-dtl .ttl-area {
position: relative;
display: flex;
align-items: center;
padding: 48px 24px 48px 48px;
background: linear-gradient(to bottom right, #DEEEFF, #f8fcff);
overflow: visible
}

.srvc-dtl .ttl-area::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 8px;
height: 8px;
background: #1ECC69;
border-radius: 10px;
opacity: .6
}

.srvc-dtl .ttl-area::after {
content: '';
position: absolute;
top: 48px;
left: 24px;
width: 6px;
height: 6px;
background: #63250E;
border-radius: 10px;
opacity: .4
}

.srvc-dtl .ttl-lft {
flex: 1;
padding-right: 48px;
max-width: 640px
}

.srvc-dtl .ttl-rgt {
flex: 0 0 360px;
position: relative
}

.srvc-dtl .ttl-rgt::before {
content: '';
position: absolute;
bottom: -24px;
right: -24px;
width: 12px;
height: 12px;
background: #1ECC69;
border-radius: 10px;
opacity: .5
}

.srvc-dtl .ttl-rgt::after {
content: '';
position: absolute;
bottom: -8px;
right: -8px;
width: 6px;
height: 6px;
background: #DEEEFF;
border-radius: 10px;
opacity: .7
}

.srvc-dtl .ttl-img-box {
position: relative;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 5px 25px 0 #1ecc691a;
border: 1px solid #1ecc6926
}

.srvc-dtl .ttl-img {
width: 100%;
height: 280px;
object-fit: cover;
opacity: .85;
display: block
}

.srvc-dtl .ttl-h1 {
font-size: 62px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #63250E;
text-align: left
}

.srvc-dtl .ttl-meta {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin: 24px 0 0
}

.srvc-dtl .meta-itm {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.7;
color: #4a4a4a
}

.srvc-dtl .meta-icn {
width: 20px;
height: 20px;
fill: none;
stroke: #1ECC69;
stroke-width: 2;
flex-shrink: 0
}

.srvc-dtl .meta-val {
font-weight: 600;
color: #2a2a2a
}

.srvc-dtl .prc-zone {
position: relative;
background: #fff;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
align-items: start
}

.srvc-dtl .prc-zone::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(110deg, #DEEEFF 0%, #1ECC69 50%, #63250E 100%);
transform: skewY(-1deg);
transform-origin: left
}

.srvc-dtl .prc-lft {
grid-column: span 1
}

.srvc-dtl .prc-mid {
grid-column: span 1;
padding: 24px;
background: linear-gradient(135deg, #deeeff4d, #1ecc690d);
border-radius: 10px;
border: 1px solid #1ecc6933;
box-shadow: -1px 2px 5px 0 #1ecc6914;
position: relative;
animation: pls-scl 3.2s cubic-bezier(0.34, 1.2, 0.64, 1) infinite
}

@keyframes pls-scl {

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

50% {
transform: scale(1.02)
}
}

.srvc-dtl .prc-mid::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
background: linear-gradient(135deg, #DEEEFF, transparent);
opacity: 0;
transition: opacity .38s cubic-bezier(0.34, 1.2, 0.64, 1);
pointer-events: none
}

.srvc-dtl .prc-mid:hover::before {
opacity: .15
}

.srvc-dtl .prc-rgt {
grid-column: span 1
}

.srvc-dtl .prc-h2 {
font-size: 34px;
line-height: 1.2;
margin: 0 0 16px;
font-weight: 700;
color: #63250E
}

.srvc-dtl .prc-amt {
font-size: 46px;
line-height: 1.2;
font-weight: 700;
color: #1ECC69;
margin: 0 0 8px
}

.srvc-dtl .prc-note {
font-size: 16px;
line-height: 1.7;
color: #5a5a5a;
margin: 0 0 16px
}

.srvc-dtl .prc-dur {
font-size: 19px;
line-height: 1.7;
color: #3a3a3a;
margin: 0;
font-weight: 600
}

.srvc-dtl .prc-dur-lbl {
color: #6a6a6a;
font-weight: 400
}

.srvc-dtl .prc-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 24px;
background: #1ECC69;
color: #fff;
border: none;
border-radius: 10px;
font-size: 16px;
line-height: 1.7;
font-weight: 600;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
box-shadow: -1px 2px 5px 0 #1ecc6914;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out
}

.srvc-dtl .prc-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #63250E;
transition: height .42s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 1
}

.srvc-dtl .prc-btn:hover::before {
height: 100%
}

.srvc-dtl .prc-btn:hover {
transform: translateY(-2px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.srvc-dtl .prc-btn span,
.srvc-dtl .prc-btn svg {
position: relative;
z-index: 2
}

.srvc-dtl .prc-btn-icn {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srvc-dtl .prc-btn:hover .prc-btn-icn {
transform: translateX(4px)
}

.srvc-dtl .prc-txt {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0
}

.srvc-dtl .prc-txt strong {
color: #2a2a2a;
font-weight: 600
}

.srvc-dtl .prg-zone {
background: #f5f5f5;
padding: 48px 24px;
position: relative
}

.srvc-dtl .prg-zone::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 85% 95%, #1ecc6914, transparent 60%);
pointer-events: none
}

.srvc-dtl .prg-inr {
max-width: 960px;
margin: 0 auto;
position: relative;
z-index: 1
}

.srvc-dtl .prg-h2 {
font-size: 46px;
line-height: 1.2;
margin: 0 0 48px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvc-dtl .prg-cnt h2 {
font-size: 34px;
line-height: 1.2;
margin: 48px 0 16px;
font-weight: 700;
color: #63250E
}

.srvc-dtl .prg-cnt h2:first-child {
margin-top: 0
}

.srvc-dtl .prg-cnt p {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 16px
}

.srvc-dtl .prg-cnt ol,
.srvc-dtl .prg-cnt ul {
margin: 0 0 24px;
padding-left: 24px
}

.srvc-dtl .prg-cnt li {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 8px
}

.srvc-dtl .prg-cnt dl {
margin: 0 0 24px
}

.srvc-dtl .prg-cnt dt {
font-size: 19px;
line-height: 1.7;
color: #2a2a2a;
font-weight: 700;
margin: 16px 0 8px
}

.srvc-dtl .prg-cnt dd {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 16px 24px
}

.srvc-dtl .prg-cnt blockquote {
margin: 24px 0;
padding: 24px;
background: #fff;
border-left: 4px solid #1ECC69;
border-radius: 0 10px 10px 0;
box-shadow: -1px 2px 5px 0 #1ecc6914
}

.srvc-dtl .prg-cnt blockquote p {
font-size: 19px;
line-height: 1.7;
color: #2a2a2a;
font-style: italic;
margin: 0
}

.srvc-dtl .prg-cnt cite {
font-size: 16px;
line-height: 1.7;
color: #1ECC69;
font-style: normal;
font-weight: 600
}

.srvc-dtl .prg-cnt figure {
margin: 24px 0
}

.srvc-dtl .prg-cnt figcaption {
font-size: 13px;
line-height: 1.7;
color: #6a6a6a;
margin-top: 8px;
text-align: center
}

.srvc-dtl .prg-cnt small {
font-size: 13px;
line-height: 1.7;
color: #6a6a6a
}

.srvc-dtl .dsc-zone {
background: #fff;
padding: 48px 24px;
position: relative
}

.srvc-dtl .dsc-inr {
max-width: 960px;
margin: 0 auto
}

.srvc-dtl .dsc-h2 {
font-size: 46px;
line-height: 1.2;
margin: 0 0 48px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvc-dtl .dsc-cnt h2 {
font-size: 34px;
line-height: 1.2;
margin: 48px 0 16px;
font-weight: 700;
color: #63250E
}

.srvc-dtl .dsc-cnt h2:first-child {
margin-top: 0
}

.srvc-dtl .dsc-cnt p {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 16px
}

.srvc-dtl .dsc-cnt ol,
.srvc-dtl .dsc-cnt ul {
margin: 0 0 24px;
padding-left: 24px
}

.srvc-dtl .dsc-cnt li {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 8px
}

.srvc-dtl .dsc-cnt dl {
margin: 0 0 24px
}

.srvc-dtl .dsc-cnt dt {
font-size: 19px;
line-height: 1.7;
color: #2a2a2a;
font-weight: 700;
margin: 16px 0 8px
}

.srvc-dtl .dsc-cnt dd {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 16px 24px
}

.srvc-dtl .dsc-cnt blockquote {
margin: 24px 0;
padding: 24px;
background: linear-gradient(135deg, #deeeff4d, #1ecc690d);
border-left: 4px solid #1ECC69;
border-radius: 0 10px 10px 0;
box-shadow: -1px 2px 5px 0 #1ecc6914
}

.srvc-dtl .dsc-cnt blockquote p {
font-size: 19px;
line-height: 1.7;
color: #2a2a2a;
font-style: italic;
margin: 0
}

.srvc-dtl .dsc-cnt cite {
font-size: 16px;
line-height: 1.7;
color: #1ECC69;
font-style: normal;
font-weight: 600
}

.srvc-dtl .dsc-cnt small {
font-size: 13px;
line-height: 1.7;
color: #6a6a6a
}

.srvc-dtl .fld-crn {
position: relative;
overflow: hidden
}

.srvc-dtl .fld-crn::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #1ECC69;
opacity: 0;
transition: opacity .4s ease-in-out, border-width .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srvc-dtl .fld-crn:hover::after {
opacity: .7;
border-width: 0 0 60px 60px
}

@media (max-width: 960px) {
.srvc-dtl .ttl-area {
flex-direction: column;
padding: 48px 24px
}

.srvc-dtl .ttl-lft {
padding-right: 0;
max-width: 100%;
margin-bottom: 24px
}

.srvc-dtl .ttl-rgt {
flex: 0 0 auto;
width: 100%;
max-width: 480px
}

.srvc-dtl .ttl-h1 {
font-size: 46px
}

.srvc-dtl .prc-zone {
grid-template-columns: 1fr
}

.srvc-dtl .prc-lft,
.srvc-dtl .prc-mid,
.srvc-dtl .prc-rgt {
grid-column: span 1
}
}

@media (max-width: 640px) {
.srvc-dtl .ttl-h1 {
font-size: 34px
}

.srvc-dtl .prc-h2 {
font-size: 34px
}

.srvc-dtl .prc-amt {
font-size: 34px
}

.srvc-dtl .prg-h2,
.srvc-dtl .dsc-h2 {
font-size: 34px
}

.srvc-dtl .prg-cnt h2,
.srvc-dtl .dsc-cnt h2 {
font-size: 19px
}
}

.onboard {
background: #fff;
color: #2a2a2a;
overflow-x: clip
}

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

.onboard .intro-stage {
max-width: 1280px;
margin: 0 auto;
padding: 48px 24px;
display: flex;
flex-direction: column;
gap: 48px;
position: relative
}

.onboard .intro-stage::before {
content: '';
position: absolute;
top: -120px;
right: 8%;
width: 380px;
height: 380px;
background: radial-gradient(circle at bottom right, #deeeff99, transparent 68%);
pointer-events: none;
z-index: 0;
border-radius: 10px;
filter: blur(60px)
}

.onboard .intro-stage::after {
content: '';
position: absolute;
bottom: -80px;
left: 12%;
width: 320px;
height: 320px;
background: radial-gradient(circle at bottom right, #1ecc694d, transparent 65%);
pointer-events: none;
z-index: 0;
border-radius: 10px;
filter: blur(70px)
}

.onboard .intro-stage-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 280px;
gap: 48px;
align-items: center;
background: linear-gradient(135deg, #fefefe 0%, #f9fafb 100%);
padding: 48px;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #deeeff1a
}

.onboard .intro-text-zone {
display: flex;
flex-direction: column;
gap: 24px
}

.onboard .intro-main-heading {
font-size: 46px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0;
animation: scaleEntry .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
transform: scale(0.97)
}

@keyframes scaleEntry {
to {
transform: scale(1)
}
}

.onboard .intro-quote {
font-size: 19px;
line-height: 1.7;
color: #4a4a4a;
margin: 0;
font-style: italic;
padding-left: 24px;
border-left: 3px solid #1ECC69
}

.onboard .intro-visual {
position: relative;
width: 280px;
height: 220px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.onboard .intro-visual img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: grayscale(100%);
animation: scaleEntry .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
transform: scale(0.97)
}

.onboard .divider-band {
width: 100%;
height: 4px;
background: linear-gradient(90deg, #DEEEFF 0%, #1ECC69 100%);
margin: 0
}

.onboard .pathway-display {
max-width: 1280px;
margin: 0 auto;
padding: 48px 24px;
position: relative
}

.onboard .pathway-display::before {
content: 'FG';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 280px;
font-weight: 900;
color: #deeeff26;
line-height: 1;
pointer-events: none;
z-index: 0;
letter-spacing: -.02em
}

.onboard .pathway-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 48px
}

.onboard .pathway-header {
text-align: center;
display: flex;
flex-direction: column;
gap: 16px
}

.onboard .pathway-title {
font-size: 46px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0
}

.onboard .pathway-subtitle {
font-size: 19px;
line-height: 1.7;
color: #5a5a5a;
margin: 0
}

.onboard .pathway-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.onboard .pathway-card {
background: #fff;
padding: 48px 24px;
border-radius: 10px;
box-shadow: -1px 2px 5px 0 #deeeff14;
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.onboard .pathway-card:nth-child(1) {
transform: translateY(0)
}

.onboard .pathway-card:nth-child(2) {
transform: translateY(24px)
}

.onboard .pathway-card:nth-child(3) {
transform: translateY(48px)
}

.onboard .pathway-card:hover {
box-shadow: -1px 8px 60px 0 #1ecc691f;
transform: translateY(-8px)
}

.onboard .pathway-card-icon {
width: 64px;
height: 64px;
border-radius: 10px;
background: linear-gradient(135deg, #deeeffcc 0%, #1ecc6933 100%);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto
}

.onboard .pathway-card-icon svg {
width: 32px;
height: 32px;
fill: #1ECC69
}

.onboard .pathway-card-heading {
font-size: 19px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0;
text-align: center
}

.onboard .pathway-card-text {
font-size: 16px;
line-height: 1.7;
color: #5a5a5a;
margin: 0;
text-align: left
}

.onboard .divider-band-alt {
width: 100%;
height: 4px;
background: linear-gradient(90deg, #1ECC69 0%, #DEEEFF 100%);
margin: 0
}

.onboard .testimonial-segment {
max-width: 1280px;
margin: 0 auto;
padding: 48px 24px;
background: #fafbfc;
position: relative
}

.onboard .testimonial-segment::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, #00000005 2px, #00000005 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, #00000005 2px, #00000005 4px);
pointer-events: none;
z-index: 0;
opacity: .5
}

.onboard .testimonial-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 48px
}

.onboard .testimonial-heading {
font-size: 34px;
line-height: 1.2;
font-weight: 300;
color: #63250E;
margin: 0;
text-align: center
}

.onboard .testimonial-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.onboard .testimonial-content {
display: flex;
flex-direction: column;
gap: 24px
}

.onboard .testimonial-quote-block {
background: #fff;
padding: 48px;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #deeeff1a;
position: relative;
animation: highlightCycle 12s ease-in-out infinite
}

@keyframes highlightCycle {

0%,
100% {
box-shadow: -1px 5px 25px 0 #deeeff1a;
transform: translateY(0)
}

8.33%,
16.66% {
box-shadow: -1px 8px 60px 0 #1ecc691f;
transform: translateY(-4px)
}

25% {
box-shadow: -1px 5px 25px 0 #deeeff1a;
transform: translateY(0)
}
}

.onboard .testimonial-quote-block:nth-child(2) {
animation-delay: 4s
}

.onboard .testimonial-quote-text {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
margin: 0 0 24px;
font-style: italic
}

.onboard .testimonial-author-row {
display: flex;
align-items: center;
gap: 16px
}

.onboard .testimonial-author-portrait {
width: 80px;
height: 120px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
box-shadow: -1px 2px 5px 0 #deeeff14
}

.onboard .testimonial-author-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}

.onboard .testimonial-author-info {
display: flex;
flex-direction: column;
gap: 8px
}

.onboard .testimonial-author-name {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0
}

.onboard .testimonial-author-role {
font-size: 13px;
line-height: 1.2;
color: #7a7a7a;
margin: 0
}

.onboard .testimonial-visual-zone {
position: relative
}

.onboard .testimonial-image-frame {
width: 100%;
height: 480px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 8px 60px 0 #1ecc691f;
border: 2px solid #deeeff80
}

.onboard .testimonial-image-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
animation: scaleEntry .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
transform: scale(0.97)
}

@media (max-width: 1024px) {
.onboard .intro-stage-inner {
grid-template-columns: 1fr;
gap: 24px
}

.onboard .intro-visual {
width: 100%;
max-width: 400px;
margin: 0 auto
}

.onboard .pathway-columns {
grid-template-columns: 1fr
}

.onboard .pathway-card:nth-child(1),
.onboard .pathway-card:nth-child(2),
.onboard .pathway-card:nth-child(3) {
transform: translateY(0)
}

.onboard .testimonial-grid {
grid-template-columns: 1fr
}
}

@media (max-width: 640px) {
.onboard .intro-main-heading {
font-size: 34px
}

.onboard .intro-quote {
font-size: 16px
}

.onboard .pathway-title {
font-size: 34px
}

.onboard .testimonial-heading {
font-size: 19px
}

.onboard .intro-stage-inner {
padding: 24px
}

.onboard .testimonial-quote-block {
padding: 24px
}

.onboard .testimonial-image-frame {
height: 320px
}
}

.launch-pg {
background: #fff;
color: #63250E;
overflow-x: clip
}

.launch-pg .split-hero {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 520px;
position: relative;
max-width: 100%;
margin: 0 auto
}

.launch-pg .split-hero .color-zone-left {
background: #DEEEFF;
display: flex;
align-items: center;
justify-content: center;
padding: 48px;
position: relative
}

.launch-pg .split-hero .color-zone-right {
background: #1ECC69;
position: relative;
overflow: hidden
}

.launch-pg .split-hero .img-container {
position: relative;
width: 100%;
height: 100%
}

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

.launch-pg .split-hero .img-container::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1ECC69;
opacity: .25;
pointer-events: none
}

.launch-pg .split-hero .text-wrap {
max-width: 480px;
position: relative;
z-index: 2
}

.launch-pg .split-hero .eyebrow {
font-size: 13px;
line-height: 1.7;
color: #63250E;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 16px;
opacity: 0;
animation: slideInFromLeft .42s cubic-bezier(0.34, 1.2, 0.64, 1) .15s forwards
}

.launch-pg .split-hero .main-heading {
font-size: 62px;
line-height: 1.2;
color: #63250E;
margin: 0;
opacity: 0;
animation: slideInFromLeft .42s cubic-bezier(0.34, 1.2, 0.64, 1) .3s forwards
}

.launch-pg .split-hero .bracket-top {
position: absolute;
top: 24px;
left: 24px;
width: 48px;
height: 48px;
border-top: 3px solid #63250E;
border-left: 3px solid #63250E;
opacity: 0;
animation: fadeInScale .38s ease-in-out .6s forwards
}

.launch-pg .split-hero .bracket-bottom {
position: absolute;
bottom: 24px;
right: 24px;
width: 48px;
height: 48px;
border-bottom: 3px solid #63250E;
border-right: 3px solid #63250E;
opacity: 0;
animation: fadeInScale .38s ease-in-out .75s forwards
}

@keyframes slideInFromLeft {
from {
opacity: 0;
transform: translateX(-24px)
}

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

@keyframes fadeInScale {
from {
opacity: 0;
transform: scale(0.85)
}

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

@media (max-width: 768px) {
.launch-pg .split-hero {
grid-template-columns: 1fr;
min-height: auto
}

.launch-pg .split-hero .color-zone-left {
padding: 48px 24px
}

.launch-pg .split-hero .color-zone-right {
min-height: 320px
}

.launch-pg .split-hero .main-heading {
font-size: 46px
}
}

.launch-pg .limitations-zone {
background: #fff;
padding: 48px 24px;
max-width: 1280px;
margin: 0 auto;
position: relative
}

.launch-pg .limitations-zone::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(90deg, #DEEEFF 0%, #DEEEFF 33.33%, #1ECC69 33.33%, #1ECC69 66.66%, #63250E 66.66%, #63250E 100%)
}

.launch-pg .limitations-zone .inner-limit {
max-width: 880px;
margin: 0 auto
}

.launch-pg .limitations-zone .limit-heading {
font-size: 46px;
line-height: 1.2;
color: #63250E;
text-align: center;
margin: 0 0 48px
}

.launch-pg .limitations-zone .limit-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.launch-pg .limitations-zone .limit-card {
background: #fff;
border: 2px solid #DEEEFF;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 2px 5px 0 #deeeff14;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.launch-pg .limitations-zone .limit-card:hover {
transform: translateY(-4px);
box-shadow: -1px 8px 60px 0 #deeeff1f;
border-color: #1ECC69
}

.launch-pg .limitations-zone .limit-card .card-icon {
width: 48px;
height: 48px;
background: radial-gradient(circle at bottom right, #1ECC69 0%, transparent 70%);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 16px
}

.launch-pg .limitations-zone .limit-card .card-icon svg {
width: 24px;
height: 24px;
stroke: #63250E;
fill: none;
stroke-width: 2
}

.launch-pg .limitations-zone .limit-card .card-title {
font-size: 19px;
line-height: 1.7;
color: #63250E;
margin: 0 0 8px;
font-weight: 600
}

.launch-pg .limitations-zone .limit-card .card-text {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

@media (max-width: 968px) {
.launch-pg .limitations-zone .limit-grid {
grid-template-columns: 1fr
}
}

.launch-pg .client-stories {
background: linear-gradient(135deg, #DEEEFF 0%, #fff 100%);
padding: 48px 24px;
position: relative
}

.launch-pg .client-stories::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-left: 100vw solid #fff;
border-bottom: 32px solid transparent;
pointer-events: none
}

.launch-pg .client-stories .stories-container {
max-width: 1280px;
margin: 0 auto
}

.launch-pg .client-stories .stories-heading {
font-size: 46px;
line-height: 1.2;
color: #63250E;
margin: 0 0 48px;
text-align: left;
max-width: 720px
}

.launch-pg .client-stories .story-layout {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 48px;
align-items: start
}

.launch-pg .client-stories .portrait-column {
position: sticky;
top: 24px
}

.launch-pg .client-stories .portrait-frame {
width: 100%;
max-width: 280px;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
border: 4px solid #1ECC69;
box-shadow: -1px 5px 25px 0 #1ecc691a
}

.launch-pg .client-stories .portrait-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.launch-pg .client-stories .stories-column {
display: flex;
flex-direction: column;
gap: 24px
}

.launch-pg .client-stories .story-item {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 2px 5px 0 #deeeff14;
border-left: 4px solid #1ECC69;
transition: box-shadow .4s ease-in-out, transform .4s ease-in-out
}

.launch-pg .client-stories .story-item:hover {
box-shadow: -1px 5px 25px 0 #deeeff1a;
transform: translateX(8px)
}

.launch-pg .client-stories .story-name {
font-size: 19px;
line-height: 1.2;
color: #63250E;
margin: 0 0 8px;
font-weight: 600
}

.launch-pg .client-stories .story-context {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 0 0 16px;
opacity: .7
}

.launch-pg .client-stories .story-outcome {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

@media (max-width: 968px) {
.launch-pg .client-stories .story-layout {
grid-template-columns: 1fr;
gap: 24px
}

.launch-pg .client-stories .portrait-column {
position: static
}

.launch-pg .client-stories .portrait-frame {
max-width: 200px;
margin: 0 auto
}
}

.launch-pg .relationship-nature {
background: #fff;
padding: 48px 24px;
max-width: 1280px;
margin: 0 auto
}

.launch-pg .relationship-nature .rel-inner {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
align-items: center
}

.launch-pg .relationship-nature .text-side {
max-width: 720px
}

.launch-pg .relationship-nature .rel-title {
font-size: 46px;
line-height: 1.2;
color: #63250E;
margin: 0 0 24px
}

.launch-pg .relationship-nature .rel-paragraph {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0 0 16px
}

.launch-pg .relationship-nature .rel-paragraph:last-of-type {
margin: 0
}

.launch-pg .relationship-nature .visual-side {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.launch-pg .relationship-nature .visual-block {
background: radial-gradient(circle at bottom right, #DEEEFF 0%, transparent 70%);
border-radius: 10px;
padding: 24px;
text-align: center;
box-shadow: -1px 2px 5px 0 #deeeff14;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.launch-pg .relationship-nature .visual-block:hover {
transform: scale(1.05)
}

.launch-pg .relationship-nature .visual-number {
font-size: 62px;
line-height: 1.2;
margin: 0 0 8px
}

.launch-pg .relationship-nature .visual-number .integer-part {
color: #1ECC69
}

.launch-pg .relationship-nature .visual-number .decimal-part {
color: #63250E
}

.launch-pg .relationship-nature .visual-label {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 0;
text-transform: uppercase
}

@media (max-width: 968px) {
.launch-pg .relationship-nature .rel-inner {
grid-template-columns: 1fr
}

.launch-pg .relationship-nature .visual-side {
grid-template-columns: 1fr 1fr
}
}

.launch-pg .adaptation-proof {
background: #63250E;
color: #fff;
padding: 48px 24px;
position: relative
}

.launch-pg .adaptation-proof::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: #fff
}

.launch-pg .adaptation-proof::after {
content: '';
position: absolute;
top: 0;
left: 24px;
width: 24px;
height: 24px;
background: #DEEEFF
}

.launch-pg .adaptation-proof .proof-container {
max-width: 1280px;
margin: 0 auto
}

.launch-pg .adaptation-proof .proof-heading {
font-size: 46px;
line-height: 1.2;
color: #fff;
text-align: center;
margin: 0 0 48px
}

.launch-pg .adaptation-proof .proof-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.launch-pg .adaptation-proof .proof-card {
background: #ffffff14;
border-radius: 10px;
padding: 24px;
border: 1px solid #ffffff1f;
transition: background .42s ease-in-out, border-color .42s ease-in-out;
position: relative;
overflow: hidden
}

.launch-pg .adaptation-proof .proof-card::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #1ECC69;
transition: height .45s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 1
}

.launch-pg .adaptation-proof .proof-card:hover::before {
height: 100%
}

.launch-pg .adaptation-proof .proof-card:hover {
border-color: #1ECC69
}

.launch-pg .adaptation-proof .proof-card .card-content {
position: relative;
z-index: 2
}

.launch-pg .adaptation-proof .proof-card .card-label {
font-size: 13px;
line-height: 1.7;
color: #1ECC69;
margin: 0 0 8px;
text-transform: uppercase
}

.launch-pg .adaptation-proof .proof-card .card-heading {
font-size: 19px;
line-height: 1.7;
color: #fff;
margin: 0 0 16px;
font-weight: 600
}

.launch-pg .adaptation-proof .proof-card .card-description {
font-size: 16px;
line-height: 1.7;
color: #fff;
margin: 0;
opacity: .9
}

@media (max-width: 968px) {
.launch-pg .adaptation-proof .proof-grid {
grid-template-columns: 1fr
}
}

.launch-pg .detailed-example {
background: #fff;
padding: 48px 24px;
max-width: 1280px;
margin: 0 auto
}

.launch-pg .detailed-example .example-heading {
font-size: 46px;
line-height: 1.2;
color: #63250E;
margin: 0 0 48px;
text-align: left
}

.launch-pg .detailed-example .example-layout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px
}

.launch-pg .detailed-example .example-image-wrapper {
border-radius: 10px;
overflow: hidden;
border: 2px solid #DEEEFF;
box-shadow: -1px 2px 5px 0 #deeeff14;
position: relative;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.launch-pg .detailed-example .example-image-wrapper:hover {
transform: scale(1.03);
box-shadow: -1px 5px 25px 0 #deeeff1a
}

.launch-pg .detailed-example .example-image-wrapper img {
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
display: block
}

.launch-pg .detailed-example .example-text-block {
background: radial-gradient(circle at bottom right, #DEEEFF 0%, transparent 70%);
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center
}

.launch-pg .detailed-example .example-text-block .block-subheading {
font-size: 19px;
line-height: 1.7;
color: #63250E;
margin: 0 0 16px;
font-weight: 600
}

.launch-pg .detailed-example .example-text-block .block-paragraph {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.launch-pg .detailed-example .example-quote {
background: #63250E;
color: #fff;
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: -1px 5px 25px 0 #63250e1a;
position: relative
}

.launch-pg .detailed-example .example-quote::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
width: 32px;
height: 32px;
border-top: 3px solid #1ECC69;
border-left: 3px solid #1ECC69
}

.launch-pg .detailed-example .example-quote .quote-text {
font-size: 19px;
line-height: 1.7;
color: #fff;
margin: 0;
font-style: italic
}

@media (max-width: 968px) {
.launch-pg .detailed-example .example-layout {
grid-template-columns: 1fr
}

.launch-pg .detailed-example .example-image-wrapper img {
height: 240px
}
}

.abt-page {
background: #fff;
color: #63250E;
overflow-x: clip
}

.abt-page * {
box-sizing: border-box
}

.abt-page .title-zone {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 48px 24px;
display: flex;
flex-direction: column;
gap: 24px
}

.abt-page .title-zone .img-wrap {
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #1ecc691a
}

.abt-page .title-zone .img-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 85% 85%, #1ecc6926, transparent 65%);
pointer-events: none;
z-index: 2
}

.abt-page .title-zone .img-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 50% 50%, transparent 40%, #63250ea6);
pointer-events: none;
z-index: 1
}

.abt-page .title-zone .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border: 1px solid #deeeff4d
}

.abt-page .title-zone .txt-wrap {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
text-align: center
}

.abt-page .title-zone .main-head {
font-size: 46px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0
}

.abt-page .title-zone .desc-txt {
font-size: 19px;
line-height: 1.7;
color: #63250E;
max-width: 720px;
margin: 0
}

.abt-page .title-zone .act-row {
display: flex;
gap: 16px;
flex-wrap: wrap;
justify-content: center;
margin: 8px 0 0
}

.abt-page .title-zone .act-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 24px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 10px;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out;
position: relative;
overflow: hidden
}

.abt-page .title-zone .act-link.primary {
background: #1ECC69;
color: #fff;
box-shadow: -1px 2px 5px 0 #1ecc6914
}

.abt-page .title-zone .act-link.primary::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #63250E;
transition: height .42s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 0
}

.abt-page .title-zone .act-link.primary:hover::before {
height: 100%
}

.abt-page .title-zone .act-link.primary span {
position: relative;
z-index: 1
}

.abt-page .title-zone .act-link.primary .ico {
width: 18px;
height: 18px;
position: relative;
z-index: 1
}

.abt-page .title-zone .act-link.primary .ico::before,
.abt-page .title-zone .act-link.primary .ico::after {
content: '';
position: absolute;
background: currentColor
}

.abt-page .title-zone .act-link.primary .ico::before {
width: 12px;
height: 2px;
top: 8px;
left: 0
}

.abt-page .title-zone .act-link.primary .ico::after {
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
top: 3px;
right: 0
}

.abt-page .title-zone .act-link.secondary {
background: transparent;
color: #1ECC69;
border: 2px solid #1ECC69
}

.abt-page .title-zone .act-link.secondary:hover {
transform: translateY(-2px);
box-shadow: -1px 5px 25px 0 #1ecc691a
}

.abt-page .story-zone {
background: #DEEEFF;
padding: 48px 24px;
position: relative
}

.abt-page .story-zone::before {
content: '';
position: absolute;
top: 48px;
left: 10%;
width: 1px;
height: 70%;
background: linear-gradient(165deg, #1ecc694d, transparent);
transform: rotate(25deg);
pointer-events: none
}

.abt-page .story-zone .inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.8fr;
gap: 48px;
align-items: start
}

.abt-page .story-zone .left-col {
display: flex;
flex-direction: column;
gap: 24px
}

.abt-page .story-zone .left-col .head {
font-size: 34px;
line-height: 1.2;
font-weight: 300;
color: #63250E;
margin: 0;
text-align: left
}

.abt-page .story-zone .left-col .portrait-frame {
width: 100%;
aspect-ratio: 2/3;
overflow: hidden;
border-radius: 0;
border: 1px solid #63250e26;
box-shadow: -1px 8px 60px 0 #1ecc691f;
position: relative
}

.abt-page .story-zone .left-col .portrait-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
filter: saturate(0.85) brightness(1.05)
}

.abt-page .story-zone .right-col {
display: flex;
flex-direction: column;
gap: 24px
}

.abt-page .story-zone .right-col .txt-block {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.abt-page .story-zone .right-col .txt-block.quote-style {
padding: 24px;
background: #fff;
border-radius: 10px;
box-shadow: -1px 2px 5px 0 #1ecc6914;
font-size: 19px;
font-weight: 600;
border-left: 0;
position: relative
}

.abt-page .story-zone .right-col .txt-block.quote-style::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #1ECC69;
border-radius: 10px 0 0 10px
}

.abt-page .story-zone .divider-txt {
text-align: center;
position: relative;
margin: 24px 0;
font-size: 13px;
color: #63250e80;
text-transform: uppercase;
letter-spacing: 0
}

.abt-page .story-zone .divider-txt::before,
.abt-page .story-zone .divider-txt::after {
content: '';
position: absolute;
top: 50%;
width: 35%;
height: 1px;
background: #1ecc6940
}

.abt-page .story-zone .divider-txt::before {
left: 0
}

.abt-page .story-zone .divider-txt::after {
right: 0
}

.abt-page .values-zone {
padding: 48px 24px;
background: #fff
}

.abt-page .values-zone .inner {
max-width: 1280px;
margin: 0 auto
}

.abt-page .values-zone .head-wrap {
text-align: center;
margin: 0 0 48px
}

.abt-page .values-zone .head-wrap .head {
font-size: 46px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0 0 16px
}

.abt-page .values-zone .head-wrap .sub {
font-size: 19px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.abt-page .values-zone .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}

.abt-page .values-zone .card {
background: #fff;
border: 1px solid #deeeff99;
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: -1px 2px 5px 0 #1ecc6914;
transition: transform .4s ease-in-out, box-shadow .35s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative;
overflow: hidden
}

.abt-page .values-zone .card::before {
content: '';
position: absolute;
top: 0;
right: -50px;
width: 120px;
height: 120px;
background: radial-gradient(circle at 100% 0%, #deeeff80, transparent 70%);
pointer-events: none;
transition: opacity .38s ease-in-out;
opacity: 0
}

.abt-page .values-zone .card:hover::before {
opacity: 1
}

.abt-page .values-zone .card:hover {
transform: translateY(-4px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.abt-page .values-zone .card .icon-box {
width: 48px;
height: 48px;
border-radius: 10px;
background: #DEEEFF;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.abt-page .values-zone .card .icon-box .mark {
width: 24px;
height: 24px;
position: relative
}

.abt-page .values-zone .card .icon-box .mark.check::before,
.abt-page .values-zone .card .icon-box .mark.check::after {
content: '';
position: absolute;
background: #1ECC69;
border-radius: 2px
}

.abt-page .values-zone .card .icon-box .mark.check::before {
width: 3px;
height: 10px;
bottom: 6px;
left: 8px;
transform: rotate(-45deg)
}

.abt-page .values-zone .card .icon-box .mark.check::after {
width: 3px;
height: 16px;
bottom: 4px;
right: 6px;
transform: rotate(45deg)
}

.abt-page .values-zone .card .card-head {
font-size: 19px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0
}

.abt-page .values-zone .card .card-txt {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.abt-page .growth-zone {
padding: 48px 24px;
background: radial-gradient(circle at 85% 85%, #1ecc6914, transparent 65%);
position: relative
}

.abt-page .growth-zone .inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 48px;
align-items: center
}

.abt-page .growth-zone .left-side {
display: flex;
flex-direction: column;
gap: 24px
}

.abt-page .growth-zone .left-side .head {
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0;
text-align: left
}

.abt-page .growth-zone .left-side .desc {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.abt-page .growth-zone .left-side .feature-list {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
padding: 0;
margin: 0
}

.abt-page .growth-zone .left-side .feature-list li {
display: flex;
align-items: start;
gap: 16px;
font-size: 16px;
line-height: 1.7;
color: #63250E;
transition: color .37s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt-page .growth-zone .left-side .feature-list li:hover {
color: #1ECC69
}

.abt-page .growth-zone .left-side .feature-list li .mark-ico {
width: 20px;
height: 20px;
flex-shrink: 0;
position: relative;
margin-top: 2px
}

.abt-page .growth-zone .left-side .feature-list li .mark-ico::before,
.abt-page .growth-zone .left-side .feature-list li .mark-ico::after {
content: '';
position: absolute;
background: currentColor;
border-radius: 2px
}

.abt-page .growth-zone .left-side .feature-list li .mark-ico::before {
width: 2px;
height: 8px;
bottom: 6px;
left: 6px;
transform: rotate(-45deg)
}

.abt-page .growth-zone .left-side .feature-list li .mark-ico::after {
width: 2px;
height: 14px;
bottom: 3px;
right: 5px;
transform: rotate(45deg)
}

.abt-page .growth-zone .right-side {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-page .growth-zone .chart-wrap {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 5px 25px 0 #1ecc691a;
border: 1px solid #deeeff66
}

.abt-page .growth-zone .chart-title {
font-size: 16px;
font-weight: 600;
color: #63250E;
margin: 0 0 24px;
text-align: center
}

.abt-page .growth-zone .steps {
display: flex;
flex-direction: column;
gap: 8px
}

.abt-page .growth-zone .step-row {
display: grid;
grid-template-columns: 120px 1fr 80px;
gap: 16px;
align-items: center;
opacity: 0;
transform: translateX(-20px)
}

.abt-page .growth-zone .step-row.animated {
animation: slideInLeft .6s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.abt-page .growth-zone .step-row:nth-child(1) {
animation-delay: .1s
}

.abt-page .growth-zone .step-row:nth-child(2) {
animation-delay: .25s
}

.abt-page .growth-zone .step-row:nth-child(3) {
animation-delay: .4s
}

.abt-page .growth-zone .step-row:nth-child(4) {
animation-delay: .55s
}

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

.abt-page .growth-zone .step-label {
font-size: 13px;
color: #63250E;
font-weight: 600
}

.abt-page .growth-zone .step-bar-wrap {
background: #deeeff80;
border-radius: 10px;
height: 24px;
overflow: hidden;
position: relative
}

.abt-page .growth-zone .step-bar {
height: 100%;
background: linear-gradient(90deg, #1ECC69, #DEEEFF);
border-radius: 10px;
transition: width .8s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative
}

.abt-page .growth-zone .step-bar::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
background: linear-gradient(90deg, transparent, #ffffff4d);
pointer-events: none
}

.abt-page .growth-zone .step-value {
font-size: 16px;
font-weight: 700;
color: #1ECC69;
text-align: right
}

.abt-page .growth-zone .img-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 24px 0 0
}

.abt-page .growth-zone .img-frame {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
border-radius: 10px;
border: 1px solid #deeeff66;
box-shadow: -1px 2px 5px 0 #1ecc6914;
position: relative
}

.abt-page .growth-zone .img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .45s ease-in-out, filter .4s cubic-bezier(0.34, 1.2, 0.64, 1);
filter: saturate(0.9)
}

.abt-page .growth-zone .img-frame:hover img {
transform: scale(1.05);
filter: saturate(1.1)
}

.abt-page .growth-zone .img-frame::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(165deg, #1ecc6926, transparent 60%);
pointer-events: none;
opacity: 0;
transition: opacity .38s ease-in-out;
z-index: 1
}

.abt-page .growth-zone .img-frame:hover::before {
opacity: 1
}

@media (max-width: 1024px) {
.abt-page .story-zone .inner {
grid-template-columns: 1fr;
gap: 32px
}

.abt-page .growth-zone .inner {
grid-template-columns: 1fr;
gap: 32px
}

.abt-page .values-zone .grid {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 768px) {
.abt-page .title-zone {
padding: 24px 16px
}

.abt-page .title-zone .main-head {
font-size: 34px
}

.abt-page .title-zone .desc-txt {
font-size: 16px
}

.abt-page .title-zone .act-row {
flex-direction: column;
width: 100%
}

.abt-page .title-zone .act-link {
width: 100%;
justify-content: center
}

.abt-page .story-zone {
padding: 24px 16px
}

.abt-page .story-zone .left-col .head {
font-size: 19px
}

.abt-page .values-zone {
padding: 24px 16px
}

.abt-page .values-zone .head-wrap .head {
font-size: 34px
}

.abt-page .values-zone .grid {
grid-template-columns: 1fr
}

.abt-page .growth-zone {
padding: 24px 16px
}

.abt-page .growth-zone .left-side .head {
font-size: 19px
}

.abt-page .growth-zone .chart-wrap {
padding: 16px
}

.abt-page .growth-zone .step-row {
grid-template-columns: 80px 1fr 60px;
gap: 8px
}

.abt-page .growth-zone .step-label {
font-size: 13px
}

.abt-page .growth-zone .step-value {
font-size: 13px
}

.abt-page .growth-zone .img-grid {
grid-template-columns: 1fr
}
}

.srvs {
background: #fff;
color: #63250E;
max-width: 1280px;
margin: 0 auto;
overflow-x: clip
}

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

.srvs .lead-zone {
display: flex;
align-items: center;
gap: 48px;
padding: 16px 24px;
background: linear-gradient(135deg, #DEEEFF 0%, #fff 100%);
position: relative;
overflow: hidden
}

.srvs .lead-zone::before {
content: '';
position: absolute;
width: 320px;
height: 320px;
background: radial-gradient(circle at bottom right, #1ecc6926, transparent 70%);
bottom: -160px;
right: -160px;
pointer-events: none
}

.srvs .lead-txt {
flex: 1;
z-index: 1
}

.srvs .lead-heading {
font-size: 46px;
line-height: 1.2;
margin: 0 0 16px;
font-weight: 700;
color: #63250E
}

.srvs .lead-sub {
font-size: 19px;
line-height: 1.7;
margin: 0 0 24px;
color: #63250E;
opacity: .85
}

.srvs .lead-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
color: #1ECC69;
text-decoration: none;
font-weight: 600;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.srvs .lead-link:hover {
transform: translateX(8px)
}

.srvs .lead-link::after {
content: '';
width: 16px;
height: 16px;
background: currentColor;
clip-path: polygon(0 50%, 60% 50%, 60% 0, 100% 50%, 60% 100%, 60% 50%)
}

.srvs .lead-img-wrap {
width: 280px;
height: 180px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
position: relative;
z-index: 1
}

.srvs .lead-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
position: relative
}

.srvs .lead-img::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 40%;
background: linear-gradient(to bottom, #63250e66, transparent);
pointer-events: none
}

.srvs .catalog-area {
padding: 48px 24px;
background: #fff
}

.srvs .catalog-intro {
max-width: 720px;
margin: 0 0 48px
}

.srvs .catalog-intro-h {
font-size: 34px;
line-height: 1.2;
margin: 0 0 16px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvs .catalog-intro-p {
font-size: 16px;
line-height: 1.7;
margin: 0 auto;
color: #63250E;
text-align: center;
max-width: 640px
}

.srvs .catalog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px
}

.srvs .offer-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 5px 25px 0 #1ecc691a;
transition: box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .42s cubic-bezier(0.34, 1.2, 0.64, 1);
display: flex;
flex-direction: column;
border: 1px solid #deeeff80;
position: relative
}

.srvs .offer-card:hover {
box-shadow: -1px 8px 60px 0 #1ecc691f;
transform: translateY(-4px)
}

.srvs .offer-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #deeeff4d, transparent);
opacity: 0;
transition: opacity .38s ease-in-out;
pointer-events: none;
z-index: 1
}

.srvs .offer-card:hover::before {
opacity: 1
}

.srvs .offer-img-box {
width: 100%;
height: 200px;
overflow: hidden;
position: relative
}

.srvs .offer-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .45s ease-in-out
}

.srvs .offer-card:hover .offer-img {
transform: scale(1.08)
}

.srvs .offer-img-box::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, #63250e40);
pointer-events: none
}

.srvs .offer-body {
padding: 24px;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
z-index: 2
}

.srvs .offer-title {
font-size: 19px;
line-height: 1.2;
margin: 0 0 8px;
font-weight: 700;
color: #63250E
}

.srvs .offer-desc {
font-size: 16px;
line-height: 1.7;
margin: 0 0 16px;
color: #63250E;
opacity: .8;
flex: 1
}

.srvs .offer-meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0 0 16px;
padding: 16px 0 0;
border-top: 1px solid #deeeff99
}

.srvs .offer-meta-item {
display: flex;
flex-direction: column;
gap: 4px
}

.srvs .offer-meta-label {
font-size: 13px;
line-height: 1.2;
color: #63250E;
opacity: .6;
text-transform: uppercase;
letter-spacing: .5px
}

.srvs .offer-meta-val {
font-size: 16px;
line-height: 1.2;
color: #1ECC69;
font-weight: 600
}

.srvs .offer-price-row {
display: flex;
align-items: baseline;
gap: 8px;
margin: 0 0 16px
}

.srvs .offer-price {
font-size: 34px;
line-height: 1.2;
font-weight: 700;
color: #1ECC69
}

.srvs .offer-price-note {
font-size: 13px;
line-height: 1.2;
color: #63250E;
opacity: .7
}

.srvs .offer-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 24px;
background: #1ECC69;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative;
overflow: hidden;
border: none;
cursor: pointer
}

.srvs .offer-cta::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #63250E;
transition: height .4s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: -1
}

.srvs .offer-cta:hover::before {
height: 100%
}

.srvs .offer-cta:hover {
transform: translateY(-2px)
}

.srvs .offer-cta::after {
content: '';
width: 14px;
height: 14px;
background: currentColor;
clip-path: polygon(0 50%, 60% 50%, 60% 0, 100% 50%, 60% 100%, 60% 50%)
}

.srvs .process-strip {
padding: 48px 24px;
background: #DEEEFF;
position: relative;
overflow: hidden
}

.srvs .process-strip::before {
content: '';
position: absolute;
width: 400px;
height: 400px;
border-radius: 50%;
background: #1ecc6914;
top: -200px;
left: -100px;
pointer-events: none
}

.srvs .process-strip::after {
content: '';
position: absolute;
width: 350px;
height: 350px;
border-radius: 50%;
background: #63250e0f;
bottom: -150px;
right: -80px;
pointer-events: none
}

.srvs .process-inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.srvs .process-h {
font-size: 34px;
line-height: 1.2;
margin: 0 0 48px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvs .process-cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px
}

.srvs .process-step {
background: #fff;
padding: 24px;
border-radius: 10px;
box-shadow: -1px 2px 5px 0 #1ecc6914;
position: relative;
transition: transform .4s ease-in-out, box-shadow .4s ease-in-out;
animation: elasticIn .8s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@keyframes elasticIn {
0% {
opacity: 0;
transform: scale(0.6) translateY(40px)
}

60% {
opacity: 1;
transform: scale(1.08) translateY(-8px)
}

100% {
opacity: 1;
transform: scale(1) translateY(0)
}
}

.srvs .process-step:nth-child(1) {
animation-delay: .1s
}

.srvs .process-step:nth-child(2) {
animation-delay: .2s
}

.srvs .process-step:nth-child(3) {
animation-delay: .3s
}

.srvs .process-step:nth-child(4) {
animation-delay: .4s
}

.srvs .process-step:hover {
transform: translateY(-8px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.srvs .process-num {
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #1ECC69, #DEEEFF);
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
font-weight: 700;
color: #fff;
margin: 0 0 16px
}

.srvs .process-step-h {
font-size: 19px;
line-height: 1.2;
margin: 0 0 8px;
font-weight: 700;
color: #63250E
}

.srvs .process-step-p {
font-size: 16px;
line-height: 1.7;
margin: 0;
color: #63250E;
opacity: .8
}

.srvs .schedule-band {
padding: 48px 24px;
background: #fff;
position: relative
}

.srvs .schedule-band::before {
content: '';
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
background: #deeeff4d;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 0
}

.srvs .schedule-inner {
max-width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1
}

.srvs .schedule-h {
font-size: 34px;
line-height: 1.2;
margin: 0 0 24px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvs .schedule-intro {
font-size: 16px;
line-height: 1.7;
margin: 0 auto 48px;
color: #63250E;
text-align: center;
max-width: 680px
}

.srvs .schedule-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0 0 48px
}

.srvs .schedule-slot {
background: linear-gradient(135deg, #DEEEFF 0%, #fff 100%);
padding: 24px;
border-radius: 10px;
border: 1px solid #1ecc6933;
transition: transform .36s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .36s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative;
overflow: hidden
}

.srvs .schedule-slot::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: #1ecc6926;
transition: width .45s cubic-bezier(0.34, 1.2, 0.64, 1), height .45s cubic-bezier(0.34, 1.2, 0.64, 1);
transform-origin: top right;
pointer-events: none
}

.srvs .schedule-slot:hover::before {
width: 100%;
height: 100%
}

.srvs .schedule-slot:hover {
transform: scale(1.05);
box-shadow: -1px 5px 25px 0 #1ecc691a
}

.srvs .schedule-time {
font-size: 19px;
line-height: 1.2;
margin: 0 0 8px;
font-weight: 700;
color: #1ECC69;
position: relative;
z-index: 1
}

.srvs .schedule-event {
font-size: 16px;
line-height: 1.7;
margin: 0 0 8px;
color: #63250E;
font-weight: 600;
position: relative;
z-index: 1
}

.srvs .schedule-detail {
font-size: 16px;
line-height: 1.7;
margin: 0;
color: #63250E;
opacity: .75;
position: relative;
z-index: 1
}

.srvs .schedule-narrative {
background: #63250E;
color: #fff;
padding: 48px;
border-radius: 10px;
max-width: 900px;
margin: 0 auto;
box-shadow: -1px 5px 25px 0 #63250e1a
}

.srvs .schedule-narrative-h {
font-size: 19px;
line-height: 1.2;
margin: 0 0 16px;
font-weight: 700;
color: #1ECC69
}

.srvs .schedule-narrative-p {
font-size: 16px;
line-height: 1.7;
margin: 0 0 16px
}

.srvs .schedule-narrative-p:last-child {
margin: 0
}

.srvs .experts-zone {
padding: 48px 24px;
background: linear-gradient(135deg, #fff 0%, #DEEEFF 100%);
position: relative
}

.srvs .experts-inner {
max-width: 1280px;
margin: 0 auto
}

.srvs .experts-h {
font-size: 34px;
line-height: 1.2;
margin: 0 0 48px;
font-weight: 700;
color: #63250E;
text-align: center
}

.srvs .experts-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 48px
}

.srvs .expert-profile {
display: flex;
gap: 24px;
background: #fff;
padding: 24px;
border-radius: 10px;
box-shadow: -1px 2px 5px 0 #1ecc6914;
transition: box-shadow .38s ease-in-out, transform .38s ease-in-out;
animation: elasticIn .9s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.srvs .expert-profile:nth-child(1) {
animation-delay: .15s
}

.srvs .expert-profile:nth-child(2) {
animation-delay: .3s
}

.srvs .expert-profile:hover {
box-shadow: -1px 8px 60px 0 #1ecc691f;
transform: translateY(-4px)
}

.srvs .expert-photo-wrap {
width: 160px;
height: 240px;
border-radius: 10px;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #deeeffcc
}

.srvs .expert-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block
}

.srvs .expert-photo-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at center, transparent 50%, #63250e33);
pointer-events: none
}

.srvs .expert-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px
}

.srvs .expert-name {
font-size: 19px;
line-height: 1.2;
margin: 0;
font-weight: 700;
color: #63250E
}

.srvs .expert-role {
font-size: 16px;
line-height: 1.2;
margin: 0;
color: #1ECC69;
font-weight: 600
}

.srvs .expert-bio {
font-size: 16px;
line-height: 1.7;
margin: 0;
color: #63250E;
opacity: .8
}

.srvs .divider-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 48px 24px
}

.srvs .divider-line {
width: 80px;
height: 2px;
background: linear-gradient(to right, transparent, #1ECC69, transparent)
}

.srvs .divider-shape {
width: 12px;
height: 12px;
background: #1ECC69;
border-radius: 50%;
box-shadow: 0 0 0 4px #1ecc6933
}

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

.srvs .schedule-grid {
grid-template-columns: repeat(2, 1fr)
}
}

@media (max-width: 768px) {
.srvs .lead-zone {
flex-direction: column;
padding: 24px 16px
}

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

.srvs .lead-heading {
font-size: 34px
}

.srvs .catalog-area {
padding: 24px 16px
}

.srvs .catalog-grid {
grid-template-columns: 1fr
}

.srvs .process-strip {
padding: 24px 16px
}

.srvs .process-cols {
grid-template-columns: 1fr
}

.srvs .schedule-band {
padding: 24px 16px
}

.srvs .schedule-grid {
grid-template-columns: 1fr
}

.srvs .schedule-narrative {
padding: 24px
}

.srvs .experts-zone {
padding: 24px 16px
}

.srvs .experts-row {
grid-template-columns: 1fr;
gap: 24px
}

.srvs .expert-profile {
flex-direction: column
}

.srvs .expert-photo-wrap {
width: 100%;
height: 280px
}
}

@media (max-width: 480px) {
.srvs .lead-heading {
font-size: 34px
}

.srvs .catalog-intro-h,
.srvs .process-h,
.srvs .schedule-h,
.srvs .experts-h {
font-size: 34px
}

.srvs .offer-price {
font-size: 34px
}
}

.reach-page {
background: #fff;
color: #63250E;
overflow-x: clip
}

.reach-page * {
box-sizing: border-box
}

.reach-page .top-hero {
position: relative;
background: linear-gradient(135deg, #DEEEFF 0%, #f8f9fa 100%);
padding: 48px 24px;
overflow: hidden
}

.reach-page .top-hero::before {
content: '';
position: absolute;
width: 480px;
height: 480px;
border-radius: 50%;
background: #1ecc6914;
top: -120px;
left: -80px;
pointer-events: none
}

.reach-page .top-hero::after {
content: '';
position: absolute;
width: 360px;
height: 360px;
border-radius: 50%;
background: #deeeff26;
bottom: -100px;
right: -60px;
pointer-events: none
}

.reach-page .hero-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 48px;
align-items: center;
position: relative;
z-index: 1
}

.reach-page .hero-txt {
animation: borderGlow 1.2s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;
border: 0 solid #1ecc6900;
padding: 24px;
border-radius: 10px
}

@keyframes borderGlow {
to {
border-width: 2px;
border-color: #1ecc694d
}
}

.reach-page .hero-txt h1 {
font-size: 62px;
line-height: 1.2;
margin: 0 0 24px;
color: #63250E
}

.reach-page .hero-txt .manifesto {
font-size: 19px;
line-height: 1.7;
margin: 0 0 16px;
color: #63250E
}

.reach-page .hero-txt .manifesto:last-of-type {
margin-bottom: 0
}

.reach-page .sidebar-info {
background: #fff;
padding: 48px;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #1ecc691a;
animation: borderGlow 1.4s cubic-bezier(0.34, 1.2, 0.64, 1) .2s forwards;
border: 0 solid #deeeff00
}

@keyframes sidebarGlow {
to {
border-width: 1px;
border-color: #deeeff66
}
}

.reach-page .contact-detail {
margin: 0 0 24px;
padding: 0 0 24px;
border-bottom: 1px solid #63250e1a
}

.reach-page .contact-detail:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}

.reach-page .detail-label {
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .5px;
color: #1ECC69;
margin: 0 0 8px;
font-weight: 600
}

.reach-page .detail-value {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.reach-page .detail-value a {
color: #1ECC69;
text-decoration: none;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.reach-page .detail-value a:hover {
color: #63250E
}

.reach-page .form-zone {
background: linear-gradient(90deg, #1ECC69 0%, #fff 100%);
padding: 48px 24px;
position: relative
}

.reach-page .form-zone::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 24px;
background: radial-gradient(circle at 12px 0, transparent 12px, #fff 12px);
background-size: 24px 24px;
background-position: 0 0
}

.reach-page .form-container {
max-width: 1280px;
margin: 0 auto;
background: #fff;
padding: 48px;
border-radius: 10px;
box-shadow: -1px 8px 60px 0 #1ecc691f;
animation: formGlow 1.6s ease-in-out .4s forwards;
border: 0 solid #1ecc6900
}

@keyframes formGlow {
to {
border-width: 2px;
border-color: #1ecc6940
}
}

.reach-page .form-hd {
margin: 0 0 48px;
text-align: center
}

.reach-page .form-hd h2 {
font-size: 46px;
line-height: 1.2;
margin: 0 0 16px;
color: #63250E
}

.reach-page .form-hd .subline {
font-size: 19px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.reach-page .contact-form {
display: grid;
gap: 24px
}

.reach-page .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px
}

.reach-page .field-wrap {
display: flex;
flex-direction: column;
gap: 8px
}

.reach-page .field-wrap.full {
grid-column: 1 / -1
}

.reach-page .field-label {
font-size: 16px;
line-height: 1.2;
color: #63250E;
font-weight: 600
}

.reach-page .field-label .required {
color: #1ECC69
}

.reach-page .field-input {
padding: 16px;
border: 2px solid #63250e26;
border-radius: 10px;
font-size: 16px;
line-height: 1.7;
color: #63250E;
background: #fff;
transition: border-color .35s ease-in-out, box-shadow .35s ease-in-out;
outline: none
}

.reach-page .field-input::placeholder {
color: #63250e66;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.reach-page .field-input:focus {
border-color: #1ECC69;
box-shadow: 0 0 0 3px #1ecc691a
}

.reach-page .field-textarea {
min-height: 140px;
resize: vertical;
padding: 16px;
border: 2px solid #63250e26;
border-radius: 10px;
font-size: 16px;
line-height: 1.7;
color: #63250E;
background: #fff;
transition: border-color .35s ease-in-out, box-shadow .35s ease-in-out;
outline: none
}

.reach-page .field-textarea::placeholder {
color: #63250e66
}

.reach-page .field-textarea:focus {
border-color: #1ECC69;
box-shadow: 0 0 0 3px #1ecc691a
}

.reach-page .channel-selector {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.reach-page .channel-opt {
position: relative
}

.reach-page .channel-opt input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none
}

.reach-page .channel-label {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border: 2px solid #63250e26;
border-radius: 10px;
cursor: pointer;
transition: border-color .4s cubic-bezier(0.34, 1.2, 0.64, 1), background-color .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .3s ease-in-out;
background: #fff;
font-size: 16px;
line-height: 1.2;
color: #63250E;
font-weight: 500;
text-align: center
}

.reach-page .channel-opt input[type="radio"]:checked+.channel-label {
border-color: #1ECC69;
background: #1ecc6914;
transform: scale(1.02)
}

.reach-page .channel-label:hover {
border-color: #1ECC69;
background: #1ecc690a
}

.reach-page .privacy-check {
display: flex;
align-items: flex-start;
gap: 16px;
margin: 24px 0 0
}

.reach-page .privacy-check input[type="checkbox"] {
margin: 4px 0 0;
width: 20px;
height: 20px;
cursor: pointer;
flex-shrink: 0;
accent-color: #1ECC69
}

.reach-page .privacy-txt {
font-size: 13px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.reach-page .privacy-txt a {
color: #1ECC69;
text-decoration: none;
transition: color .32s ease-in-out
}

.reach-page .privacy-txt a:hover {
color: #63250E
}

.reach-page .submit-btn {
padding: 16px 48px;
background: #1ECC69;
color: #fff;
border: none;
border-radius: 10px;
font-size: 19px;
line-height: 1.2;
font-weight: 600;
cursor: pointer;
transition: background-color .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s ease-in-out, box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1);
position: relative;
overflow: hidden;
box-shadow: -1px 2px 5px 0 #1ecc6914
}

.reach-page .submit-btn::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0;
background: #63250E;
transition: height .45s cubic-bezier(0.34, 1.2, 0.64, 1);
z-index: 0
}

.reach-page .submit-btn:hover::before {
height: 100%
}

.reach-page .submit-btn span {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px
}

.reach-page .submit-btn:hover {
transform: translateY(-2px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.reach-page .submit-btn:active {
transform: translateY(0)
}

.reach-page .btn-icon {
width: 20px;
height: 20px;
fill: currentColor
}

.reach-page .visual-metrics {
background: #fff;
padding: 48px 24px;
position: relative
}

.reach-page .metrics-inner {
max-width: 1280px;
margin: 0 auto
}

.reach-page .metrics-hd {
text-align: left;
margin: 0 0 48px;
position: relative
}

.reach-page .metrics-hd::before {
content: '"';
position: absolute;
font-size: 240px;
line-height: 1;
color: #1ecc690f;
top: -80px;
left: -40px;
font-weight: 700;
pointer-events: none;
z-index: 0
}

.reach-page .metrics-hd h2 {
font-size: 46px;
line-height: 1.2;
margin: 0 0 16px;
color: #63250E;
position: relative;
z-index: 1
}

.reach-page .metrics-hd .intro {
font-size: 19px;
line-height: 1.7;
color: #63250E;
margin: 0;
max-width: 720px;
position: relative;
z-index: 1
}

.reach-page .metrics-grid {
display: grid;
grid-template-columns: 0.8fr repeat(3, 1fr);
gap: 24px
}

.reach-page .metric-card {
background: linear-gradient(135deg, #DEEEFF 0%, #fff 100%);
padding: 48px 24px;
border-radius: 10px;
text-align: center;
position: relative;
overflow: hidden;
box-shadow: -1px 2px 5px 0 #1ecc6914;
transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s cubic-bezier(0.34, 1.2, 0.64, 1);
animation: cardGlow 1.8s ease-in-out .6s forwards;
border: 0 solid #deeeff00
}

@keyframes cardGlow {
to {
border-width: 1px;
border-color: #deeeff80
}
}

.reach-page .metric-card:hover {
transform: translateY(-8px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.reach-page .metric-card.accent-left {
background: linear-gradient(135deg, #1ECC69 0%, #fff 100%)
}

.reach-page .metric-num {
font-size: 62px;
line-height: 1.2;
font-weight: 700;
color: #63250E;
margin: 0 0 8px;
position: relative
}

.reach-page .metric-num::after {
content: attr(data-count);
position: absolute;
top: -12px;
right: -16px;
font-size: 16px;
line-height: 1;
background: #1ECC69;
color: #fff;
padding: 4px 8px;
border-radius: 10px;
font-weight: 600
}

.reach-page .metric-label {
font-size: 16px;
line-height: 1.7;
color: #63250E;
margin: 0
}

.reach-page .img-showcase {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 48px 0 0
}

.reach-page .showcase-item {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #1ecc691a;
border: 1px solid #63250e1a
}

.reach-page .showcase-img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
transition: transform .8s ease-in-out
}

.reach-page .showcase-item:hover .showcase-img {
transform: scale(1.08) translateX(12px)
}

@media (max-width: 1024px) {
.reach-page .hero-inner {
grid-template-columns: 1fr;
gap: 48px
}

.reach-page .hero-txt h1 {
font-size: 46px
}

.reach-page .sidebar-info {
padding: 24px
}

.reach-page .form-row {
grid-template-columns: 1fr
}

.reach-page .channel-selector {
grid-template-columns: 1fr
}

.reach-page .metrics-grid {
grid-template-columns: 1fr 1fr
}

.reach-page .img-showcase {
grid-template-columns: 1fr
}
}

@media (max-width: 640px) {
.reach-page .hero-txt h1 {
font-size: 34px
}

.reach-page .hero-txt .manifesto {
font-size: 16px
}

.reach-page .form-hd h2 {
font-size: 34px
}

.reach-page .form-hd .subline {
font-size: 16px
}

.reach-page .form-container {
padding: 24px
}

.reach-page .metrics-hd h2 {
font-size: 34px
}

.reach-page .metrics-hd .intro {
font-size: 16px
}

.reach-page .metrics-grid {
grid-template-columns: 1fr
}

.reach-page .metric-num {
font-size: 46px
}

.reach-page .submit-btn {
width: 100%
}

.reach-page .top-hero {
padding: 24px 16px
}

.reach-page .form-zone {
padding: 24px 16px
}

.reach-page .visual-metrics {
padding: 24px 16px
}
}

.success-pg {
max-width: 1280px;
margin: 0 auto;
padding: 48px 16px;
background: linear-gradient(135deg, #fff 0%, #DEEEFF 100%);
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center
}

.success-pg .confirm-wrap {
background: #fff;
padding: 48px;
border-radius: 10px;
box-shadow: -1px 5px 25px 0 #1ecc691a;
text-align: center;
max-width: 680px;
width: 100%
}

.success-pg .icon-check {
width: 84px;
height: 84px;
margin: 0 auto 24px;
background: radial-gradient(circle at bottom right, #1ECC69 0%, transparent 70%);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.success-pg .icon-check svg {
width: 48px;
height: 48px;
stroke: #1ECC69;
stroke-width: 3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round
}

.success-pg .confirm-wrap h1 {
font-size: 46px;
line-height: 1.2;
color: #63250E;
margin: 0 0 16px
}

.success-pg .confirm-wrap .msg-txt {
font-size: 19px;
line-height: 1.7;
color: #333;
margin: 0 0 24px
}

.success-pg .confirm-wrap .detail-info {
background: #deeeff66;
padding: 24px;
border-radius: 10px;
margin: 0 0 24px;
text-align: left
}

.success-pg .detail-info p {
font-size: 16px;
line-height: 1.7;
color: #333;
margin: 0 0 8px
}

.success-pg .detail-info p:last-child {
margin: 0
}

.success-pg .detail-info strong {
color: #63250E;
font-weight: 600
}

.success-pg .btn-home {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 16px 48px;
background: #1ECC69;
color: #fff;
font-size: 16px;
border: none;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
position: relative;
overflow: hidden;
transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
box-shadow: -1px 2px 5px 0 #1ecc6914
}

.success-pg .btn-home::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background: #63250E;
transition: height .42s ease-in-out;
z-index: 0
}

.success-pg .btn-home:hover::before {
height: 100%
}

.success-pg .btn-home:hover {
transform: translateY(-2px);
box-shadow: -1px 8px 60px 0 #1ecc691f
}

.success-pg .btn-home span {
position: relative;
z-index: 1
}

.success-pg .btn-home svg {
width: 18px;
height: 18px;
position: relative;
z-index: 1;
fill: currentColor
}

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

.success-pg .confirm-wrap {
padding: 24px
}

.success-pg .confirm-wrap h1 {
font-size: 34px
}

.success-pg .confirm-wrap .msg-txt {
font-size: 16px
}

.success-pg .btn-home {
padding: 16px 24px;
width: 100%;
justify-content: center
}
}