.elementor-kit-11{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#00FF51;--e-global-color-text:#000E00;--e-global-color-accent:#61CE70;--e-global-color-5b5d551:#006400;--e-global-color-860bd25:#002700;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FEFFFC;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:transparent;font-size:18px;font-weight:700;color:#001200;background-image:linear-gradient(180deg, #00FF51 0%, #00CC66 100%);border-style:none;border-radius:36px 36px 36px 36px;padding:15px 26px 15px 26px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:transparent;color:#000000;background-image:linear-gradient(180deg, #00FF51 0%, #00FF51 100%);box-shadow:0px 1px 8px 1px rgba(0, 255, 80.99999999999983, 0.66);border-style:none;}.elementor-kit-11 e-page-transition{background-color:#FEFFFC;}.elementor-kit-11 a{color:#00CC66;}.elementor-kit-11 a:hover{color:#00FF51;}.elementor-kit-11 input:not([type="button"]):not([type="submit"]),.elementor-kit-11 textarea,.elementor-kit-11 .elementor-field-textual{border-radius:15px 15px 15px 15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:18px;padding:15px 26px 15px 26px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:16px;padding:12px 21px 12px 21px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* ============================================
   🎯 ULTRA CLEAN CRYPTO CSS — v2 ENHANCED
   Smooth • Optimized • Consistent • Accessible
   + Enhanced FAQ Support for All Elementor & JetEngine Systems
   ============================================ */

/* ---------- Theme tokens ---------- */
:root {
  --brand-g1: #00FF51;
  --brand-g2: #00CC66;
  --text-strong: #111;
  --radius-lg: 30px;
  --shadow-lg: 0 10px 30px rgba(0,0,0,.1);
  --ease: cubic-bezier(0.25,0.46,0.45,0.94);
}


/* ==============================================
   PLATFORM / CARDS
   ============================================== */
.platform-tabs-container { position: relative; overflow: hidden; }

.platform-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
  will-change: transform;
}
.platform-card:hover {
  transform: translateY(-12px);
  box-shadow:
    0 25px 50px rgba(0,0,0,.15),
    0 10px 20px rgba(0,0,0,.10);
}

/* Headings with animated underline */
.platform-title { position: relative; display: inline-block; }
.platform-title::after {
  content: "";
  position: absolute;
  left: 0; bottom: -8px;
  width: 0; height: 3px;
  background: linear-gradient(90deg, var(--brand-g1), var(--brand-g2));
  transition: width .6s var(--ease);
  border-radius: 2px;
}
.platform-card:hover .platform-title::after { width: 100%; }

/* Optional count badge — add data-count="3" */
.platform-title[data-count]::before {
  content: attr(data-count);
  position: absolute;
  top: -8px; right: -35px;
  min-width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 8px; border-radius: 12px;
  font-size: 12px; font-weight: 700;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: gentlePulse 3s ease-in-out infinite;
}
@keyframes gentlePulse {
  0%,100% { transform: scale(1); opacity:.9; }
  50%     { transform: scale(1.08); opacity:1; }
}

/* Exchange row with animated border-on-hover (perf friendly) */
.exchange-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  transition: transform .35s var(--ease);
  will-change: transform;
}
.exchange-item:hover { transform: translateX(12px); }
.exchange-item::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--brand-g1) 60%, transparent), color-mix(in oklab, var(--brand-g2) 60%, transparent), transparent);
  background-size: 200% 100%;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; transition: opacity .3s ease;
}
.exchange-item:hover::before {
  opacity: 1;
  animation: borderFlow 3s linear infinite;
}
@keyframes borderFlow { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* Logo flourish */
.exchange-logo {
  position: relative; overflow: hidden;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
  will-change: transform;
}
.exchange-item:hover .exchange-logo {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(0,0,0,.2);
}
.exchange-logo::after {
  content:"";
  position: absolute; top:-50%; left:-50%;
  width:200%; height:200%;
  background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,.3) 50%, transparent 70%);
  transform: translateX(-100%);
  transition: transform .6s ease;
}
.exchange-item:hover .exchange-logo::after { transform: translateX(100%); }

/* Popular badge */
.exchange-item.popular-badge::after {
  content: 'POPULAR';
  position: absolute; top: -10px; right: 20px;
  padding: 6px 16px; border-radius: 20px;
  font: 700 11px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: smoothFloat 3s ease-in-out infinite;
  z-index: 1;
}
@keyframes smoothFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

/* ==============================================
   FAQ ACCORDION — ENHANCED UNIVERSAL SUPPORT
   Supports: Elementor Classic, Elementor Nested, JetEngine Dynamic
   Wrapper classes: crypto-faq on the container
   ============================================== */

.crypto-faq { 
  counter-reset: faq; 
  position: relative; 
}

/* ============== ELEMENTOR CLASSIC ACCORDION ============== */
/* Item structure: .faq-item.elementor-accordion-item */
.crypto-faq .faq-item {
  counter-increment: faq;
  display: flex; flex-direction: column; align-items: stretch;
  position: relative; overflow: hidden;
  margin-bottom: 20px;
  background: #fff; border-radius: var(--radius-lg);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
  will-change: transform;
}

/* Ghost number */
.crypto-faq .faq-item::before {
  content: counter(faq, decimal-leading-zero);
  position: absolute; left: -60px; top: 50%;
  transform: translateY(-50%);
  font-size: 80px; font-weight: 900; line-height: 1;
  opacity: .08; transition: transform .4s ease, opacity .4s ease;
  pointer-events: none; z-index: 0;
}
.crypto-faq .faq-item:hover::before {
  opacity: .15; transform: translateY(-50%) translateX(10px);
}

/* Active accent bar */
.crypto-faq .faq-item::after {
  content:"";
  position: absolute; left: 0; top: 0;
  width: 4px; height: 0;
  background: linear-gradient(180deg, var(--brand-g1), var(--brand-g2));
  transition: height .3s ease; border-radius: 2px;
}
.crypto-faq .faq-item.elementor-active::after { height: 100%; }

/* Title button */
.crypto-faq .elementor-tab-title {
  width: 100%;
  display: flex; align-items: flex-start; gap: 12px;
  background: transparent; border: 0; text-align: left;
  padding: 20px 24px;
  font-size: 18px; font-weight: 700;
  cursor: pointer; position: relative; z-index: 1;
  white-space: normal !important;
}

/* Plus icon */
.crypto-faq .elementor-accordion-icon {
  width: 16px; height: 16px; flex: 0 0 16px;
  color: var(--text-strong);
  position: relative; display: inline-block;
  transition: transform .4s var(--ease);
  margin-top: 2px;
}
.crypto-faq .elementor-accordion-icon::before,
.crypto-faq .elementor-accordion-icon::after {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 100%; height: 2px; background: currentColor; transform: translateY(-50%);
}
.crypto-faq .elementor-accordion-icon::after { transform: translateY(-50%) rotate(90deg); }
.crypto-faq .faq-item.elementor-active .elementor-accordion-icon { transform: rotate(180deg); }

/* Question text */
.crypto-faq .faq-q {
  color: var(--text-strong);
  flex: 1 1 auto; min-width: 0;
  transition: color .25s ease;
  overflow-wrap: anywhere; word-break: break-word;
}
.crypto-faq .elementor-tab-title:hover .faq-q,
.crypto-faq .faq-item.elementor-active .faq-q { color: var(--brand-g2); }

/* Content */
.crypto-faq .elementor-tab-content {
  display: none; padding: 0 24px 20px 24px; width: 100%; float: none;
  animation: smoothReveal .5s ease-out;
}
.crypto-faq .faq-item.elementor-active .elementor-tab-content { display: block; }

/* ============== ELEMENTOR NESTED ACCORDION ============== */
/* Modern details/summary-based accordion */
.crypto-faq .e-n-accordion-item {
  counter-increment: faq;
  display: block;
  position: relative; overflow: hidden;
  margin-bottom: 20px;
  background: #fff; border-radius: var(--radius-lg);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
  will-change: transform;
}

/* Remove default details styles */
.crypto-faq .e-n-accordion-item summary {
  list-style: none;
}
.crypto-faq .e-n-accordion-item summary::-webkit-details-marker,
.crypto-faq .e-n-accordion-item summary::marker {
  display: none;
}

/* Ghost number for nested */
.crypto-faq .e-n-accordion-item::before {
  content: counter(faq, decimal-leading-zero);
  position: absolute; left: -60px; top: 50%;
  transform: translateY(-50%);
  font-size: 80px; font-weight: 900; line-height: 1;
  opacity: .08; transition: transform .4s ease, opacity .4s ease;
  pointer-events: none; z-index: 0;
}
.crypto-faq .e-n-accordion-item:hover::before {
  opacity: .15; transform: translateY(-50%) translateX(10px);
}

/* Active accent bar for nested */
.crypto-faq .e-n-accordion-item::after {
  content:"";
  position: absolute; left: 0; top: 0;
  width: 4px; height: 0;
  background: linear-gradient(180deg, var(--brand-g1), var(--brand-g2));
  transition: height .3s ease; border-radius: 2px;
}
.crypto-faq .e-n-accordion-item[open]::after { height: 100%; }

/* Nested title */
.crypto-faq .e-n-accordion-item-title {
  width: 100%;
  display: flex; align-items: flex-start; gap: 12px;
  background: transparent; border: 0; text-align: left;
  padding: 20px 24px;
  font-size: 18px; font-weight: 700;
  cursor: pointer; position: relative; z-index: 1;
  white-space: normal !important;
}

/* Nested icon */
.crypto-faq .e-n-accordion-item-title-icon {
  width: 16px; height: 16px; flex: 0 0 16px;
  color: var(--text-strong);
  position: relative; display: inline-block;
  transition: transform .4s var(--ease);
  margin-top: 2px;
}
.crypto-faq .e-n-accordion-item-title-icon::before,
.crypto-faq .e-n-accordion-item-title-icon::after {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 100%; height: 2px; background: currentColor; transform: translateY(-50%);
}
.crypto-faq .e-n-accordion-item-title-icon::after { transform: translateY(-50%) rotate(90deg); }
.crypto-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon { transform: rotate(180deg); }

/* Nested question text */
.crypto-faq .e-n-accordion-item-title-text {
  color: var(--text-strong);
  flex: 1 1 auto; min-width: 0;
  transition: color .25s ease;
  overflow-wrap: anywhere; word-break: break-word;
}
.crypto-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.crypto-faq .e-n-accordion-item[open] .e-n-accordion-item-title-text { color: var(--brand-g2); }

/* Nested content */
.crypto-faq .e-n-accordion-item-content {
  padding: 0 24px 20px 24px; width: 100%;
  animation: smoothReveal .5s ease-out;
}

/* ============== JETENGINE DYNAMIC FAQ ============== */
/* Structure: .je-faq .faq-item > .faq-title + .faq-content */
.crypto-faq.je-faq .faq-item,
.je-faq.crypto-faq .faq-item {
  counter-increment: faq;
  display: block;
  position: relative; overflow: hidden;
  margin-bottom: 20px;
  background: #fff; border-radius: var(--radius-lg);
  transition: transform .4s var(--ease), box-shadow .4s var(--ease);
  will-change: transform;
}

/* Ghost number for JE */
.crypto-faq.je-faq .faq-item::before,
.je-faq.crypto-faq .faq-item::before {
  content: counter(faq, decimal-leading-zero);
  position: absolute; left: -60px; top: 50%;
  transform: translateY(-50%);
  font-size: 80px; font-weight: 900; line-height: 1;
  opacity: .08; transition: transform .4s ease, opacity .4s ease;
  pointer-events: none; z-index: 0;
}
.crypto-faq.je-faq .faq-item:hover::before,
.je-faq.crypto-faq .faq-item:hover::before {
  opacity: .15; transform: translateY(-50%) translateX(10px);
}

/* Active accent bar for JE */
.crypto-faq.je-faq .faq-item::after,
.je-faq.crypto-faq .faq-item::after {
  content:"";
  position: absolute; left: 0; top: 0;
  width: 4px; height: 0;
  background: linear-gradient(180deg, var(--brand-g1), var(--brand-g2));
  transition: height .3s ease; border-radius: 2px;
}
.crypto-faq.je-faq .faq-item.active::after,
.je-faq.crypto-faq .faq-item.active::after { height: 100%; }

/* JE title */
.crypto-faq.je-faq .faq-title,
.je-faq.crypto-faq .faq-title {
  width: 100%;
  display: flex; align-items: flex-start; gap: 12px;
  background: transparent; border: 0; text-align: left;
  padding: 20px 24px;
  font-size: 18px; font-weight: 700;
  cursor: pointer; position: relative; z-index: 1;
  white-space: normal !important;
}

/* JE icon */
.crypto-faq.je-faq .faq-icon,
.je-faq.crypto-faq .faq-icon {
  width: 16px; height: 16px; flex: 0 0 16px;
  color: var(--text-strong);
  position: relative; display: inline-block;
  transition: transform .4s var(--ease);
  margin-top: 2px;
}
.crypto-faq.je-faq .faq-icon::before,
.crypto-faq.je-faq .faq-icon::after,
.je-faq.crypto-faq .faq-icon::before,
.je-faq.crypto-faq .faq-icon::after {
  content: ""; position: absolute; left: 0; top: 50%;
  width: 100%; height: 2px; background: currentColor; transform: translateY(-50%);
}
.crypto-faq.je-faq .faq-icon::after,
.je-faq.crypto-faq .faq-icon::after { transform: translateY(-50%) rotate(90deg); }
.crypto-faq.je-faq .faq-item.active .faq-icon,
.je-faq.crypto-faq .faq-item.active .faq-icon { transform: rotate(180deg); }

/* JE question text */
.crypto-faq.je-faq .faq-question,
.je-faq.crypto-faq .faq-question {
  color: var(--text-strong);
  flex: 1 1 auto; min-width: 0;
  transition: color .25s ease;
  overflow-wrap: anywhere; word-break: break-word;
}
.crypto-faq.je-faq .faq-title:hover .faq-question,
.crypto-faq.je-faq .faq-item.active .faq-question,
.je-faq.crypto-faq .faq-title:hover .faq-question,
.je-faq.crypto-faq .faq-item.active .faq-question { color: var(--brand-g2); }

/* JE content */
.crypto-faq.je-faq .faq-content,
.je-faq.crypto-faq .faq-content {
  display: none; padding: 0 24px 20px 24px; width: 100%;
  animation: smoothReveal .5s ease-out;
}
.crypto-faq.je-faq .faq-item.active .faq-content,
.je-faq.crypto-faq .faq-item.active .faq-content { display: block; }

/* ============== SHARED STYLES ============== */

.crypto-faq .e-heading { margin: 0; width: 100%; }

/* Reveal animation */
@keyframes smoothReveal {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Hover lift - universal */
.crypto-faq .faq-item:hover,
.crypto-faq .e-n-accordion-item:hover { 
  transform: translateX(5px); 
  box-shadow: var(--shadow-lg); 
}

/* Mobile tweaks */
@media (max-width: 767px) {
  .crypto-faq .faq-item::before,
  .crypto-faq .e-n-accordion-item::before { 
    font-size: 48px; left: -36px; 
  }
  .crypto-faq .elementor-tab-title,
  .crypto-faq .e-n-accordion-item-title,
  .crypto-faq.je-faq .faq-title,
  .je-faq.crypto-faq .faq-title { 
    padding: 16px 18px; font-size: 16px; 
  }
  .crypto-faq .elementor-tab-content,
  .crypto-faq .e-n-accordion-item-content,
  .crypto-faq.je-faq .faq-content,
  .je-faq.crypto-faq .faq-content { 
    padding: 0 18px 16px 18px; 
  }
}

/* Ensure no global styles override */
.crypto-faq .elementor-tab-title,
.crypto-faq .elementor-tab-title:hover,
.crypto-faq .elementor-tab-title:focus,
.crypto-faq .elementor-tab-title:active,
.crypto-faq .e-n-accordion-item-title,
.crypto-faq .e-n-accordion-item-title:hover,
.crypto-faq .e-n-accordion-item-title:focus,
.crypto-faq .e-n-accordion-item-title:active,
.crypto-faq.je-faq .faq-title,
.crypto-faq.je-faq .faq-title:hover,
.crypto-faq.je-faq .faq-title:focus,
.crypto-faq.je-faq .faq-title:active,
.je-faq.crypto-faq .faq-title,
.je-faq.crypto-faq .faq-title:hover,
.je-faq.crypto-faq .faq-title:focus,
.je-faq.crypto-faq .faq-title:active {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* ==============================================
   TABS (nice underline + entrance)
   ============================================== */
.elegant-tabs .elementor-tabs-wrapper {
  position: relative; overflow: hidden;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.elegant-tabs .elementor-tabs-wrapper::after {
  content: "";
  position: absolute; left: var(--tab-indicator-left, 0); bottom: 0;
  width: var(--tab-indicator-width, 0); height: 3px;
  background: linear-gradient(90deg, var(--brand-g1), var(--brand-g2));
  transition: all .3s var(--ease);
  border-radius: 8px;
}
.elegant-tabs .elementor-tab-title { position: relative; transition: all .3s ease; }
.elegant-tabs .elementor-tab-title::before {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 100%; height: 0%;
  background: linear-gradient(180deg, transparent, color-mix(in oklab, var(--brand-g1) 8%, transparent));
  transition: height .3s ease; z-index: -1;
}
.elegant-tabs .elementor-tab-title:hover::before { height: 100%; }
.elegant-tabs .elementor-tab-content { animation: fadeInUp .5s ease-out; }
@keyframes fadeInUp { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }

/* ==============================================
   Utilities
   ============================================== */
*:focus-visible {
  outline: 2px solid color-mix(in oklab, var(--brand-g2) 40%, transparent);
  outline-offset: 2px;
  box-shadow: none;
}
a { transition: color .25s var(--ease), opacity .25s var(--ease), transform .25s var(--ease); }

/* Mobile refinements */
@media (max-width: 768px) {
  .crypto-header { width: calc(100% - 20px); top: 10px; }
  .platform-card { margin-bottom: 20px; }
  .exchange-item:hover { transform: translateX(5px); }
  .platform-title[data-count]::before {
    position: relative; top: auto; right: auto; display: inline-flex; margin-left: 10px;
  }
}

/* Reduced motion: fully respects user preference */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}/* End custom CSS */