.cmx-site-page,
.cmx-site-page .elementor {
  margin: 0;
  min-width: 0;
  background: var(--bg, #050b14);
}

.cmx-site-page .elementor-element,
.cmx-site-page .elementor-widget-container,
.cmx-site-page .e-con {
  min-width: 0;
}

.cmx-site-page .e-con {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
}

.cmx-site-page .section {
  --width: 1100px;
  --max-width: 1100px;
  display: block;
  width: 100%;
  max-width: 1100px !important;
  margin-inline: auto;
}

.cmx-site-page .product-hero {
  flex-direction: row;
}

.cmx-site-page .hero-left,
.cmx-site-page .hero-media,
.cmx-site-page .section-header,
.cmx-site-page .feature-card,
.cmx-site-page .ai-card,
.cmx-site-page .scenario-card,
.cmx-site-page .gallery-card,
.cmx-site-page .gallery-card__body,
.cmx-site-page .image-card,
.cmx-site-page .img-caption,
.cmx-site-page .version-card,
.cmx-site-page .compare-showcase,
.cmx-site-page .credentials-shell,
.cmx-site-page .credential-card__media,
.cmx-site-page .footer {
  display: block;
}

.cmx-site-page .cta-section {
  display: block;
}

.cmx-site-page .section-header {
  font-size: 16px;
  line-height: 1.7;
}

.cmx-site-page .elementor-widget-heading .elementor-heading-title {
  line-height: inherit;
}

.cmx-site-page .hero-left .elementor-heading-title {
  line-height: 1.15;
}

.cmx-site-page .hero-badge {
  margin-bottom: 24px !important;
  margin-block-end: 24px !important;
}

.cmx-site-page .tagline,
.cmx-site-page .hero-bonus {
  margin-bottom: 32px !important;
  margin-block-end: 32px !important;
}

.cmx-site-page .hero-price {
  margin-bottom: 12px !important;
  margin-block-end: 12px !important;
}

.cmx-site-page .section-tag {
  margin-bottom: 16px !important;
  margin-block-end: 16px !important;
}

.cmx-site-page .f-icon,
.cmx-site-page .ai-icon {
  margin-bottom: 20px !important;
  margin-block-end: 20px !important;
}

.cmx-site-page .s-icon {
  margin-bottom: 12px;
  margin-block-end: 12px;
}

.cmx-site-page .v-name {
  margin-bottom: 4px !important;
  margin-block-end: 4px !important;
}

.cmx-site-page .v-subtitle {
  margin-bottom: 18px !important;
  margin-block-end: 18px !important;
  font-weight: 400;
}

.cmx-site-page .v-price {
  margin-bottom: 20px !important;
  margin-block-end: 20px !important;
}

.cmx-site-page .v-original {
  margin: -8px 0 18px !important;
  margin-block: -8px 18px !important;
}

.cmx-site-page .version-card.premium {
  background:
    linear-gradient(180deg, rgba(0, 201, 167, 0.12), rgba(17, 24, 39, 0.98)),
    #111827 !important;
}

.cmx-site-page .version-card.premium::before {
  top: -12px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  opacity: 1;
}

.cmx-site-page .version-card ul,
.cmx-site-page .version-card ul li {
  font-weight: 400;
}

.cmx-site-page .footer .brand {
  margin-bottom: 8px;
  margin-block-end: 8px;
}

.cmx-site-page .ai-card-image {
  margin-bottom: 29px !important;
  margin-block-end: 29px !important;
}

.cmx-site-page .ai-card-image .elementor-widget-container,
.cmx-site-page .ai-card-image .cmx-external-media,
.cmx-site-page .ai-card-image .cmx-external-media img {
  height: 100%;
}

.cmx-site-page .ai-card-image .cmx-external-media img {
  object-fit: cover;
}

.cmx-site-page .credentials-note {
  margin-bottom: 18px !important;
  margin-block-end: 18px !important;
}

.cmx-site-page .media-scroll__caption {
  display: block;
  font-size: 16px;
  line-height: 1.7;
}

.cmx-site-page .video-card .cmx-external-media__title,
.cmx-site-page .credential-card .cmx-external-media__title {
  display: none;
}

.cmx-site-page .credential-card.elementor-widget-cmx-external-media {
  aspect-ratio: 210 / 297;
  padding: 10px;
  background: #0b1420;
}

.cmx-site-page .credential-card--wide.elementor-widget-cmx-external-media {
  aspect-ratio: 16 / 10;
}

.cmx-site-page .credential-card .elementor-widget-container,
.cmx-site-page .credential-card .cmx-external-media {
  height: 100%;
}

.cmx-site-page .credential-card .cmx-external-media img {
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
  background: #f8fafc;
}

.cmx-site-page .credentials-grid {
  counter-reset: cmx-credential;
}

.cmx-site-page .credential-card {
  counter-increment: cmx-credential;
}

.cmx-site-page .credential-card::before {
  content: counter(cmx-credential, decimal-leading-zero);
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  padding: 3px 9px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 100px;
  background: rgba(5, 8, 15, 0.72);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.cmx-site-page .showcase-image {
  --width: 900px;
  width: 100%;
  max-width: 900px !important;
  margin-inline: auto;
  align-self: center;
}

.cmx-site-page .hero-product-poster {
  --width: 620px;
  width: 100%;
  max-width: 620px !important;
  margin: 0 auto 28px;
  align-self: center;
}

/* Elementor containers default to a vertical flex direction and full-width
   widgets. Restore the source page's intentional horizontal groups. */
.cmx-site-page .top-nav,
.cmx-site-page .top-nav .nav-links,
.cmx-site-page .hero-actions,
.cmx-site-page .hero-right,
.cmx-site-page .guarantee-strip {
  flex-direction: row;
}

.cmx-site-page .top-nav > .elementor-widget,
.cmx-site-page .top-nav > .nav-links,
.cmx-site-page .nav-links > .elementor-widget,
.cmx-site-page .hero-actions > .elementor-widget,
.cmx-site-page .guarantee-strip > .elementor-widget {
  width: auto;
  max-width: max-content;
}

.cmx-site-page .hero-badge > .elementor-widget-container,
.cmx-site-page .hero-bonus > .elementor-widget-container,
.cmx-site-page .guarantee-item > .elementor-widget-container {
  display: flex;
  align-items: center;
  gap: inherit;
}

.cmx-site-page .hero-price > .elementor-widget-container {
  display: flex;
  align-items: baseline;
  gap: inherit;
  flex-wrap: wrap;
}

.cmx-site-page .credentials-note > .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cmx-site-page .cmx-external-media {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  cursor: zoom-in;
}

.cmx-site-page .cmx-external-media img,
.cmx-site-page .cmx-external-media video {
  display: block;
  width: 100%;
  max-width: 100%;
}

.cmx-site-page .cmx-external-media__title {
  margin-top: 8px;
  color: var(--text-secondary, #9aa9bd);
  font-size: 14px;
  text-align: center;
}

.cmx-media-placeholder {
  padding: 32px;
  border: 1px dashed #718096;
  border-radius: 12px;
  color: #718096;
  text-align: center;
}

.cmx-site-page .elementor-widget-button.btn-primary,
.cmx-site-page .elementor-widget-button.btn-outline {
  padding: 0;
  background: transparent;
  border: 0;
}

.cmx-site-page .elementor-widget-button.btn-primary .elementor-button,
.cmx-site-page .cmx-payment-button.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #00c9a7, #00b8d4);
  color: #000;
  font-size: 15px;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.cmx-site-page .elementor-widget-button.btn-outline .elementor-button,
.cmx-site-page .cmx-payment-button.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border: 1.5px solid var(--border, #1e293b);
  border-radius: 10px;
  background: transparent;
  color: var(--text, #e8edf5);
  font-size: 15px;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.cmx-site-page .nav-links .elementor-widget-button {
  width: auto;
}

.cmx-site-page .nav-links .elementor-button {
  padding: 0;
  background: transparent;
  color: var(--text-secondary, #9aa9bd);
  font-size: 14px;
}

.cmx-site-page .nav-links .nav-cta .elementor-button {
  padding: 6px 16px;
  border-radius: 100px;
  background: linear-gradient(135deg, #00c9a7, #00b8d4);
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.cmx-site-page .elementor-widget-cmx-payment-button.btn-pay-jump .cmx-payment-button {
  background: linear-gradient(135deg, #f0b429, #00c9a7);
  color: #05080f;
}

.cmx-site-page .elementor-widget-cmx-payment-button.btn-primary,
.cmx-site-page .elementor-widget-cmx-payment-button.btn-outline {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
}

.cmx-site-page .version-card > .elementor-widget-cmx-payment-button {
  display: block;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
}

.cmx-site-page .version-card > .elementor-widget-cmx-payment-button .cmx-payment-button {
  width: 100%;
}

.cmx-site-page .cta-section > .elementor-widget-text-editor:nth-child(3) {
  font-size: 14px;
  line-height: 1.7;
}

.cmx-site-page .cta-section > .e-con {
  display: block;
  margin-top: 20px !important;
}

.cmx-site-page .cta-section .elementor-widget-cmx-payment-button .cmx-payment-button {
  padding: 16px 40px;
  font-size: 16px;
}

.cmx-site-page .nav-links .active .elementor-button,
.cmx-site-page .nav-links .elementor-button:hover {
  color: #fff;
}

#cmxMediaStage img,
#cmxMediaStage video {
  display: block;
  max-width: min(92vw, 1100px);
  max-height: 78vh;
  margin: auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  .cmx-site-page .top-nav {
    padding-inline: 14px;
  }

  .cmx-site-page .nav-links {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .cmx-site-page .nav-links::-webkit-scrollbar {
    display: none;
  }

  .cmx-site-page .credentials-note > .elementor-widget-container {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}