/* bitmarkets production polish */
:root {
  --color-primary-50: #edfdf6;
  --color-primary-200: #b8f4d6;
  --color-primary-400: #31d0aa;
  --color-primary-500: #0aa678;
  --color-primary-600: #047b63;
  --color-secondary: #071016;
  --color-background-1: #fbfdfb;
  --color-background-2: #f3f8f5;
  --color-background-3: #eaf3ee;
  --color-background-4: #dfece7;
  --color-background-5: #071016;
  --color-background-6: #0c151d;
  --color-background-7: #101c26;
  --color-background-8: #05090d;
  --color-background-9: #132230;
  --color-stroke-1: #d5e4dc;
  --color-stroke-2: #cddfd6;
  --color-stroke-3: #bfd4ca;
  --color-stroke-4: #e5eee9;
  --color-stroke-5: #172633;
  --color-stroke-6: #223544;
  --color-stroke-7: #2e4656;
  --color-stroke-8: #3a5567;
  --color-ns-yellow: #ffd15c;
  --color-ns-green: #c6f56f;
  --color-ns-cyan: #83e7ee;
}

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  background-image:
    linear-gradient(180deg, rgba(198, 245, 111, 0.08), rgba(131, 231, 238, 0.03) 34%, rgba(255, 255, 255, 0));
}

.dark body {
  background-image:
    linear-gradient(180deg, rgba(131, 231, 238, 0.06), rgba(7, 16, 22, 0) 38%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 120px);
}

h1, h2, h3, h4, .btn, .badge {
  letter-spacing: 0;
}

.header-one {
  box-shadow: 0 18px 60px rgba(7, 16, 22, 0.08);
  backdrop-filter: blur(24px);
}

.dark .header-one {
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.34);
}

.hero-section {
  isolation: isolate;
}

.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(198, 245, 111, 0.13), rgba(131, 231, 238, 0.06) 42%, rgba(255, 255, 255, 0) 75%),
    repeating-linear-gradient(90deg, rgba(7, 16, 22, 0.045) 0 1px, transparent 1px 96px);
  mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%);
}

.dark .hero-section::before {
  background:
    linear-gradient(180deg, rgba(198, 245, 111, 0.09), rgba(131, 231, 238, 0.05) 45%, rgba(7, 16, 22, 0) 76%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 96px);
}

.badge-green,
.badge.badge-green {
  border: 1px solid rgba(10, 166, 120, 0.24);
  background: rgba(198, 245, 111, 0.22);
  color: #071016;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

.dark .badge-green,
.dark .badge.badge-green {
  border-color: rgba(198, 245, 111, 0.26);
  background: rgba(198, 245, 111, 0.14);
  color: #f5f7fa;
}

.btn-primary {
  box-shadow: 0 15px 34px rgba(10, 166, 120, 0.24);
}

.btn-primary:hover {
  box-shadow: 0 18px 46px rgba(7, 16, 22, 0.20);
}

.footer-social-link,
.accordion-item,
article > div,
[class*="shadow-14"] {
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}

article:hover img {
  filter: saturate(1.06) contrast(1.04);
}

.logos-marquee-container img {
  opacity: 0.86;
}

.logos-marquee-container img:hover {
  opacity: 1;
}

::selection {
  background: rgba(198, 245, 111, 0.62);
  color: #071016;
}

/* PageSpeed and accessibility refinements */
.text-secondary\/60 {
  color: color-mix(in oklab, var(--color-secondary) 74%, transparent) !important;
}

.dark .dark\:text-accent\/60:where(.dark, .dark *) {
  color: color-mix(in oklab, var(--color-accent) 78%, transparent) !important;
}

.text-primary-500 {
  color: #047b63 !important;
}

/* Keep desktop navigation usable on click and resilient to framework visibility rules. */
header .dropdown-menu.active {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 100 !important;
}

header .mega-menu.active {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 100 !important;
}

header #company-mega-menu.active {
  display: flex !important;
}

footer .footer-link {
  color: #edfdf6 !important;
}

footer .footer-link:hover,
footer .footer-link:focus-visible {
  color: #c6f56f !important;
}

footer [data-ns-animate] {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}