/* Cryptocurrency Eye Branding Overrides */
:root {
  --_colors---base--blue-dark: #0a1628;
  --_colors---base--blue: #f7931a;
  --_colors---bg-color--bg-primary: var(--brand--secondary);
  --brand--primary: #0a1628;
  --brand--secondary: #f7931a;
  --brand--primary-light: #142540;
  --brand--neutral-dark: #0d1117;
  --brand--neutral-light: #e2e4e9;
  --brand--neutral-lighter: #f0f2f5;
  --brand--neutral: rgba(13, 17, 23, 0.5);
  --brand--soft-white: rgba(255, 255, 255, 0.8);
  --brand--black: #0d1117;
  --brand--white: #ffffff;
  --brand--gray: #6e7681;
  --brand--light-gray: #f6f8fa;
  --brand--opaque-white: rgba(255, 255, 255, 0.5);
  --bg-color--bg-primary: #f0f2f5;
  --bg-color--bg-secondary: #e2e4e9;
  --bg-color--bg-tertiary: #0d1117;
  --bg-color--bg-alternate: #0a1628;
  --border-color--border-primary: #e2e4e9;
  --border-color--border-secondary: #d0d7de;
  --text-color--text-primary: #0d1117;
  --text-color--text-secondary: rgba(13, 17, 23, 0.5);
  --text-color--text-tertiary: rgba(255, 255, 255, 0.8);
  --link-color--link-primary: #0d1117;
  --link-color--link-alternate: #ffffff;
}

.navbar_logo {
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.button.is-primary {
  background-color: var(--brand--secondary);
  color: #fff;
}

.button.is-primary:hover {
  background-color: #e8850f;
}

.button.is-tertiary {
  background-color: var(--brand--primary);
  color: #fff;
}

.button.is-tertiary:hover {
  background-color: var(--brand--primary-light);
}

.button.is-outline {
  border-color: var(--brand--primary);
  color: var(--brand--primary);
}

.button.is-outline:hover {
  background-color: var(--brand--primary);
  color: #fff;
}

.hero-2nd_visual {
  position: relative;
}

.hero-2nd_visual::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 22, 40, 0.15), rgba(247, 147, 26, 0.08));
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
}

.section_hero-2nd {
  position: relative;
  overflow: hidden;
}

.footer {
  background-color: var(--brand--primary);
}

.footer .text-5xl,
.footer .text-base,
.footer .text-sm,
.footer_links-title .text-base {
  color: #fff;
}

.footer_input {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.footer_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer_media-link svg {
  color: rgba(255, 255, 255, 0.7);
}

.footer_media-link:hover svg {
  color: var(--brand--secondary);
}

.section_contact.is-secondary,
.section_articles,
.section_article,
.section_blogs,
.section_page {
  background-color: #fff;
}

.section_contact.is-secondary .contact_title,
.section_contact.is-secondary .contact_title h1 {
  color: var(--text-color--text-primary);
}

.nav_links.w--current,
.nav_links:hover {
  color: var(--brand--secondary);
}

.footer_link:hover .text-sm {
  color: var(--brand--secondary);
}

.link-underline {
  background-color: var(--brand--secondary);
}

.articles_card:hover .text-2xl,
.slider-blogs_card:hover .text-2xl {
  color: var(--brand--secondary);
}

.section_not-found {
  background-color: #fff;
}

.overview_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 3rem;
}

.overview_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  background: var(--brand--light-gray);
  border-radius: 1rem;
  grid-template-columns: 1fr;
}

.overview_card-image {
  margin-bottom: 1.25rem;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand--secondary);
  border-radius: 0.75rem;
  flex-shrink: 0;
}

.overview_card-image img {
  width: 1.75rem;
  height: 1.75rem;
  filter: brightness(0) invert(1);
}

.overview_card h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.overview_card .text-base.text-color-secondary {
  margin-top: 0.5rem;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .overview_grid {
    grid-template-columns: 1fr;
  }
}

.w-input:focus,
.w-select:focus {
  border-color: var(--brand--secondary);
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: var(--brand--secondary);
  border-color: var(--brand--secondary);
}

.w-form-fail {
  background-color: rgba(10, 22, 40, 0.05);
  color: var(--brand--primary);
  border: 1px solid var(--brand--primary);
}

.w-form-done {
  background-color: rgba(247, 147, 26, 0.08);
  color: var(--brand--primary);
  border: 1px solid var(--brand--secondary);
}

/* Animation fix: CSS-based entrance animations as fallback */
@keyframes ceye-fade-in-up {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ceye-reveal-image {
  from {
    transform: translate3d(0, -110%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ceye-reveal-image-inner {
  from {
    transform: translate3d(0, 100%, 0) scale3d(1.5, 1.5, 1);
    filter: blur(10px);
  }
  to {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    filter: blur(0);
  }
}

[data-w-id] {
  animation: ceye-fade-in-up 0.6s ease-out both;
}

.article_visual .img-wrapper {
  animation: ceye-reveal-image 0.8s ease-out 0.3s both;
}

.article_visual .img-wrapper .img {
  animation: ceye-reveal-image-inner 0.8s ease-out 0.3s both;
}

@media screen and (max-width: 991px) {
  .navbar_logo {
    max-height: 70px;
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .navbar_logo {
    max-height: 60px;
    width: auto;
  }
}

.intro_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.intro_image-wrap {
  width: 100%;
}

.intro_image-block {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

.intro_img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 1rem;
}

@media screen and (max-width: 767px) {
  .intro_grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar_logo {
    max-height: 50px;
    width: auto;
  }
}

.section_intro .button.is-primary.w-inline-block {
  width: fit-content;
}

/* Override Webflow default blue (#3898ec) for form elements */
.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: var(--brand--secondary);
  border-color: var(--brand--secondary);
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px var(--brand--secondary);
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px var(--brand--secondary);
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-color: var(--brand--secondary);
}

/* Blog pagination button */
.button.is-secondary {
  background-color: var(--brand--primary);
  color: #fff;
  border: 1px solid var(--brand--primary);
}

.button.is-secondary:hover {
  background-color: var(--brand--primary-light);
  border-color: var(--brand--primary-light);
}

/* Ensure navbar has proper light background for logo contrast */
.navbar {
  background-color: var(--bg-color--bg-primary);
}

/* Footer logo if present */
.footer_logo {
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

/* Override Webflow default blue for commerce elements that may surface */
:root {
  --_colors---base--blue-dark: var(--brand--primary);
  --_colors---base--blue: var(--brand--secondary);
  --_colors---bg-color--bg-primary: var(--brand--secondary);
}