/* JEWELX dark adaptation for the Awesomic mirror. */
:root {
  color-scheme: dark;
  --jx-bg: #080807;
  --jx-ink: #f8f1e7;
  --jx-ink-soft: rgba(248, 241, 231, 0.82);
  --jx-muted: rgba(248, 241, 231, 0.66);
  --jx-faint: rgba(248, 241, 231, 0.46);
  --jx-line: rgba(255, 255, 255, 0.14);
  --jx-panel: rgba(255, 255, 255, 0.065);
  --jx-panel-strong: rgba(255, 255, 255, 0.11);
  --jx-dark-panel: rgba(8, 8, 7, 0.92);
  --jx-gold: #f1d38a;
  --jx-mint: #8becc7;
  --jx-on-light: #171717;
}

html,
body {
  color: var(--jx-ink) !important;
  background:
    radial-gradient(circle at 16% -8%, rgba(139, 236, 199, 0.15), transparent 32rem),
    radial-gradient(circle at 86% 10%, rgba(241, 211, 138, 0.15), transparent 34rem),
    var(--jx-bg) !important;
  background-attachment: fixed !important;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at 50% 12%, #000 0%, transparent 72%);
  content: "";
}

.page-wrapper,
.main-wrapper {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

section,
footer,
.background-white,
.background-gray-100,
.background-gray-150,
.section-radius,
.section-footer {
  background-color: transparent !important;
}

.navbar_component,
.navbar_container,
.navbar_menu,
.navbar-overlay,
.ai-banner,
.dropdown-navigation,
.dropdown-navigation.inner,
.faq_item,
.faq_item-inner,
.faq_cta-block,
.footer-blog-container,
.footer_blog-post-item,
.footer-contacts,
.footer-social-button,
.llm_footer-link,
.feature-list_item,
.review_item,
.why_col-item,
.features_form,
.input,
.cta_input,
.button.is-white {
  background-color: var(--jx-dark-panel) !important;
}

body,
a,
p,
label,
li,
.text-13,
.text-14,
.text-15,
.text-16,
.text-20,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading-style-h4,
.navbar-link,
.pseo-hero-text,
.faq_question,
.faq_answer,
.footer-menu,
.footer-contacts,
.footer_blog-post-item,
.review_item,
.feature-list_item,
.why_col-item,
.author_position-info,
.dropdown_section-name,
.dropdown-link {
  color: var(--jx-ink-soft) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading-style-h4,
.weight-bold,
.weight-semibold,
.text-gray-900,
.faq_question,
.navbar-link:hover,
.navbar-link.w--current,
.dropdown-link:hover .text-13,
.footer_blog-post-item:hover .text-20,
.footer_blog-post-item:hover .text-16 {
  color: var(--jx-ink) !important;
}

.text-gray-500,
.text-gray-400,
.weight-regular,
.weight-book,
.pseo-hero-text,
.text-15.weight-regular,
.text-16.weight-regular,
.author_position-info,
.footer-contacts .text-15,
.footer-menu .text-15,
.faq_answer,
.dropdown_section-name {
  color: var(--jx-muted) !important;
}

.text-gradient {
  color: var(--jx-gold) !important;
  -webkit-text-fill-color: var(--jx-gold) !important;
  background: none !important;
}

.text-white,
.text-white-90 {
  color: var(--jx-ink) !important;
}

.navbar_component,
.navbar_container,
.navbar_menu,
.dropdown-navigation,
.dropdown-navigation.inner,
.faq_item,
.faq_item-inner,
.faq_cta-block,
.footer-blog-container,
.footer_blog-post-item,
.footer-contacts,
.footer-social-button,
.llm_footer-link,
.feature-list_item,
.review_item,
.why_col-item,
.features_form,
.input,
.cta_input,
.button.is-white {
  border-color: var(--jx-line) !important;
}

.input,
.cta_input,
.w-input {
  color: var(--jx-ink) !important;
  background-color: rgba(0, 0, 0, 0.36) !important;
}

.input::placeholder,
.cta_input::placeholder,
.w-input::placeholder {
  color: var(--jx-faint) !important;
}

.button,
.button div,
.button .z-index-1,
.button.is-white,
.button.is-white div,
.button.is-white .z-index-1,
.submit-button,
.w-button {
  color: var(--jx-ink) !important;
}

.button:not(.is-white),
.submit-button,
.w-button {
  background-color: #050505 !important;
}

.category-tag,
.text-tag,
.nav_new-badge,
.hero_reviews,
.footer-social-button,
.llm_footer-link {
  color: var(--jx-ink-soft) !important;
}

.hero_reviews,
.category-tag,
.text-tag,
.nav_new-badge {
  background-color: rgba(255, 255, 255, 0.92) !important;
  color: var(--jx-on-light) !important;
}

.hero_reviews *,
.category-tag *,
.text-tag *,
.nav_new-badge * {
  color: var(--jx-on-light) !important;
}

.ai-banner,
.ai-banner .z-index-11,
.ai-banner .landscape_text-align-center {
  color: var(--jx-ink) !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.55);
}

.ai-banner .button,
.ai-banner .button *,
.ai-banner .button.is-white,
.ai-banner .button.is-white * {
  color: var(--jx-ink) !important;
}

.dropdown-icon,
.dropdown-hover-icon,
.dropdown-chevron,
.faq_chevron,
.button-icon,
.button-icon_navbar,
.footer-social-button img,
.llm-icon,
.navbar_logo {
  filter: brightness(0) invert(1) opacity(0.92);
}

.button.is-white .button-icon,
.hero_reviews img,
.category-tag img,
.text-tag img,
.nav_new-badge img,
.review_author-photo,
.review_author-photo img {
  filter: none;
}

.button.is-white .button-icon,
.button.is-white .button-icon_navbar,
.navbar_button-wrapper .button.is-white img {
  filter: brightness(0) invert(1) opacity(0.9) !important;
}

.logo-carousel_item img,
.logo-image {
  filter: grayscale(1) brightness(0) invert(1) opacity(0.66);
}

.ai-banner,
.faq_item,
.faq_cta-block,
.footer_blog-post-item,
.review_item,
.why_col-item,
.feature-list_item {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width: 991px) {
  .navbar_menu {
    background-color: rgba(8, 8, 7, 0.98) !important;
  }
}

@media (max-width: 767px) {
  .ai-banner,
  .ai-banner .z-index-11,
  .ai-banner .landscape_text-align-center {
    color: #24211c !important;
    text-shadow: none;
  }
}

/* UI layer: convert the original light components into a calm black-glass system. */
.navbar_component {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(10, 10, 9, 0.82), rgba(10, 10, 9, 0.58)),
    rgba(8, 8, 7, 0.72) !important;
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

.navbar_container,
.navbar_menu {
  background: transparent !important;
}

.navbar-link,
.dropdown-link,
.footer-menu,
.llm_footer-link {
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.navbar-link {
  border: 1px solid transparent !important;
  border-radius: 999px;
}

.navbar-link:hover,
.navbar-link.w--open,
.navbar-link.w--current {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

.dropdown-navigation,
.dropdown-navigation.inner,
.navbar-overlay {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(241, 211, 138, 0.1), transparent 24rem),
    linear-gradient(145deg, rgba(22, 22, 19, 0.96), rgba(6, 6, 6, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 28px 90px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(22px) saturate(1.1);
  -webkit-backdrop-filter: blur(22px) saturate(1.1);
}

.dropdown-link {
  border: 1px solid transparent !important;
  border-radius: 18px;
  background: transparent !important;
}

.dropdown-link:hover {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-1px);
}

.button,
.button.is-white,
.submit-button,
.w-button,
.hiring-page-navbar-main-button,
.how-choose-pro-button,
.motion-service-button {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: var(--jx-ink) !important;
  background:
    radial-gradient(circle at 24% 0%, rgba(241, 211, 138, 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 14px 36px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.button::after,
.submit-button::after,
.w-button::after {
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.13) 48%, transparent 70%);
  opacity: 0;
  transform: translateX(-24%);
  transition:
    opacity 220ms ease,
    transform 420ms ease;
  content: "";
}

.button:hover,
.submit-button:hover,
.w-button:hover,
.hiring-page-navbar-main-button:hover,
.how-choose-pro-button:hover,
.motion-service-button:hover {
  border-color: rgba(241, 211, 138, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 18px 48px rgba(0, 0, 0, 0.42),
    0 0 0 4px rgba(241, 211, 138, 0.055);
  transform: translateY(-1px);
}

.button:hover::after,
.submit-button:hover::after,
.w-button:hover::after {
  opacity: 1;
  transform: translateX(24%);
}

.button > :not(.button-background),
.submit-button > :not(.button-background),
.w-button > :not(.button-background) {
  position: relative;
  z-index: 1;
}

.button .button-background,
.submit-button .button-background,
.w-button .button-background {
  position: absolute !important;
  z-index: 0;
  inset: 0% 0% auto !important;
  pointer-events: none;
}

.button img,
.submit-button img,
.w-button img,
.main-navbar-button-wrapper img,
.navbar_button-wrapper img,
.ai-banner_button-wrapper img {
  filter: brightness(0) invert(1) opacity(0.9);
}

.button-background {
  background:
    radial-gradient(circle at 20% 0%, rgba(139, 236, 199, 0.2), transparent 12rem),
    linear-gradient(135deg, rgba(241, 211, 138, 0.2), rgba(255, 255, 255, 0.035)) !important;
}

.button.is-white,
.ai-banner .button.is-white {
  background:
    radial-gradient(circle at 20% 0%, rgba(139, 236, 199, 0.16), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
}

.main-navbar-button-wrapper .button,
.navbar_button-wrapper .button,
.pseo-hero-button-wrapper .button,
.ai-banner_button-wrapper .button {
  border-color: rgba(241, 211, 138, 0.36) !important;
}

.mobile-nabar-cta {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(241, 211, 138, 0.12), transparent 18rem),
    rgba(8, 8, 7, 0.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 -20px 56px rgba(0, 0, 0, 0.38);
}

.mobile-nabar-cta .button,
.mobile-nabar-cta .button.is-white,
.mobile-nabar-cta .main-navbar-button-wrapper .button,
.mobile-nabar-cta .hiring-page-navbar-main-button .button {
  color: var(--jx-ink) !important;
  border-color: rgba(241, 211, 138, 0.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(139, 236, 199, 0.14), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
}

.mobile-nabar-cta .button *,
.mobile-nabar-cta .button.is-white * {
  color: var(--jx-ink) !important;
}

.mobile-nabar-cta .button img,
.mobile-nabar-cta .button.is-white img {
  filter: brightness(0) invert(1) opacity(0.9) !important;
}

.ai-banner .button,
.ai-banner .button.is-white {
  color: #171717 !important;
  border-color: rgba(241, 211, 138, 0.45) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(224, 234, 207, 0.7)),
    rgba(241, 211, 138, 0.34) !important;
}

.ai-banner .button *,
.ai-banner .button.is-white * {
  color: #171717 !important;
  text-shadow: none !important;
}

.ai-banner .button img,
.ai-banner .button.is-white img,
.ai-banner_button-wrapper .button img {
  filter: none !important;
}

.input,
.cta_input,
.w-input,
select,
textarea {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
    rgba(0, 0, 0, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 30px rgba(0, 0, 0, 0.18);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.input:focus,
.cta_input:focus,
.w-input:focus,
select:focus,
textarea:focus {
  border-color: rgba(139, 236, 199, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 4px rgba(139, 236, 199, 0.11),
    0 14px 34px rgba(0, 0, 0, 0.22);
}

.cta_form-block,
.features_form-block {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cta_form,
.features_form {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 18px 48px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.features_form,
.cta_form,
.w-form-done,
.w-form-fail,
.faq_item,
.faq_item-inner,
.faq_cta-block,
.review_item,
.feature-list_item,
.why_col-item,
.pricing_list-item,
.service-card_simple,
.simple-card,
.service-card_info,
.service-item,
.steps-component_item,
.footer-blog-container,
.footer_blog-post-item,
.footer_mobile-blog-item,
.footer-contacts,
.footer-social-button,
.llm_footer-link,
.hero-card,
.tab_button-imitation,
.how-tab_details,
.how-tab_footer,
.video-review,
.more-reviews_block {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 18px 56px rgba(0, 0, 0, 0.22);
}

.hero_numbers-item,
.logo-carousel_item,
.logo-carousel_item *,
.logo-carousel-wrap,
.logo-carousel-wrap * {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hero_numbers-item {
  text-shadow: 0 1px 22px rgba(0, 0, 0, 0.36);
}

.faq_item:hover,
.review_item:hover,
.feature-list_item:hover,
.pricing_list-item:hover,
.service-card_simple:hover,
.simple-card:hover,
.service-item:hover,
.steps-component_item:hover,
.footer_blog-post-item:hover,
.llm_footer-link:hover,
.tab_button-imitation:hover {
  border-color: rgba(241, 211, 138, 0.3) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.045) !important;
}

.hero-card,
.video-review,
.case_play-button,
.talent_play-button {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 24px 70px rgba(0, 0, 0, 0.36);
}

.case_play-button,
.talent_play-button,
.faq_chevron,
.button-icon,
.button-icon_navbar,
.navbar_menu-button,
.navbar_menu-button.w-nav-button,
.navbar_menu-button.w--open,
.w-nav-button,
.w-nav-button.w--open {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--jx-ink) !important;
  background-color: rgba(8, 8, 7, 0.78) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
    rgba(8, 8, 7, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 30px rgba(0, 0, 0, 0.28);
}

.menu-icon,
.menu-icon2_line-top,
.menu-icon2_line-middle,
.menu-icon2_line-middle-inner,
.menu-icon2_line-bottom {
  color: var(--jx-ink) !important;
  border-color: var(--jx-ink) !important;
  background-color: var(--jx-ink) !important;
}

.menu-icon {
  background-color: transparent !important;
}

.homepage_hero-tags .text-tag,
.category-tag,
.case-tag,
.dark-tag,
.yc-tag,
.talent-slide_tag,
.nav_new-badge {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--jx-ink-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
    rgba(10, 10, 9, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.homepage_hero-tags .text-tag *,
.category-tag *,
.case-tag *,
.dark-tag *,
.yc-tag *,
.talent-slide_tag *,
.nav_new-badge * {
  color: var(--jx-ink-soft) !important;
}

.nav_new-badge {
  color: #17120a !important;
  border-color: rgba(241, 211, 138, 0.45) !important;
  background: linear-gradient(135deg, #f7e8b5, #e8c36f) !important;
}

.nav_new-badge * {
  color: #17120a !important;
}

.hero_reviews {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045)),
    rgba(10, 10, 9, 0.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 44px rgba(0, 0, 0, 0.3);
}

.hero_reviews,
.hero_reviews * {
  color: var(--jx-ink-soft) !important;
}

.ai-banner {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(139, 236, 199, 0.16), transparent 22rem),
    radial-gradient(circle at 16% 0%, rgba(241, 211, 138, 0.16), transparent 24rem),
    rgba(8, 8, 7, 0.86) !important;
}

.how-tab_link,
.services_tab-link {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--jx-muted) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.how-tab_link.w--current,
.services_tab-link.w--current,
.how-tab_link.w--tab-active,
.services_tab-link.w--tab-active {
  border-color: rgba(241, 211, 138, 0.36) !important;
  color: var(--jx-ink) !important;
  background:
    linear-gradient(180deg, rgba(241, 211, 138, 0.14), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.05) !important;
}

.footer-social-button:hover,
.llm_footer-link:hover {
  color: var(--jx-ink) !important;
  transform: translateY(-1px);
}

@media (max-width: 991px) {
  .navbar_menu {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(241, 211, 138, 0.1), transparent 18rem),
      rgba(8, 8, 7, 0.97) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 767px) {
  .navbar_menu-button,
  .navbar_menu-button.w-nav-button,
  .navbar_menu-button.w--open,
  .w-nav-button,
  .w-nav-button.w--open {
    color: var(--jx-ink) !important;
    background-color: rgba(8, 8, 7, 0.9) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)) !important;
  }

  .cta_form-block,
  .features_form-block {
    width: 100% !important;
    max-width: calc(100vw - 32px) !important;
    overflow: hidden !important;
  }

  .cta_form,
  .features_form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ai-banner .button,
  .ai-banner .button *,
  .ai-banner .button.is-white,
  .ai-banner .button.is-white * {
    color: #171717 !important;
  }

  .ai-banner .button img,
  .ai-banner .button.is-white img {
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .submit-button,
  .w-button,
  .dropdown-link,
  .navbar-link,
  .faq_item,
  .review_item,
  .feature-list_item,
  .pricing_list-item,
  .service-card_simple,
  .simple-card,
  .service-item,
  .steps-component_item {
    transition: none !important;
  }
}

/* Browser comment audit fixes: remove light seams, square edges, and mismatched button gradients. */
.background-white,
.background-gray-100,
.background-gray-150,
.section-radius.background-gray-100,
.background-gray-100.section-radius,
.section-radius.section-offset.background-white {
  background: transparent !important;
  background-color: transparent !important;
}

.section-radius {
  box-shadow: none !important;
}

.section-radius + .section-radius,
.section-radius + .background-white,
.section-radius + .background-gray-100,
.background-gray-100 + .section-radius,
.background-gray-100 + .background-white {
  margin-top: -1px;
}

.section-offset:not(.section_move-top)::before,
.section-offset.offset-to-gray50:not(.section_move-top)::before {
  background: var(--jx-bg) !important;
}

.button,
.button.is-white,
.submit-button,
.w-button,
.hiring-page-navbar-main-button,
.how-choose-pro-button,
.motion-service-button,
.mobile-nabar-cta .button,
.mobile-nabar-cta .button.is-white,
.mobile-nabar-cta .main-navbar-button-wrapper .button,
.mobile-nabar-cta .hiring-page-navbar-main-button .button {
  background:
    linear-gradient(180deg, rgba(65, 57, 40, 0.94), rgba(18, 17, 15, 0.97)) !important;
  border-color: rgba(241, 211, 138, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -12px 28px rgba(0, 0, 0, 0.32),
    0 14px 36px rgba(0, 0, 0, 0.32) !important;
}

.button-background {
  background:
    linear-gradient(90deg, transparent, rgba(241, 211, 138, 0.14), transparent) !important;
}

.button:hover,
.submit-button:hover,
.w-button:hover,
.hiring-page-navbar-main-button:hover,
.how-choose-pro-button:hover,
.motion-service-button:hover {
  border-color: rgba(241, 211, 138, 0.58) !important;
  background:
    linear-gradient(180deg, rgba(79, 68, 45, 0.98), rgba(20, 19, 17, 0.98)) !important;
}

.submit-button_wrapper {
  justify-content: center !important;
  align-items: center !important;
}

.submit-button_wrapper .button,
.submit-button_wrapper .button.is-large,
#wf-form-features-form .button.is-large {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.submit-button_wrapper .button .z-index-1,
#wf-form-features-form .button .z-index-1 {
  width: auto !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.features-list_block {
  background:
    linear-gradient(145deg, rgba(139, 188, 220, 0.18), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 24px 70px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden !important;
}

.features-list_block .feature-list_item,
.feature-list_item {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.105) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.032)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
  overflow: hidden !important;
}

.feature-list_item.is-last {
  border-radius: 16px !important;
}

.why-awesomic_block,
.why-awesomic_block.fee-block {
  color: var(--jx-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 20px 56px rgba(0, 0, 0, 0.24) !important;
}

.why-awesomic_block *,
.why-awesomic_block.fee-block *,
.why-awesomic_block .text-gray-900,
.why-awesomic_block.fee-block .text-gray-900 {
  color: var(--jx-ink) !important;
}

.services-tabs_menu_upd {
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.032)),
    rgba(8, 8, 7, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 20px 60px rgba(0, 0, 0, 0.32) !important;
}

.services-tabs_menu_upd .services_tab-link,
.services-tabs_menu_upd .services_tab-link *,
.services-tabs_menu_upd .w-tab-link,
.services-tabs_menu_upd .w-tab-link * {
  color: var(--jx-ink-soft) !important;
}

.services-tabs_menu_upd .services_tab-link.w--current,
.services-tabs_menu_upd .services_tab-link.w--current *,
.services-tabs_menu_upd .w-tab-link.w--current,
.services-tabs_menu_upd .w-tab-link.w--current * {
  color: var(--jx-ink) !important;
}

.service-item {
  background:
    linear-gradient(145deg, rgba(139, 188, 220, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.04) !important;
}

.service-item .service-card_info {
  margin-top: -1px !important;
  border-top: 0 !important;
  border-radius: 0 0 36px 36px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.038)) !important;
  box-shadow: none !important;
}

.service-item .service-card_tags .category-tag,
.service-item .service-card_tags .text-tag {
  border-radius: 999px !important;
}

.updated_cta {
  color: var(--jx-ink) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(241, 211, 138, 0.16), transparent 30rem),
    linear-gradient(180deg, rgba(12, 11, 9, 0.94), rgba(8, 8, 7, 0.98)) !important;
}

.updated_cta h1,
.updated_cta h2,
.updated_cta h3,
.updated_cta p,
.updated_cta .text-align-center,
.cta-heading_wrapper h2,
.cta-heading_wrapper h2 * {
  color: var(--jx-ink) !important;
  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}

img.faq_chevron,
.faq_chevron {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(0) invert(1) opacity(0.82) !important;
}

.faq_item,
.faq_item-inner {
  overflow: hidden !important;
}

.hero-card .pricing_list-item,
.pricing_list-item {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.028)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.hero-card .pricing_list-item *,
.pricing_list-item * {
  color: var(--jx-ink-soft) !important;
}

@media (max-width: 767px) {
  .services-tabs_menu_upd {
    color: var(--jx-ink-soft) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
      rgba(8, 8, 7, 0.94) !important;
  }

  .services-tabs_menu_upd .services_tab-link,
  .services-tabs_menu_upd .services_tab-link *,
  .services-tabs_menu_upd .w-tab-link,
  .services-tabs_menu_upd .w-tab-link * {
    color: var(--jx-ink-soft) !important;
  }

  .services-tabs_menu_upd .services_tab-link.w--current,
  .services-tabs_menu_upd .services_tab-link.w--current *,
  .services-tabs_menu_upd .w-tab-link.w--current,
  .services-tabs_menu_upd .w-tab-link.w--current * {
    color: var(--jx-ink) !important;
  }

  .service-item .service-card_info {
    border-radius: 0 0 36px 36px !important;
  }
}

/* Second-pass visual calibration from browser annotations. */
.button,
.button.is-white,
.hiring-page-navbar-main-button,
.how-choose-pro-button,
.motion-service-button,
.mobile-nabar-cta .button,
.mobile-nabar-cta .button.is-white,
.mobile-nabar-cta .main-navbar-button-wrapper .button,
.mobile-nabar-cta .hiring-page-navbar-main-button .button {
  border: 0.5px solid var(--_colors---white--white-20) !important;
  color: var(--_colors---white--white-100) !important;
  background-color: var(--_colors---gray--gray-950) !important;
  background-image: none !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 0.5px #ffffff80,
    inset 0 9px 14px -5px #757b8566,
    0 0 0 1.5px #2c2e34,
    0 4px 6px #00000024 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.button:hover,
.hiring-page-navbar-main-button:hover,
.how-choose-pro-button:hover,
.motion-service-button:hover,
.mobile-nabar-cta .button:hover {
  background-color: #09090b00 !important;
  background-image: none !important;
  border-color: var(--_colors---white--white-20) !important;
  box-shadow:
    inset 0 0.5px #ffffff80,
    inset 0 9px 14px -5px #ffffff80,
    0 0 0 1.5px #9896d21a !important;
}

.button.is-large {
  border-radius: 16px !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  line-height: 135% !important;
}

.button.is-white {
  border-width: 1px !important;
  border-color: var(--_colors---white--white-100) !important;
  color: var(--_colors---gray--gray-900) !important;
  background-color: var(--_colors---gray--gray-50) !important;
  box-shadow: none !important;
}

.button.is-white:hover {
  background-color: var(--_colors---white--white-100) !important;
}

.button *,
.button .z-index-1,
.button div {
  color: inherit !important;
  text-shadow: none !important;
}

.button img,
.button-icon,
.button-icon_navbar,
.main-navbar-button-wrapper img,
.navbar_button-wrapper img,
.ai-banner_button-wrapper img {
  filter: none !important;
}

.button-background {
  opacity: 0;
  pointer-events: none;
  width: 415px;
  height: 100%;
  background-image: url("./4910e1d09827f3.svg") !important;
  background-position: 0 0 !important;
  background-size: cover !important;
  background-color: transparent !important;
}

.submit-button {
  z-index: 2 !important;
  opacity: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  inset: 0% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hero-card .pricing_list-item img,
.pricing_list-item img {
  filter: brightness(0) invert(1) opacity(0.82) !important;
}

.features-list_block {
  border-radius: 36px !important;
}

.features-list_block .feature-list_item,
.feature-list_item {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.features-list_block .feature-list_item + .feature-list_item {
  border-top: 1px solid rgba(255, 255, 255, 0.11) !important;
}

.features-list_block .feature-list_item:hover {
  background: rgba(255, 255, 255, 0.035) !important;
}

.author_position-info img {
  filter: brightness(0) invert(1) opacity(0.9) !important;
}

.features-numbers,
.features-numbers *,
.feature_numbers-wrapper,
.feature_numbers-wrapper * {
  color: var(--jx-ink) !important;
}

.why-awesomic_block._w-face-upd {
  color: #18181b !important;
  border-color: #e4e4e7 !important;
  background: #f4f4f5 !important;
  box-shadow: none !important;
}

.why-awesomic_block._w-face-upd *,
.why-awesomic_block._w-face-upd .text-gray-900 {
  color: #18181b !important;
  text-shadow: none !important;
}

.why-awesomic_block._w-face-upd img,
.why-awesomic_block._w-face-upd svg {
  filter: none !important;
}

.pseo_h1.rotating-text,
.pseo_h1.rotating-text *,
.rotating-text,
.rotating-text * {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
  text-shadow: none !important;
}

.service-item {
  overflow: hidden !important;
  background: #1c1f20 !important;
}

.service-item .service-card_info {
  position: relative !important;
  margin-top: -2px !important;
  border-top: 0 !important;
  background: #1c1f20 !important;
}

.service-item .service-card_info::before {
  position: absolute;
  left: 0;
  right: 0;
  top: -34px;
  height: 34px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(28, 31, 32, 0), #1c1f20 92%);
  content: "";
}

.how-tab_link,
.how-tab_link-content,
.how-tab_details,
.how-tab_footer {
  color: var(--jx-ink-soft) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(8, 8, 7, 0.9) !important;
}

.how-tab_link *,
.how-tab_link-content *,
.how-tab_details *,
.how-tab_footer * {
  color: var(--jx-ink-soft) !important;
}

.how-tab_link.w--current,
.how-tab_link.w--tab-active,
.how-tab_link.w--current .how-tab_link-content,
.how-tab_link.w--tab-active .how-tab_link-content {
  color: var(--jx-ink) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)),
    rgba(8, 8, 7, 0.96) !important;
}

#cta-block,
#cta-block .container-1344,
#cta-block .cta-heading_wrapper,
#cta-block .max-width-828,
#cta-block h1,
#cta-block h2,
#cta-block h3,
#cta-block p,
#cta-block .text-align-center,
#cta-block .text-gray-900 {
  color: #18181b !important;
  text-shadow: none !important;
}

#cta-block .cta_form {
  border-color: #e3e3e45c !important;
  background: var(--_colors---white--white-100) !important;
  box-shadow: none !important;
}

#cta-block .cta_input,
#cta-block .w-input {
  color: #18181b !important;
  background: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#cta-block .cta_input::placeholder,
#cta-block .w-input::placeholder {
  color: #8a8f98 !important;
}

#cta-block .button,
#cta-block .button * {
  color: var(--_colors---white--white-100) !important;
}

.footer-blog-container,
.footer_blog-post-item,
.footer_mobile-blog-item {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.035) !important;
}

.footer-blog-container::before,
.footer-blog-container::after,
.footer_blog-column::before,
.footer_blog-column::after,
.footer_blog-collection::before,
.footer_blog-collection::after,
.more-reviews_block,
.more-reviews_block.bg-50 {
  background-image: linear-gradient(rgba(8, 8, 7, 0), rgba(8, 8, 7, 0.78) 24%, #080807 52%) !important;
}

.logo-carousel-overlay,
.logo-carousel-overlay_white {
  background-image: linear-gradient(270deg, rgba(8, 8, 7, 0), rgba(8, 8, 7, 0.72) 50%, #080807) !important;
}

.logo-carousel-overlay.is-right,
.logo-carousel-overlay_white.is-right {
  background-image: linear-gradient(90deg, rgba(8, 8, 7, 0), rgba(8, 8, 7, 0.72) 50%, #080807) !important;
}

.logo-carousel_item img,
.logo-image {
  filter: grayscale(1) brightness(0) invert(1) opacity(0.72) !important;
}

/* Final readability pass: keep the main dark hero light, while white feature CTAs stay original-dark. */
.homepage_hero-block .pseo_h1.rotating-text,
.homepage_hero-block .pseo_h1.rotating-text *,
.pseo_hero-left .pseo_h1.rotating-text,
.pseo_hero-left .pseo_h1.rotating-text * {
  color: var(--jx-ink) !important;
  -webkit-text-fill-color: var(--jx-ink) !important;
  text-shadow: none !important;
}

.homepage_hero-block .pseo_h1.rotating-text .text-gray-400,
.pseo_hero-left .pseo_h1.rotating-text .text-gray-400 {
  color: rgba(248, 241, 231, 0.52) !important;
  -webkit-text-fill-color: rgba(248, 241, 231, 0.52) !important;
}

.features_cta .rotating-text,
.features_cta .rotating-text *,
.features_cta .heading-style-h2,
.features_cta .heading-style-h2 * {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
}

.button.is-white,
.button.is-white *,
.navbar_button-wrapper .button.is-white,
.navbar_button-wrapper .button.is-white *,
.mobile-nabar-cta .button.is-white,
.mobile-nabar-cta .button.is-white * {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
}

.button.is-white img,
.button.is-white .button-icon,
.button.is-white .button-icon_navbar,
.navbar_button-wrapper .button.is-white img,
.mobile-nabar-cta .button.is-white img,
.ai-banner .button.is-white img {
  filter: brightness(0) opacity(0.9) !important;
}

/* Services tab menu should keep the original light-theme panel treatment. */
.services-tabs_menu_upd {
  color: #18181b !important;
  border: 1px solid #e4e4e7 !important;
  background-color: #f4f4f5 !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 16px 36px rgba(0, 0, 0, 0.12) !important;
}

.services-tabs_menu_upd .services_tab-link,
.services-tabs_menu_upd .w-tab-link {
  color: #52525b !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.services-tabs_menu_upd .services_tab-link *,
.services-tabs_menu_upd .w-tab-link * {
  color: #52525b !important;
  -webkit-text-fill-color: #52525b !important;
}

.services-tabs_menu_upd .services_tab-link.w--current,
.services-tabs_menu_upd .w-tab-link.w--current {
  color: #18181b !important;
  border-color: #d4d4d8 !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 20px rgba(24, 24, 27, 0.08) !important;
}

.services-tabs_menu_upd .services_tab-link.w--current *,
.services-tabs_menu_upd .w-tab-link.w--current * {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
}

.services-tabs_menu_upd img,
.services-tabs_menu_upd svg {
  filter: none !important;
}

.services-tabs_menu_upd .button,
.services-tabs_menu_upd .button.is-large {
  color: #ffffff !important;
  border-color: var(--_colors---white--white-20) !important;
  background-color: var(--_colors---gray--gray-950) !important;
  background-image: none !important;
}

.services-tabs_menu_upd .button *,
.services-tabs_menu_upd .button.is-large * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 767px) {
  .services-tabs_menu_upd {
    color: #18181b !important;
    border-radius: 24px !important;
    background-color: #f4f4f5 !important;
    background-image: none !important;
  }

  .services-tabs_menu_upd .services_tab-link *,
  .services-tabs_menu_upd .w-tab-link * {
    color: #52525b !important;
    -webkit-text-fill-color: #52525b !important;
  }

  .services-tabs_menu_upd .services_tab-link.w--current *,
  .services-tabs_menu_upd .w-tab-link.w--current * {
    color: #18181b !important;
    -webkit-text-fill-color: #18181b !important;
  }
}

@media (min-width: 1440px) {
  .services-tabs_menu_upd {
    background-image: url("./ba9dfa141fef35.avif") !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
}
