body { background: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); }
a { vertical-align: bottom; }
img, video { vertical-align: middle; }
.highlight { color: rgba(227, 87, 40, 1); }
.bold { font-weight: 700; }
.delete { text-decoration: line-through; }
.inner { max-width: 100%; }

html[lang='ar-AE'] .v-card-activate .layout-right .text,
html[lang='ar-AE'] .v-card-how .lookout,
html[lang='ar-AE'] .terms {
  direction: rtl;
}

.header-lp { background: rgba(0, 0, 0, 0.8); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.16); backdrop-filter: blur(20px); }
.header-lp .main-menu { background: none; }
.header-lp .lp_logo img { width: 125px; }
header .inner { padding-top: 25.6px; padding-bottom: 25.6px; }
.footer-lp { background: var(--v-black); color: var(--v-white); backdrop-filter: blur(18px); position: relative; z-index: 5; }


.v-card-btn { display: inline-block; border-radius: 50px; font-weight: 500; font-size: 18px; line-height: 130%; padding-top: 16px; padding-right: 36px; padding-bottom: 16px; padding-left: 36px; background: rgba(227, 87, 40, 1); box-shadow: 0px 8px 20px 0px rgba(183, 93, 38, 0.44); position: relative; overflow: hidden; }
.v-card-btn span { z-index: 1; position: relative; }
.v-card-btn::before { content: ""; display: inline-block; background-color: rgb(213, 62, 20); width: 319px; height: 319px; border-radius: 50%; position: absolute; top: 100%; left: -319px; transition: all .3s; }
.v-card-btn:hover::before { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.terms { font-weight: 400; font-size: 14px; line-height: 146%; }
.terms a { opacity: .5; text-decoration: underline; }
.terms a:hover { opacity: 1; }

.v-card-banner-box { height: fit-content; }
.v-card-banner { background-image: url(/wp-content/themes/vantage/images/v-card-banner-bgimg.webp?v=1); background-size: cover; background-position: right bottom; background-repeat: no-repeat; position: static; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1; }
.v-card-banner.fixed { position: fixed; top: 0px; left: 0; z-index: 1; width: 100%; }
.v-card-banner .container { width: 100%; max-width: 1426px; margin-left: 238px; }
.v-card-banner .layout { display: flex; align-items: flex-end; }
.v-card-banner .layout-left { width: 100%; max-width: 612px; padding: 150px 0; }
.v-card-banner .layout-left .banner-title { font-weight: 600; font-size: 48px; line-height: 121%; margin-bottom: 16px; }
.v-card-banner .layout-left .banner-text { font-weight: 500; font-size: 20px; line-height: 130%; opacity: 0.8; margin-bottom: 24px; }
.v-card-banner .layout-left .v-card-btn { margin-bottom: 16px; }
.v-card-banner .layout-right { width: 100%; max-width: 814px; }
.v-card-banner .media-mobile { width: 100%; display: none; }

.v-card-what { position: relative; z-index: 5; padding-top: 96px; padding-bottom: 56px; background-color: rgb(0, 0, 0); }
.v-card-what .container { width: 100%; max-width: 1400px; margin: 0 auto; }
.v-card-what .layout { width: 100%; max-width: 660px; margin: 0 auto; text-align: center; }
.v-card-what .what-title { font-weight: 600; font-size: 48px; line-height: 121%; margin-bottom: 16px; }
.v-card-what .what-text { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 0; opacity: 0.8; }

.v-card-video { position: relative; z-index: 5; width: 100%; background-color: rgb(0, 0, 0); }
.v-card-video video { width: 100%; }

.v-card-activate { position: relative; z-index: 5; padding-top: 145px; padding-bottom: 145px; background: linear-gradient(180deg, #000000 60%, #232222 100%); }
.v-card-activate .container { width: 100%; max-width: 1240px; margin: 0 auto; }
.v-card-activate .layout { display: flex; justify-content: space-between; align-items: center; gap: 56px; }
.v-card-activate .layout-left { width: 100%; max-width: 584px; }
.v-card-activate .layout-right .activate-title { font-weight: 600; font-size: 32px; line-height: 120%; margin-bottom: 4px; }
.v-card-activate .layout-right .activate-desc { font-weight: 500; font-size: 18px; line-height: 130%; margin-bottom: 16px; }
.v-card-activate .layout-right .text { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 32px; opacity: 0.8; }
.v-card-activate .layout-right .text ul { font-weight: 400; font-size: 16px; line-height: 150%; }
.v-card-activate .layout-right .text ul li { list-style: disc; margin-left: 20px; }
.v-card-activate .layout-right .orange-arrow-button { margin-bottom: 16px; }
.v-card-activate .layout-right .orange-arrow-button .btn-text { font-weight: 500; font-size: 18px; line-height: 130%; }

.v-card-why-use { position: relative; z-index: 5; padding-top: 96px; padding-bottom: 160px; background-image: url(/wp-content/themes/vantage/images/v-card-why-use-bgimg.webp?v=2); background-position: top left; background-repeat: no-repeat; background-size: cover; }
.v-card-why-use .container { width: 100%; max-width: 1090px; margin: 0 auto; }
.v-card-why-use .why-use-title { font-weight: 600; font-size: 48px; line-height: 120%; text-align: center; margin-bottom: 60px; }
.v-card-why-use .steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.v-card-why-use .steps .step-item { padding: 54px 24px; background: linear-gradient(94.76deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 48%, rgba(255, 255, 255, 0.7) 100%); border-right: 1px solid rgba(255, 255, 255, 0.1); display: flex; gap: 16px; backdrop-filter: blur(20px); align-items: center; }
.v-card-why-use .steps .step-item .step-icon { width: 96px; height: 96px; flex-shrink: 0; }
.v-card-why-use .steps .step-item .step-content { color: rgba(0, 0, 0, 1); flex: 1; }
.v-card-why-use .steps .step-item .step-content .step-title { font-weight: 600; font-size: 28px; line-height: 120%; margin-bottom: 8px; }
.v-card-why-use .steps .step-item .step-content .step-title-mobile { display: none; }
.v-card-why-use .steps .step-item .step-content .step-text { font-weight: 400; font-size: 14px; line-height: 140%; opacity: 0.8; margin-bottom: 0; overflow: hidden; }
.v-card-why-use .steps .step-item .btn-icon { cursor: pointer; display: none; width: 28px; height: 28px; border-radius: 50%; transition: all .3s; flex-shrink: 0; transform: rotate(0deg); position: relative; }
.v-card-why-use .steps .step-item .btn-icon:hover { background-color: rgba(255, 255, 255, 0.3); }
.v-card-why-use .steps .step-item .btn-icon.active-open { transform: rotate(-180deg); }
.v-card-why-use .steps .step-item .btn-icon img { width: 100%; position: absolute; top: 0; left: 0; }
.v-card-why-use .steps .step-item .btn-icon img.close { opacity: 1; }
.v-card-why-use .steps .step-item .btn-icon img.open { opacity: 0; transform: rotate(180deg);  }
.v-card-why-use .steps .step-item .btn-icon.active-open img.close { opacity: 0; }
.v-card-why-use .steps .step-item .btn-icon.active-open img.open { opacity: 1; }

.v-card-how { position: relative; z-index: 5; background-image: url(/wp-content/themes/vantage/images/v-card-how-to-activate-step.webp?v=1); background-repeat: no-repeat; background-position: top; background-size: cover; padding-top: 96px; padding-bottom: 96px; }
.v-card-how .container { width: 100%; max-width: 1240px; margin: 0 auto; }
.v-card-how .how-title { font-weight: 600; font-size: 48px; line-height: 120%; text-align: center; margin-bottom: 56px; }
.v-card-how .steps { display: flex; gap: 56px; width: 100%; max-width: 1000px; margin: 0 auto; margin-bottom: 32px; }
.v-card-how .steps .step-item { width: 100%; max-width: 296px; }
.v-card-how .steps .step-item .top { display: flex; gap: 56px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.v-card-how .steps .step-item .num { width: 52px; height: 52px; border-radius: 50%; font-weight: 600; font-size: 20px; line-height: 100%; background: rgba(227, 87, 40, 1); display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.v-card-how .steps .step-item .line { flex-shrink: 1; flex-grow: 0; background-repeat: repeat-x; background-size: cover; background-position: left; height: 2px; width: 100%; }
.v-card-how .steps .step-item .line-mobile { display: none; width: 1px; height: 100%; flex-shrink: 1; flex-grow: 0; background-repeat: repeat-y; background-size: cover; background-position: top; }
.v-card-how .steps .step-item .content .step-title { font-weight: 600; font-size: 20px; line-height: 120%; margin-bottom: 12px; }
.v-card-how .steps .step-item .content .step-text { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 0; }

.v-card-how .how-btn { display: flex; justify-content: center; margin-bottom: 56px; }
.v-card-how .lookout { font-weight: 400; font-size: 14px; line-height: 143%; text-align: center; opacity: 0.8; }

footer .footer-risk p:nth-of-type(-n+2) { display: none; }

/* 适配ar站 */
html[lang='ar-AE'] body { text-align: right; }
html[lang='ar-AE'] .v-card-activate .layout-right .text ul li { margin-left: 0; margin-right: 20px; }
html[lang='ar-AE'] .v-card-why-use .steps .step-item { flex-direction: row-reverse; }

/* 适配mn站 */
html[lang='mn-MN'] .v-card-btn::before { width: 400px; height: 400px; left: -400px; }
html[lang='mn-MN'] .v-card-btn:hover::before { top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (max-width: 1700px) {
  .v-card-banner .container { margin-left: auto; }
}

@media (max-width: 1440px) {
  header .inner { padding-top: 24px; padding-bottom: 24px;}
  
  .v-card-banner .layout-left { padding: 130px 0; }
  .v-card-banner .layout-left .banner-title { font-size: 44px; }

  .v-card-what { padding-top: 85px; padding-bottom: 50px; }
  .v-card-what .what-title { font-size: 43px; }

  .v-card-activate { padding-top: 126px; padding-bottom: 126px; }
  .v-card-activate .layout-right .activate-title { font-size: 30px; }
  .v-card-activate .layout-right .activate-desc { font-size: 18px; margin-bottom: 14px; }

  .v-card-why-use { padding-top: 85px; padding-bottom: 139px; }
  .v-card-why-use .why-use-title { font-size: 43px; margin-bottom: 54px; }
  .v-card-why-use .steps .step-item { padding: 45px 20px; }
  .v-card-why-use .steps .step-item .step-icon { width: 91px; height: 91px; }
  .v-card-why-use .steps .step-item .step-content .step-title { font-size: 26px; }

  .v-card-how { padding-top: 85px; padding-bottom: 85px; }
  .v-card-how .how-title { font-size: 43px; margin-bottom: 55px; }
  .v-card-how .steps .step-item .num { width: 48px; height: 48px; }
}
@media (max-width: 1400px) {
  header .inner { padding-top: 22px; padding-bottom: 22px; }
  
  .v-card-banner .layout-left { padding: 111px 0; }
  .v-card-banner .layout-left .banner-title { font-size: 41px; }

  .v-card-what { padding-top: 74px; padding-bottom: 45px; }
  .v-card-what .what-title { font-size: 38px; }

  .v-card-activate { padding-top: 107px; padding-bottom: 107px; }
  .v-card-activate .layout-right .activate-title { font-size: 28px; }
  .v-card-activate .layout-right .activate-desc { font-size: 16px; margin-bottom: 13px; }

  .v-card-why-use { padding-top: 75px; padding-bottom: 117px; }
  .v-card-why-use .why-use-title { font-size: 38px; margin-bottom: 48px; }
  .v-card-why-use .steps .step-item { padding: 36px 16px; }
  .v-card-why-use .steps .step-item .step-icon { width: 87px; height: 87px; }
  .v-card-why-use .steps .step-item .step-content .step-title { font-size: 24px; }

  .v-card-how { padding-top: 75px; padding-bottom: 75px; }
  .v-card-how .how-title { font-size: 38px; margin-bottom: 49px; }
  .v-card-how .steps .step-item .num { width: 44px; height: 44px; }
}
@media (max-width: 1024px) {
  header .inner { padding-top: 20px; padding-bottom: 20px; }
  
  .v-card-banner .layout-left { padding: 91px 0; }
  .v-card-banner .layout-left .banner-title { font-size: 37px; }

  .v-card-what { padding-top: 64px; padding-bottom: 39px; }
  .v-card-what .what-title { font-size: 34px; }

  .v-card-activate { padding-top: 88px; padding-bottom: 88px; }
  .v-card-activate .layout-right .activate-title { font-size: 26px; }
  .v-card-activate .layout-right .activate-desc { font-size: 16px; margin-bottom: 12px; }

  .v-card-why-use { padding-top: 64px; padding-bottom: 96px; }
  .v-card-why-use .why-use-title { font-size: 34px; margin-bottom: 42px; }
  .v-card-why-use .steps .step-item { padding: 27px 12px; }
  .v-card-why-use .steps .step-item .step-icon { width: 82px; height: 82px; }
  .v-card-why-use .steps .step-item .step-content .step-title { font-size: 22px; }

  .v-card-how { padding-top: 64px; padding-bottom: 64px; }
  .v-card-how .how-title { font-size: 34px; margin-bottom: 44px; }
  .v-card-how .steps .step-item .num { width: 40px; height: 40px; }
}
@media (max-width: 768px) {
  header .inner { padding-top: 18px; padding-bottom: 18px; }
  
  .v-card-banner .layout { flex-direction: column; }
  .v-card-banner .layout-left { padding: 71px 0; }
  .v-card-banner .layout-left .banner-title { font-size: 34px; }

  .v-card-what { padding-top: 53px; padding-bottom: 34px; }
  .v-card-what .what-title { font-size: 29px; }

  .v-card-activate { padding-top: 70px; padding-bottom: 70px; }
  .v-card-activate .layout { flex-direction: column; }
  .v-card-activate .layout-right .activate-title { font-size: 24px; }
  .v-card-activate .layout-right .activate-desc { font-size: 14px; margin-bottom: 10px; }

  .v-card-why-use { padding-top: 53px; padding-bottom: 75px; }
  .v-card-why-use .why-use-title { font-size: 29px; margin-bottom: 36px; }
  .v-card-why-use .steps { grid-template-columns: repeat(1, 1fr); }
  .v-card-why-use .steps .step-item { padding: 18px 8px; }
  .v-card-why-use .steps .step-item .step-icon { width: 78px; height: 78px; }
  .v-card-why-use .steps .step-item .step-content .step-title { font-size: 20px; }

  .v-card-how { padding-top: 53px; padding-bottom: 53px; }
  .v-card-how .how-title { font-size: 29px; margin-bottom: 39px; }
  .v-card-how .steps { flex-direction: column; gap: 0; margin-bottom: 24px; }
  .v-card-how .steps .step-item { display: flex; gap: 8px; max-width: fit-content; }
  .v-card-how .steps .step-item .top { flex-direction: column; gap: 4px; justify-content: flex-start; margin-bottom: 0; }
  .v-card-how .steps .step-item .line { display: none; }
  .v-card-how .steps .step-item .line-mobile { display: block; }
  .v-card-how .steps .step-item .content .step-text { margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 143%; }
  .v-card-how .steps .step-item .num { width: 36px; height: 36px; }

  /* 适配ar站 */
  html[lang='ar-AE'] .v-card-how .steps .step-item { max-width: 100%; justify-content: end; flex-direction: row-reverse; }
}
@media (max-width: 510px) {
  header .inner { padding-top: 16px; padding-bottom: 16px; }
  
  .v-card-banner .layout-left { padding: 52px 0; }
  .v-card-banner .layout-left .banner-title { font-size: 30px; }

  .v-card-what { padding-top: 42px; padding-bottom: 28px; }
  .v-card-what .what-title { font-size: 24px; }

  .v-card-activate { padding-top: 51px; padding-bottom: 51px; }
  .v-card-activate .layout-right .activate-title { font-size: 22px; }
  .v-card-activate .layout-right .activate-desc { font-size: 14px; margin-bottom: 9px; }

  .v-card-why-use { padding-top: 42px; padding-bottom: 53px; }
  .v-card-why-use .why-use-title { font-size: 24px; margin-bottom: 30px; }
  .v-card-why-use .steps .step-item { padding: 9px 4px; }
  .v-card-why-use .steps .step-item .step-icon { width: 73px; height: 73px; }
  .v-card-why-use .steps .step-item .step-content .step-title { font-size: 18px; }

  .v-card-how { padding-top: 43px; padding-bottom: 43px; }
  .v-card-how .how-title { font-size: 24px; margin-bottom: 33px; }
  .v-card-how .steps .step-item .num { width: 32px; height: 32px; }
}

@media (max-width: 393px) {
  .header-lp { background: rgba(0, 0, 0, 1); }
  header .inner { padding-top: 12.3px; padding-bottom: 12.3px; }
  .header-lp .lp_logo img { width: 90px; }

  .v-card-banner { background-image: url(/wp-content/themes/vantage/images/v-card-banner-bgimg-mobile.webp?v=1); }
  .v-card-banner .layout { flex-direction: column; }
  .v-card-banner .layout-left { padding-top: 32px; padding-bottom: 48px; text-align: center; }
  .v-card-banner .layout-left .banner-title { font-weight: 600; font-size: 28px; line-height: 121%; color: rgba(227, 87, 40, 1); }
  .v-card-banner .layout-left .banner-text { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 16px; }
  .v-card-banner .layout-left .v-card-btn { padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px; font-weight: 500; font-size: 16px; line-height: 130%; }
  .v-card-banner .layout-right { display: none; }
  .v-card-banner .media-mobile { display: block; }

  .v-card-what { padding-top: 32px; padding-bottom: 24px; text-align: center; }
  .v-card-what .what-title { font-weight: 600; font-size: 20px; line-height: 120%; margin-bottom: 8px; }
  .v-card-what .what-text { font-weight: 400; font-size: 14px; line-height: 142%; }

  .v-card-video { padding-left: 20px; padding-right: 20px; padding-bottom: 32px; }

  .v-card-activate { padding: 32px 0; }
  .v-card-activate .layout { flex-direction: column; gap: 24px; }
  .v-card-activate .layout-right { text-align: center; }
  .v-card-activate .layout-right .activate-title { font-weight: 600; font-size: 20px; line-height: 120%; }
  .v-card-activate .layout-right .activate-desc { font-weight: 600; font-size: 14px; line-height: 120%; margin-bottom: 8px; }
  .v-card-activate .layout-right .text { font-weight: 400; font-size: 14px; line-height: 131%; margin-bottom: 24px; }
  .v-card-activate .layout-right .text ul li { margin-left: 0; list-style: none; }
  .v-card-activate .layout-right .orange-arrow-button { margin-bottom: 8px; }
  .v-card-activate .layout-right .orange-arrow-button.p22 { padding: 13px 52px 13px 24px; }
  .v-card-activate .layout-right .orange-arrow-button.p22:hover { padding-right: 56px; }
  .v-card-activate .layout-right .orange-arrow-button.p22:hover .btn-icon { right: 8px; }
  .v-card-activate .layout-right	.orange-arrow-button.p22 .btn-icon { width: 40px; height: 36px; right: 4px; }
  .v-card-activate .layout-right .orange-arrow-button .btn-text { font-weight: 500; font-size: 14px; line-height: 130%; }

  .v-card-why-use { padding: 32px 0; }
  .v-card-why-use .why-use-title { font-weight: 600; font-size: 20px; line-height: 120%; text-align: center; margin-bottom: 24px; }
  .v-card-why-use .steps { grid-template-columns: repeat(1, 1fr); }
  .v-card-why-use .steps .step-item { padding: 0; gap: 12px; background: transparent; border-right: none; }
  .v-card-why-use .steps .step-item .step-icon { width: 69px; height: 69px; }
  .v-card-why-use .steps .step-item .step-content { color: var(--v-white); padding-top: 8px; padding-bottom: 8px;  }
  .v-card-why-use .steps .step-item .step-content .step-title { cursor: pointer; font-weight: 600; font-size: 16px; line-height: 120%; margin-bottom: 0; display: none; }
  .v-card-why-use .steps .step-item .step-content .step-title-mobile { display: block; }
  .v-card-why-use .steps .step-item .step-content .step-text { display: none; margin-top: 4px; line-height: 143%; opacity: 0; }
  .v-card-why-use .steps .step-item .btn-icon { display: block; }

  .v-card-how { padding: 32px 0; }
  .v-card-how .how-title { font-weight: 600; font-size: 20px; line-height: 120%; text-align: center; margin-bottom: 24px; }
  .v-card-how .steps { flex-direction: column; gap: 0; margin-bottom: 24px; }
  .v-card-how .steps .step-item { display: flex; gap: 8px; max-width: fit-content; }
  .v-card-how .steps .step-item .top { flex-direction: column; gap: 4px; justify-content: flex-start; margin-bottom: 0; }
  .v-card-how .steps .step-item .num { width: 24px; height: 24px; font-weight: 400; font-size: 14px; line-height: 140%; }
  .v-card-how .steps .step-item .line { display: none; }
  .v-card-how .steps .step-item .line-mobile { display: block; }
  .v-card-how .steps .step-item .content .step-title { height: 24px; display: flex; align-items: center; margin-bottom: 4px; font-weight: 600; font-size: 16px; line-height: 150%; }
  .v-card-how .steps .step-item .content .step-text { margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 143%; }
  .v-card-how .steps .step-item:last-child .content .step-text { margin-bottom: 0px; }
  .v-card-how .how-btn {  margin-bottom: 24px; }
  .v-card-how .how-btn .v-card-btn { padding: 12px 20px; }
  .v-card-how .how-btn .v-card-btn span { font-weight: 500; font-size: 14px; line-height: 130%; display: block; }
  .v-card-how .lookout { font-weight: 400; font-size: 12px; line-height: 142%; }
}
/* ! vantagemarekts|2026-05-12 11:35:00 ! */