/* ============================================
   CRYPTO G — Dark Editorial Design v2
   Corporate: #141414 bg, #f3a200 gold accent
   Modern effects: particles, glow, tilt, shine
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#141414;
  --bg-alt:#1a1a1a;
  --bg-card:#1e1e1e;
  --gold:#f3a200;
  --gold-light:#f3cb00;
  --gold-dark:#a87000;
  --text:#ffffff;
  --text-dim:#999;
  --text-muted:#666;
  --border:#2a2a2a;
  --border-light:#333;
  --font-display:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --font-marquee:'Oswald',sans-serif;
  --font-body:'DM Sans','Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
  --container:1400px;
  --section-pad:clamp(60px,8vw,100px);
}

html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;max-width:100vw}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
ul,ol{list-style:none}
.container{width:min(var(--container),100% - 48px);margin:0 auto}

/* ── Scroll Progress ────────────────────── */
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:999;width:0;transition:width .1s linear}

/* ── Typography ─────────────────────────── */
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}
h1{font-size:clamp(3rem,8vw,7rem)}
h2{font-size:clamp(2.2rem,5vw,4rem)}
h3{font-size:clamp(1.5rem,3vw,2.2rem)}
.section-num{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);letter-spacing:.2em;display:block;margin-bottom:12px}
.gold{color:var(--gold)}
.line-gold{width:60px;height:2px;background:var(--gold);display:block;margin:20px 0}

/* ── Buttons ────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;transition:all .3s;border:1px solid transparent;position:relative;overflow:hidden}
.btn-gold{background:var(--gold);color:#000;border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 30px rgba(243,162,0,.3)}
.btn-outline{background:transparent;color:var(--text);border-color:var(--border-light)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-sm{padding:10px 20px;font-size:.9rem}
.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}

/* Button shine effect */
.btn-glow::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:none;animation:btnShine 3s ease-in-out infinite}
@keyframes btnShine{0%,100%{left:-100%}50%{left:150%}}

/* ── Header ─────────────────────────────── */
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:padding .4s,background .4s,border-color .4s,backdrop-filter .4s}
.header.scrolled{background:rgba(20,20,20,.95);backdrop-filter:blur(12px);padding:12px 0;border-bottom:1px solid var(--border)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.15em;text-transform:uppercase}
.logo img{height:32px;width:auto}
.logo span{color:var(--gold)}
.nav{display:flex;gap:32px}
.nav-link{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:color .3s;position:relative}
.nav-link:hover{color:var(--gold)}
.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}
.nav-link:hover::after{width:100%}
.burger{display:flex;flex-direction:column;gap:6px;width:44px;height:44px;padding:8px;background:none;border:none;cursor:pointer;position:relative;z-index:101;justify-content:center;align-items:center;flex-shrink:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.burger span{display:block;height:2.5px;width:26px;background:var(--gold);transition:all .3s;border-radius:2px}
.lang-toggle--header{display:none}

/* Burger animation */
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile nav */
.mobile-nav{position:fixed;inset:0;background:rgba(20,20,20,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;pointer-events:none;transition:opacity .35s ease;padding:80px 24px 40px}
.mobile-nav.active{opacity:1;pointer-events:all}
.mobile-nav-close{position:absolute;top:20px;right:20px;font-size:2.2rem;color:var(--text-dim);cursor:pointer;transition:color .3s;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mobile-nav-close:hover{color:var(--gold)}
.mobile-nav-link{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);transition:color .3s,transform .3s;padding:6px 0;position:relative}
.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--gold);transform:translateX(4px)}
.mobile-nav-link--ai{color:var(--gold) !important}
.mobile-nav-link--ai::before{content:'';position:absolute;inset:-4px -12px;border:1px solid rgba(243,162,0,.3);border-radius:4px;pointer-events:none}

/* ── Hero ───────────────────────────────── */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}

.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none}

.hero-3d-coin{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:100%;z-index:0;pointer-events:none;opacity:.7}
.hero-3d-coin canvas{width:100%!important;height:100%!important}

.hero-glow{position:absolute;right:10%;top:30%;width:400px;height:400px;background:radial-gradient(circle,rgba(243,162,0,.08) 0%,transparent 70%);z-index:0;pointer-events:none;animation:glowPulse 4s ease-in-out infinite alternate}
@keyframes glowPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:1;transform:scale(1.2)}}

.hero-z{position:relative;z-index:2}

.hero-content{text-align:center;max-width:800px;margin:0 auto}
.hero-eyebrow{font-family:var(--font-mono);font-size:.8rem;color:var(--gold);letter-spacing:.2em;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeInUp .8s ease .2s both}
.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:40px;height:1px;background:var(--gold)}
.hero h1{margin-bottom:24px;animation:fadeInUp .8s ease .4s both}
.hero h1 .gold{display:inline}
.hero-subtitle{color:var(--text-dim);font-size:1.05rem;line-height:1.7;max-width:600px;margin:0 auto 40px;animation:fadeInUp .8s ease .8s both}
.hero-questions{margin-bottom:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;animation:fadeInUp .8s ease .6s both}
.hero-questions span{font-family:var(--font-mono);font-size:.75rem;padding:6px 14px;border:1px solid var(--border);color:var(--text-muted);letter-spacing:.05em;transition:all .3s}
.hero-questions span:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 15px rgba(243,162,0,.15)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease 1s both}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Sections ───────────────────────────── */
.section{padding:var(--section-pad) 0}
.section-header{margin-bottom:clamp(40px,6vw,80px)}
.section-header h2{margin-bottom:12px}
.section-header p{color:var(--text-dim);max-width:560px;font-size:1rem}

/* ── For Who ────────────────────────────── */
.for-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.for-who-item{background:var(--bg-card);padding:clamp(32px,4vw,56px);border-left:2px solid var(--border);transition:all .4s}
.for-who-item:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.for-who-item .icon{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);letter-spacing:.2em;margin-bottom:20px}
.for-who-item h3{font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:12px}
.for-who-item p{color:var(--text-dim);font-size:.95rem;line-height:1.7}

/* ── Club Features ──────────────────────── */
.club-section{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.club-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px}
.club-feature{padding:32px;background:var(--bg-card);border-left:2px solid var(--border);transition:all .4s}
.club-feature:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.club-feature .cf-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid var(--border-light);background:rgba(243,162,0,.05);border-radius:8px;transition:all .4s}
.club-feature:hover .cf-icon{border-color:var(--gold);background:rgba(243,162,0,.1);box-shadow:0 0 20px rgba(243,162,0,.15)}
.club-feature h4{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.club-feature p{color:var(--text-dim);font-size:.85rem;line-height:1.6}

/* ── Unified Galleries (no crop, centered, equal rows) ── */
.gallery-unified{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}
.gallery-unified .mosaic-item{height:var(--gallery-height,360px);flex:0 0 auto;border-radius:10px;background:none;padding:0;border:1px solid var(--border);overflow:hidden;display:flex;justify-content:center;align-items:center;max-width:100%}
.gallery-unified .mosaic-item img{width:auto;height:100%;max-width:100%;object-fit:contain;display:block}

.gallery-club{--gallery-height:clamp(250px, 40vh, 380px)}
.gallery-pnl{--gallery-height:clamp(280px, 45vh, 420px);max-width:1240px;margin:32px auto 0;padding:0 20px}
.gallery-reviews{--gallery-height:clamp(250px, 40vh, 380px)}

@media (max-width: 768px) {
  .gallery-unified {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding: 0 12px 8px;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 20px;
    scrollbar-width: none;
  }
  .gallery-unified::-webkit-scrollbar { display: none; }
  .gallery-unified .mosaic-item {
    flex: 0 0 82vw;
    min-width: 82vw;
    max-width: 82vw;
    height: auto;
    scroll-snap-align: center;
    border-radius: 12px;
    border: none;
    background: none;
    overflow: hidden;
    display: block;
    padding: 0;
    line-height: 0;
    font-size: 0;
  }
  .gallery-unified .mosaic-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    object-fit: contain;
  }
  /* PnL — tall phone screenshots, 2 visible */
  .gallery-pnl { padding: 0; max-width: 100%; }
  .gallery-pnl .mosaic-item { flex: 0 0 45vw; min-width: 45vw; max-width: 45vw; }
  /* Reviews — tall phone screenshots */
  .gallery-reviews .mosaic-item { flex: 0 0 55vw; min-width: 55vw; max-width: 55vw; }
}
/* Carousel dots */
.carousel-dots{
  display:none;
  justify-content:center;
  gap:8px;
  padding:16px 0 4px;
}
.carousel-dots .dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:none;padding:0;cursor:pointer;
  transition:all .3s;
}
.carousel-dots .dot.active{
  background:var(--gold);
  box-shadow:0 0 8px rgba(243,162,0,.4);
  transform:scale(1.3);
}
@media(max-width:768px){
  .carousel-dots{display:flex}
}

/* ── Pricing ────────────────────────────── */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;perspective:1000px}
.pricing-card{background:var(--bg-card);padding:clamp(32px,4vw,48px);position:relative;display:flex;flex-direction:column;border-top:3px solid var(--border);transition:border-color .4s,box-shadow .4s;transform-style:preserve-3d;will-change:transform}
.pricing-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.4)}
.pricing-card.visible{transition:border-color .4s,box-shadow .4s !important;transition-delay:0s !important}

/* Featured VIP card */
.pricing-card.featured{border-top-color:var(--gold);box-shadow:0 0 40px rgba(243,162,0,.1),0 0 80px rgba(243,162,0,.05);overflow:hidden}
.pricing-card.featured .pricing-name{color:var(--gold)}

/* Animated glow behind featured card */
.pricing-glow{position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(243,162,0,.15),transparent 40%,transparent 60%,rgba(243,162,0,.1));z-index:0;pointer-events:none;opacity:0;transition:opacity .5s}
.pricing-card.featured:hover .pricing-glow{opacity:1}

.pricing-card > *{position:relative;z-index:1}

.pricing-badge{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(243,162,0,.4)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(243,162,0,0)}}
.pricing-badge.closed{color:var(--text-muted)}
.pricing-badge.closed .badge-dot{background:var(--text-muted);animation:none}

.pricing-label{position:absolute;top:28px;right:-32px;background:var(--gold);color:#000;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 42px;transform:rotate(45deg);z-index:2;white-space:nowrap;text-align:center}

.pricing-name{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.pricing-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:24px}
.pricing-price{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:.04em;margin-bottom:4px;display:flex;align-items:baseline;gap:4px}
.pricing-price .currency{font-size:.5em;color:var(--text-muted)}
.pricing-price .old-price{font-size:.45em;color:var(--text-muted);text-decoration:line-through;margin-left:12px}
.pricing-note{color:var(--gold-dark);font-size:.85rem;margin-bottom:24px}
.pricing-features{flex:1;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}
.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text-dim);transition:color .3s}
.pricing-card:hover .pricing-feature{color:var(--text)}
.pricing-feature .check{color:var(--gold);font-size:.75rem;margin-top:4px;flex-shrink:0}
.pricing-card .btn{width:100%}
.pricing-closed{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:14px;border:1px solid var(--border)}

/* ── PnL Results ────────────────────────── */
.pnl-section{border-top:1px solid var(--border)}
#results .section-header{margin-bottom:24px}
#reviews .section-header{margin-bottom:24px}

/* ── Shared image card ───────────────────── */
.mosaic-item{border:1px solid var(--border);overflow:hidden;cursor:pointer;background:var(--bg-card);transition:border-color .35s,box-shadow .35s,transform .35s;position:relative}
.mosaic-item:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.5);transform:translateY(-2px)}
.mosaic-item img{transition:transform .4s ease}
.mosaic-item:hover img{transform:scale(1.04)}

/* ── Stats Counter ──────────────────────── */
.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.stat-card{background:var(--bg-card);padding:clamp(32px,4vw,48px) 24px;text-align:center;position:relative;overflow:hidden;transition:all .4s}
.stat-card:hover{background:#222}
.stat-card::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gold);transition:all .5s;transform:translateX(-50%)}
.stat-card:hover::after{width:60%}
.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);color:var(--gold);letter-spacing:.04em;margin-bottom:4px}
.stat-number .stat-suffix{font-size:.6em;color:var(--gold-dark)}
.stat-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}

/* ── FAQ ────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:2px;counter-reset:faq}
.faq-item{background:var(--bg-card);border-left:3px solid var(--border);transition:all .3s;position:relative;counter-increment:faq}
.faq-item.active{border-color:var(--gold);background:rgba(243,162,0,.03)}
.faq-item:hover{border-color:var(--gold-dark)}
.faq-question{width:100%;text-align:left;padding:22px 28px;font-size:1.05rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-question::before{content:counter(faq,decimal-leading-zero);font-family:var(--font-mono);font-size:.75rem;color:var(--gold-dark);margin-right:12px;letter-spacing:.1em;flex-shrink:0}
.faq-icon{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-muted);transition:all .3s}
.faq-item.active .faq-icon{color:var(--gold);transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-answer-inner{padding:0 28px 22px 68px;color:var(--text-dim);line-height:1.7;font-size:.95rem}

/* ── Disclaimer ─────────────────────────── */
.disclaimer{padding:40px 0;border-top:1px solid var(--border)}
.disclaimer p{font-size:.8rem;color:var(--text-muted);max-width:700px;line-height:1.6}
.disclaimer strong{color:var(--gold)}

/* ── CTA ────────────────────────────────── */
.cta-section{padding:var(--section-pad) 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(243,162,0,.06) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.cta-section h2{margin-bottom:16px}
.cta-section p{color:var(--text-dim);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}

/* ── Footer ─────────────────────────────── */
.footer{border-top:1px solid var(--border);padding:40px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:.8rem;color:var(--text-muted)}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:.8rem;color:var(--text-muted);transition:color .3s}
.footer-links a:hover{color:var(--gold)}

/* ── Lightbox ───────────────────────────── */
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s;cursor:pointer}
.lightbox.active{opacity:1;pointer-events:all}
.lightbox-close{position:absolute;top:12px;right:12px;font-size:2.5rem;color:#fff;cursor:pointer;z-index:1;transition:color .3s;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%;-webkit-tap-highlight-color:transparent}
.lightbox-close:hover{color:var(--gold);background:rgba(255,255,255,.2)}
.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;cursor:default;border-radius:8px}

/* ── Reveal Animations ──────────────────── */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.12s}
.reveal-d2{transition-delay:.24s}
.reveal-d3{transition-delay:.36s}
.reveal-d4{transition-delay:.48s}
.reveal-d5{transition-delay:.60s}

/* ── Shimmer on gold text ───────────────── */
.gold-shimmer{background:linear-gradient(120deg,var(--gold) 0%,var(--gold-light) 30%,#fff 50%,var(--gold-light) 70%,var(--gold) 100%);background-size:250% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ── Glow border on hover ───────────────── */
.glow-border{position:relative}
.glow-border::before{content:'';position:absolute;inset:-1px;border:1px solid transparent;background:linear-gradient(135deg,rgba(243,162,0,.3),transparent,rgba(243,162,0,.1)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s}
.glow-border:hover::before{opacity:1}

/* ── Float Animation ────────────────────── */
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.float-anim{animation:floatUp 3s ease-in-out infinite}

/* ── Section divider glow ───────────────── */
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.3;margin:0 auto}

/* ── Stagger children reveal ────────────── */
.stagger-children.visible > *{opacity:1;transform:translateY(0)}
.stagger-children > *{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.stagger-children.visible > *:nth-child(1){transition-delay:.05s}
.stagger-children.visible > *:nth-child(2){transition-delay:.1s}
.stagger-children.visible > *:nth-child(3){transition-delay:.15s}
.stagger-children.visible > *:nth-child(4){transition-delay:.2s}
.stagger-children.visible > *:nth-child(5){transition-delay:.25s}
.stagger-children.visible > *:nth-child(6){transition-delay:.3s}
.stagger-children.visible > *:nth-child(7){transition-delay:.35s}
.stagger-children.visible > *:nth-child(8){transition-delay:.4s}
.stagger-children.visible > *:nth-child(9){transition-delay:.45s}

/* ── Typewriter cursor for eyebrow ──────── */
.typewriter-cursor::after{content:'|';color:var(--gold);animation:blink 1s step-end infinite;margin-left:4px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ── Scale-in reveal ────────────────────── */
.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s ease,transform .7s ease}
.reveal-scale.visible{opacity:1;transform:scale(1)}

/* ── Slide-in from left/right ───────────── */
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}
.reveal-right.visible{opacity:1;transform:translateX(0)}

/* ── Gold underline grow on reveal ──────── */
.gold-underline{position:relative;display:inline-block}
.gold-underline::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--gold);transition:width .8s cubic-bezier(.23,1,.32,1)}
.gold-underline.visible::after{width:100%}

/* ── Glossary ───────────────────────────── */
.glossary-search{width:100%;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:1rem;font-family:var(--font-body);margin-bottom:32px;transition:border-color .3s}
.glossary-search:focus{outline:none;border-color:var(--gold)}
.glossary-search::placeholder{color:var(--text-muted)}
.glossary-columns{columns:2;column-gap:40px}
.glossary-letter-group{break-inside:avoid;margin-bottom:24px}
.glossary-letter{font-family:var(--font-display);font-size:2rem;color:var(--gold);letter-spacing:.1em;margin-bottom:8px}
.glossary-item{padding:8px 0;border-bottom:1px solid var(--border)}
.glossary-term{font-weight:600;font-size:.95rem;margin-bottom:2px}
.glossary-def{color:var(--text-dim);font-size:.85rem;line-height:1.5}
.glossary-item.hidden{display:none}
.glossary-letter-group.hidden{display:none}



/* ============================================
   ACADEMY PAGE
   ============================================ */
.course-hero{padding:160px 0 80px;text-align:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.course-hero::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(243,162,0,.05) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.course-hero h1{margin-bottom:16px}
.course-hero .badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#000;background:var(--gold);padding:4px 12px;margin-bottom:20px}
.course-hero p{color:var(--text-dim);max-width:600px;margin:0 auto}
.course-stats{display:flex;justify-content:center;gap:48px;margin-top:32px}
.course-stat .val{font-family:var(--font-display);font-size:2.5rem;letter-spacing:.05em;color:var(--gold)}
.course-stat .lbl{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}

.academy-modules{padding:var(--section-pad) 0}
.modules-container{display:flex;flex-direction:column;gap:2px;max-width:900px;margin:0 auto}
.module-block{background:var(--bg-card)}
.module-header{width:100%;text-align:left;padding:20px 24px;display:flex;align-items:center;gap:16px;transition:background .3s}
.module-header:hover{background:#222}
.module-number{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);letter-spacing:.15em;min-width:80px}
.module-title{flex:1;font-size:1rem;font-weight:500}
.module-count{font-size:.8rem;color:var(--text-muted);margin-right:12px}
.module-toggle{color:var(--text-muted);transition:transform .3s;font-size:.8rem}
.module-block.active .module-toggle{transform:rotate(180deg)}
.module-lessons{max-height:0;overflow:hidden;transition:max-height .4s ease}
.module-lessons-inner{padding:0 0 8px}
.lesson-item{display:flex;align-items:center;gap:12px;padding:12px 24px 12px 48px;cursor:pointer;transition:all .2s;border-left:2px solid transparent;margin-left:24px}
.lesson-item:hover{background:#222;border-color:var(--gold);transform:translateX(4px)}
.lesson-num{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:30px}
.lesson-title{flex:1;font-size:.9rem;color:var(--text-dim)}
.lesson-item:hover .lesson-title{color:var(--text)}
.lesson-arrow{color:var(--text-muted);font-size:.8rem;transition:color .3s}
.lesson-item:hover .lesson-arrow{color:var(--gold)}

/* Lesson Viewer overlay */
.lesson-viewer{position:fixed;inset:0;z-index:250;background:var(--bg);overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s}
.lesson-viewer.active{opacity:1;pointer-events:all}
.lesson-viewer-bar{position:sticky;top:0;background:rgba(20,20,20,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}
.lesson-viewer-bar .back-btn{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s}
.lesson-viewer-bar .back-btn:hover{color:var(--gold)}
.lesson-viewer-bar h3{font-family:var(--font-body);font-size:.95rem;font-weight:500;text-transform:none;letter-spacing:0;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lesson-nav{display:flex;gap:8px}
.lesson-nav button{padding:8px 16px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:transparent;color:var(--text-dim);transition:all .3s}
.lesson-nav button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.lesson-nav button:disabled{opacity:.3}
.lesson-viewer-content{max-width:800px;margin:0 auto;padding:48px 24px 80px}
.lesson-viewer-content h1,.lesson-viewer-content h2,.lesson-viewer-content h3,.lesson-viewer-content h4{font-family:var(--font-body);text-transform:none;letter-spacing:0;line-height:1.3;margin:32px 0 16px;font-weight:600}
.lesson-viewer-content h1{font-size:1.8rem}
.lesson-viewer-content h2{font-size:1.5rem}
.lesson-viewer-content h3{font-size:1.25rem}
.lesson-viewer-content p{margin-bottom:16px;line-height:1.8;color:var(--text-dim)}
.lesson-viewer-content img{margin:24px 0;border:1px solid var(--border)}
.lesson-viewer-content ul,.lesson-viewer-content ol{margin:16px 0;padding-left:24px;color:var(--text-dim)}
.lesson-viewer-content li{margin-bottom:8px;line-height:1.7}
.lesson-viewer-content ul{list-style:disc}
.lesson-viewer-content ol{list-style:decimal}
.lesson-viewer-content blockquote{border-left:2px solid var(--gold);padding:16px 24px;margin:24px 0;background:var(--bg-card);color:var(--text-dim);font-style:italic}
.lesson-viewer-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.lesson-viewer-content strong{color:var(--text);font-weight:600}
.lesson-viewer-content em{font-style:italic}
.lesson-viewer-content table{width:100%;border-collapse:collapse;margin:20px 0}
.lesson-viewer-content th,.lesson-viewer-content td{padding:10px 14px;border:1px solid var(--border);font-size:.9rem;text-align:left}
.lesson-viewer-content th{background:var(--bg-card);font-weight:600;color:var(--text)}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px){
  .hero-content{text-align:center}
  .hero-glow{right:5%}
  .for-who-grid{grid-template-columns:1fr;gap:12px}
  #pricing .container{position:relative}
  #pricing .container::after{content:'';position:absolute;right:0;top:120px;bottom:60px;width:36px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;z-index:2}
  .pricing-grid{grid-template-columns:1fr;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;display:flex;gap:16px;padding:0 16px 16px;margin:0 -12px;scrollbar-width:none}
  .pricing-grid::-webkit-scrollbar{display:none}
  .pricing-card{flex:0 0 82vw;max-width:82vw;scroll-snap-align:start;border-radius:16px;border-top:3px solid var(--border)}
  .pricing-card.featured{border-top-color:var(--gold)}
  .glossary-columns{columns:1}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-label{display:none}
  .nav{gap:20px}
  .nav-link{font-size:.78rem}
}
@media(min-width:769px){
  .burger{display:none}
}
@media(max-width:768px){
  .nav{display:none}
  .lang-toggle--header{display:inline-flex}
  h1{font-size:clamp(2rem,7vw,3.2rem)}
  h2{font-size:clamp(1.6rem,5vw,2.2rem)}
  .hero{min-height:auto;padding:120px 0 50px}
  .hero-glow{width:200px;height:200px;right:5%;top:20%}
  .hero-3d-coin{width:100%;opacity:.3;right:0;top:40%}
  .hero-eyebrow{font-size:.7rem;letter-spacing:.15em}
  .hero-subtitle{font-size:.95rem;margin:0 auto 28px}
  .hero-questions{gap:6px;margin-bottom:24px}
  .hero-questions span{font-size:.68rem;padding:5px 10px}
  .hero-actions{gap:12px;flex-direction:column;align-items:stretch}
  .section-header{margin-bottom:clamp(28px,5vw,48px)}
  .section-header p{font-size:.9rem}
  .section-num{font-size:.65rem !important}
  .for-who-item{padding:24px;border-radius:12px;border-left:none;border-top:2px solid var(--border)}
  .for-who-item h3{font-size:1.1rem}
  .for-who-item p{font-size:.88rem}
  .club-feature{padding:24px;border-radius:12px;border-left:none;border-top:2px solid var(--border)}
  .club-feature h4{font-size:1rem}
  .club-grid{gap:12px}
  .pricing-card{padding:32px 24px;border-radius:16px}
  .pricing-name{font-size:clamp(1.5rem,4vw,2rem)}
  .pricing-price{font-size:clamp(2.2rem,7vw,3rem)}
  .pricing-features{gap:10px}
  .pricing-feature{font-size:.85rem}
  .stat-card{padding:24px 16px;border-radius:12px}
  .stat-number{font-size:clamp(2rem,5vw,2.8rem)}
  .stat-label{font-size:.65rem}
  .faq-question{padding:16px 20px;font-size:.95rem;border-radius:12px}
  .faq-answer-inner{padding:0 20px 16px 48px;font-size:.88rem}
  .faq-item{border-radius:12px;overflow:hidden}
  .course-stats{gap:24px}
  .footer-inner{flex-direction:column;gap:16px;text-align:center}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  /* Market */
  .market-ticker{padding:8px 0;margin-bottom:32px}
  .ticker-item{font-size:.72rem}
  .m-card{border-radius:16px}
  .m-card-inner{padding:20px}
  .m-price{font-size:clamp(1.6rem,5vw,2.4rem)}
  .m-sparkline{height:60px}
  .m-card-label{font-size:.65rem;margin-bottom:12px}
  .fng-gauge{max-width:160px}
  .fng-label{font-size:.65rem}
  .m-stat-value{font-size:clamp(1.3rem,4vw,1.8rem)}
  .market-update-badge{font-size:.6rem;margin-top:20px}
  /* CTA */
  .cta-section p{font-size:.9rem}
  /* Academy page */
  .course-hero{padding:120px 0 60px}
  .course-hero p{font-size:.9rem}
  .module-header{padding:16px 20px}
  .lesson-item{padding:10px 20px 10px 36px;margin-left:16px}
  .lesson-viewer-bar{padding:10px 16px}
  .lesson-viewer-bar h3{font-size:.85rem}
  .lesson-viewer-content{padding:32px 16px 60px}
  .lesson-nav button{padding:6px 12px;font-size:.7rem}
}
@media(max-width:480px){
  :root{--section-pad:36px}
  .container{width:calc(100% - 24px)}
  h1{font-size:clamp(1.8rem,6vw,2.6rem)}
  h2{font-size:clamp(1.4rem,5vw,1.9rem)}
  .hero{padding:100px 0 40px}
  .hero-eyebrow{font-size:.65rem}
  .hero-eyebrow::before,.hero-eyebrow::after{width:24px}
  .hero-subtitle{font-size:.88rem;line-height:1.6}
  .btn{padding:12px 20px;font-size:.95rem}
  .course-stats{flex-wrap:wrap}
  .stats-grid{grid-template-columns:1fr}
  .marquee-tilted{transform:rotate(-2deg) scale(1.05)}
  .marquee-tilted .marquee-item-t{font-size:.75rem}
  .for-who-item{padding:20px 16px}
  .club-feature{padding:20px 16px}
  .pricing-card{padding:28px 20px;flex:0 0 85vw;max-width:85vw}
  .pricing-price{font-size:clamp(2rem,8vw,2.8rem)}
  .faq-question{padding:14px 16px;font-size:.88rem}
  .faq-question::before{font-size:.68rem;margin-right:8px}
  .faq-answer-inner{padding:0 16px 14px 40px;font-size:.83rem}
  .disclaimer p{font-size:.75rem}
  /* Mobile nav smaller text */
  .mobile-nav-link{font-size:1.5rem}
  .mobile-nav{gap:20px}
  /* Market */
  .m-card-inner{padding:16px}
  .m-card-head{margin-bottom:12px}
  .m-coin-badge{width:36px;height:36px;border-radius:10px}
  .m-coin-symbol{font-size:1.1rem}
  .m-price{font-size:clamp(1.4rem,5vw,2rem)}
  .m-change{font-size:.78rem}
  .fng-gauge{max-width:140px}
  .m-dom-ring{width:80px}
  .dom-value{font-size:1.3rem}
}

/* ── Scrollbar ──────────────────────────── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border-light)}
::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}

/* ── Animated Orb Ring (hero) ───────────── */
@keyframes orbSpin{to{transform:rotate(360deg)}}
@media(max-width:768px){.hero-3d-coin{width:100%;opacity:.4}}

/* ── Tilted Marquee ─────────────────────── */
.marquee-tilted-wrap{position:relative;overflow:visible;padding:0;margin:-24px 0 -24px;z-index:10;pointer-events:none}
.marquee-tilted{background:var(--gold);padding:14px 0;transform:rotate(-2deg);white-space:nowrap;overflow:hidden;box-shadow:0 4px 30px rgba(243,162,0,.3),0 0 60px rgba(243,162,0,.15);pointer-events:auto;margin:0 -60px}
.marquee-tilted .marquee-track-t{display:flex;gap:48px;animation:marqueeScroll 40s linear infinite;width:max-content;padding:0 24px}
.marquee-tilted .marquee-item-t{font-family:var(--font-marquee);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:#000;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:16px}
.marquee-tilted .marquee-item-t .dot-t{width:8px;height:8px;background:#000;display:inline-block;transform:rotate(45deg)}

/* ── Film Grain Noise Overlay ───────────── */
.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}



/* ── Hero Text Scramble Styles ──────────── */
.scramble-char{display:inline-block;transition:opacity .1s}
.scramble-char.decoding{color:var(--gold);opacity:.6}

/* ── Gradient Mesh Bg on Sections ───────── */
.section-mesh{position:relative}
.section-mesh::before{content:'';position:absolute;top:0;right:0;width:50%;height:50%;background:radial-gradient(ellipse at 80% 20%,rgba(243,162,0,.03) 0%,transparent 70%);pointer-events:none;z-index:0}
.section-mesh > .container{position:relative;z-index:1}

/* ── Animated border on for-who cards ───── */
.for-who-item{position:relative;overflow:hidden}

/* ── Glitch text effect for hero eyebrow ── */
@keyframes glitch1{0%,100%{clip-path:inset(0 0 95% 0)}10%{clip-path:inset(40% 0 30% 0)}20%{clip-path:inset(70% 0 10% 0)}30%{clip-path:inset(10% 0 60% 0)}40%{clip-path:inset(80% 0 5% 0)}50%{clip-path:inset(20% 0 50% 0)}}
.hero-eyebrow{position:relative}

/* ── Breathing glow on stat numbers ─────── */
.stat-number{animation:breatheGlow 3s ease-in-out infinite alternate}
@keyframes breatheGlow{0%{text-shadow:0 0 10px rgba(243,162,0,.1)}100%{text-shadow:0 0 30px rgba(243,162,0,.3)}}

/* ── Animated underline for nav hover ───── */
.nav-link::after{transition:width .3s cubic-bezier(.23,1,.32,1)}

/* ── Section Header Gold Dot ────────────── */
.section-num{position:relative;display:inline-flex;align-items:center;gap:8px}
.section-num::before{content:'';width:8px;height:8px;background:var(--gold);display:inline-block;animation:pulse 2s infinite}

/* ── Pricing Card Hover Light Sweep ─────── */
.pricing-card{overflow:hidden}
.pricing-card .sweep-light{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,162,0,.04),transparent);pointer-events:none;transition:left .8s ease;z-index:0}
.pricing-card:hover .sweep-light{left:150%}

/* ── Club Feature Hover Glow ────────────── */
.club-feature{position:relative;overflow:hidden}
.club-feature::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gold);transform:translateX(-50%);transition:width .4s;pointer-events:none}
.club-feature:hover::after{width:60%}

/* ── FAQ item number glow ───────────────── */
.faq-item.active .faq-question::before{text-shadow:0 0 12px rgba(243,162,0,.5)}

/* ── Gold line animation on hero ────────── */
.hero::after{animation:heroLineGlow 3s ease-in-out infinite alternate}
@keyframes heroLineGlow{0%{opacity:.2}100%{opacity:.6}}

/* ── Language Toggle ────────────────────── */
.lang-toggle{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--border-light);color:var(--gold);cursor:pointer;transition:all .3s;background:transparent;margin-left:16px}
.lang-toggle:hover{border-color:var(--gold);background:rgba(243,162,0,.08);box-shadow:0 0 12px rgba(243,162,0,.15)}
.lang-toggle--header{display:none}
.lang-toggle-mobile{margin-left:0;margin-top:8px;font-size:.9rem;padding:8px 20px}

/* ── Text Scramble on Section Numbers ───── */
.section-num{transition:letter-spacing .3s}
.section-num:hover{letter-spacing:.3em}

/* ── Gradient Line Accent ───────────────── */
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4;z-index:5}

/* ── Glow Pulse on Gold Buttons ─────────── */
.btn-gold{position:relative}
.btn-gold::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:var(--gold);opacity:0;filter:blur(12px);transition:opacity .4s;z-index:-1}
.btn-gold:hover::before{opacity:.3}

/* ── Interactive Stat Cards ─────────────── */
.stat-card{cursor:default;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(243,162,0,.06),transparent);transition:width .5s,height .5s;transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.stat-card:hover::before{width:300px;height:300px}

/* ── Pricing Card Glow Line ─────────────── */
.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s}
.pricing-card:hover::before{opacity:1}
.pricing-card.featured::before{opacity:.5}

/* ── AI Signals Nav Highlight ───────────── */
.nav-link--ai{color:var(--gold) !important;position:relative}
.nav-link--ai::before{content:'';position:absolute;inset:-4px -10px;border:1px solid rgba(243,162,0,.3);border-radius:4px;pointer-events:none}
.nav-link--ai::after{background:var(--gold) !important;width:100% !important}
.nav-link--active{text-shadow:0 0 8px rgba(243,162,0,.4)}
.mobile-nav-link--ai{color:var(--gold) !important}

/* ── Live Market Section ────────────────── */
.market-section{border-top:1px solid var(--border);background:var(--bg);overflow:hidden;position:relative}

/* Ticker strip */
.market-ticker{background:rgba(243,162,0,.06);border-bottom:1px solid rgba(243,162,0,.1);overflow:hidden;padding:10px 0;margin-bottom:48px}
.market-ticker-track{display:flex;gap:60px;animation:tickerScroll 30s linear infinite;width:max-content}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}
.ticker-icon{color:var(--gold);font-size:1rem}
.ticker-price{color:var(--text);font-weight:600}
.ticker-chg{font-size:.75rem}
.ticker-chg.up{color:#16c784}
.ticker-chg.down{color:#ea3943}

/* Bento grid */
.market-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:40px}

/* Cards base */
.m-card{position:relative;border-radius:16px;overflow:hidden;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}
.m-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.m-card-inner{position:relative;padding:clamp(20px,2.5vw,32px);height:100%;display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1}
.m-card-glow{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(243,162,0,.06) 0%,transparent 60%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:0}
.m-card:hover .m-card-glow{opacity:1}

/* Card sizes */
.m-card--btc{grid-column:span 5;grid-row:span 2}
.m-card--eth{grid-column:span 4;grid-row:span 2}
.m-card--fng{grid-column:span 3;grid-row:span 2}
.m-card--dom{grid-column:span 4}
.m-card--stat{grid-column:span 4}
.m-card--stat:last-child{grid-column:span 4}

/* Coin header */
.m-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.m-coin-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f3a200 0%,#b37400 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.m-coin-badge--eth{background:linear-gradient(135deg,#627eea 0%,#3b5998 100%);display:flex;align-items:center;justify-content:center}
.m-eth-diamond{display:block}
.m-coin-symbol{font-size:1.3rem;color:#fff;font-weight:700}
.m-coin-name{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text)}
.m-coin-ticker{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.08em}
.m-live-dot{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;color:var(--text-muted);margin-left:auto}
.m-live-dot span{width:6px;height:6px;border-radius:50%;background:#16c784;box-shadow:0 0 8px #16c784;animation:livePulse 2s ease infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}

/* Price + change */
.m-price{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.03em;line-height:1;margin-bottom:6px;transition:color .3s}
.m-change{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.04em;margin-bottom:16px;display:flex;align-items:center;gap:4px}
.m-change.up{color:#16c784}
.m-change.down{color:#ea3943}
.m-arrow{font-size:.7rem}
.m-change.down .m-arrow{display:inline-block;transform:rotate(180deg)}
.m-price-flash{animation:priceFlash .6s ease}
@keyframes priceFlash{0%{opacity:.4;transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}

/* Sparkline */
.m-sparkline{width:100%;height:80px;display:block;margin-top:auto;border-radius:8px}

/* FNG card */
.m-card--fng .m-card-inner{align-items:center;justify-content:center}
.m-card-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}
.fng-gauge{position:relative;width:100%;max-width:200px;text-align:center}
.fng-svg{width:100%;display:block}
.fng-needle{transform:rotate(-90deg);transition:transform 1.5s cubic-bezier(.4,2,.3,1);transform-origin:100px 100px;transform-box:view-box}
.fng-svg-value{transition:all .3s;font-weight:400}
.fng-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-top:8px}

/* Dominance ring */
.m-card--dom .m-card-inner{align-items:center;justify-content:center}
.m-dom-ring{position:relative;width:100px;margin:12px auto 0}
.dom-svg{width:100%;display:block}
.dom-fill{transition:stroke-dashoffset 1.5s cubic-bezier(.4,2,.3,1)}
.dom-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.6rem;color:var(--gold)}

/* Stat cards */
.m-stat-value{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--gold);letter-spacing:.04em;margin-bottom:12px}
.m-stat-bar{width:100%;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:auto}
.m-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd54f);border-radius:2px;width:0;transition:width 1.5s cubic-bezier(.4,2,.3,1)}
.m-stat-bar-fill--vol{background:linear-gradient(90deg,#627eea,#93d900)}

/* Update badge */
.market-update-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;opacity:.6}
.market-update-badge .m-live-dot{margin-left:0}

/* 3D Pricing Card depth */
.pricing-card{transition:border-color .4s,box-shadow .4s,transform .5s cubic-bezier(.23,1,.32,1)}
@media(hover:hover){
  .pricing-card:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateZ(12px);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(243,162,0,.1)}
  .pricing-card:hover .pricing-glow{opacity:1}
}

@media(max-width:1024px){
  .market-bento{grid-template-columns:repeat(6,1fr)}
  .m-card--btc{grid-column:span 3;grid-row:span 2}
  .m-card--eth{grid-column:span 3;grid-row:span 2}
  .m-card--fng{grid-column:span 6;grid-row:span 1}
  .m-card--dom{grid-column:span 2}
  .m-card--stat{grid-column:span 2}
  .m-card--stat:last-child{grid-column:span 2}
}
@media(max-width:640px){
  .market-bento{grid-template-columns:1fr;gap:12px}
  .m-card--btc,.m-card--eth,.m-card--fng,.m-card--dom,.m-card--stat,.m-card--stat:last-child{grid-column:span 1;grid-row:span 1}
  .m-card--btc,.m-card--eth{grid-row:span 1}
  .market-ticker-track{gap:40px}
}

/* ── Signals Page ──────────────────────── */
.sig-hero{padding:140px 0 40px;text-align:center}
.sig-hero h1{font-size:clamp(2.8rem,7vw,5rem);margin-bottom:16px}
.sig-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--gold);margin-bottom:20px;text-transform:uppercase}
.sig-pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block;animation:pulse 2s infinite}
.sig-hero-desc{color:var(--text-dim);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}

.sig-search-section{padding:32px 0 16px}
.sig-search-box{display:flex;gap:8px;max-width:600px;margin:0 auto}
.sig-input{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:1rem;padding:14px 20px;letter-spacing:.08em;text-transform:uppercase;outline:none;transition:border-color .3s}
.sig-input:focus{border-color:var(--gold)}
.sig-input::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:0;font-family:var(--font-body)}
.sig-btn{white-space:nowrap;padding:14px 28px}

.sig-quick-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;max-width:600px;margin-left:auto;margin-right:auto}
.sig-tag{font-family:var(--font-mono);font-size:.75rem;padding:6px 14px;border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;background:transparent;transition:all .3s;cursor:pointer}
.sig-tag:hover{border-color:var(--gold);color:var(--gold)}

.sig-result-section{padding:24px 0 40px}
.sig-result{max-width:700px;margin:0 auto}

/* Signal card */
.sig-card{background:var(--bg-card);border:1px solid var(--border);padding:0;position:relative;overflow:hidden;animation:sigFadeIn .5s ease}
@keyframes sigFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Summary banner — the hero action line */
.sig-summary{padding:clamp(20px,3vw,32px);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.sig-summary::before{content:'';position:absolute;inset:0;opacity:.06}
.sig-summary.long::before{background:linear-gradient(135deg,#22c55e,transparent 60%)}
.sig-summary.short::before{background:linear-gradient(135deg,#ef4444,transparent 60%)}
.sig-summary.neutral::before{background:linear-gradient(135deg,var(--gold),transparent 60%)}
.sig-summary-dir{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:.08em;margin-bottom:8px;position:relative}
.sig-summary.long .sig-summary-dir{color:#22c55e}
.sig-summary.short .sig-summary-dir{color:#ef4444}
.sig-summary.neutral .sig-summary-dir{color:var(--gold)}
.sig-summary-text{font-size:clamp(.9rem,1.5vw,1.05rem);color:var(--text-dim);line-height:1.5;position:relative}

/* Bias badge for NEUTRAL */
.sig-bias{display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;padding:4px 14px;margin-bottom:10px;border-radius:2px;position:relative}
.sig-bias.long-lean{background:rgba(34,197,94,.12);color:#22c55e;border-left:3px solid #22c55e}
.sig-bias.short-lean{background:rgba(239,68,68,.12);color:#ef4444;border-left:3px solid #ef4444}
.sig-bias.no-bias{background:rgba(243,162,0,.12);color:var(--gold);border-left:3px solid var(--gold)}

/* Conditional levels note */
.sig-levels-note{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.05em;font-weight:normal}

.sig-card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:clamp(20px,3vw,32px);padding-bottom:0}
.sig-price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sig-price{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:.04em}

/* Params grid (strength, timeframe, trend, entry type) */
.sig-params{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 clamp(20px,3vw,32px) 0;padding:16px 0;border-bottom:1px solid var(--border)}
.sig-param{text-align:center;padding:12px 8px}
.sig-param-label{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
.sig-param-value{display:block;font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.15rem);letter-spacing:.04em}
.sig-param-value.weak{color:#ef4444}
.sig-param-value.mid{color:var(--gold)}
.sig-param-value.strong{color:#22c55e}
.sig-param .sig-strength-bar{justify-content:center;margin-top:6px}

.sig-strength-bar{display:flex;gap:3px}
.sig-strength-bar span{width:6px;height:18px;background:var(--border);transition:background .3s}
.sig-strength-bar span.active{background:var(--gold)}

/* Levels */
.sig-levels{margin:0 clamp(20px,3vw,32px);padding:20px 0;border-bottom:1px solid var(--border)}
.sig-levels h4{font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;color:var(--text-dim)}
.sig-levels-grid{display:flex;flex-direction:column;gap:0}
.sig-level{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-left:2px solid var(--border);margin-bottom:2px;background:var(--bg-alt);font-family:var(--font-mono);font-size:.85rem}
.sig-level-label{color:var(--text-dim)}
.sig-level-val{letter-spacing:.05em}
.sig-level.tp .sig-level-val{color:#22c55e}
.sig-level.sl .sig-level-val{color:#ef4444}
.sig-level.entry .sig-level-val{color:var(--gold)}
.sig-level.sup .sig-level-val{color:#60a5fa}
.sig-level.res .sig-level-val{color:#f472b6}
.sig-level.sup{border-left-color:#60a5fa}
.sig-level.res{border-left-color:#f472b6}
.sig-level.entry{border-left-color:var(--gold)}
.sig-level.tp{border-left-color:#22c55e}
.sig-level.sl{border-left-color:#ef4444}

/* Risk management row */
.sig-risk-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 clamp(20px,3vw,32px);padding:20px 0;border-bottom:1px solid var(--border)}
.sig-risk-item{text-align:center;padding:12px 8px}
.sig-risk-item-label{display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
.sig-risk-badge{display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:2px;background:var(--bg-alt)}
.sig-risk-badge.low{background:rgba(34,197,94,.15);color:#22c55e}
.sig-risk-badge.medium{background:rgba(243,162,0,.15);color:var(--gold)}
.sig-risk-badge.high{background:rgba(239,68,68,.15);color:#ef4444}
.sig-risk-badge.rr{color:var(--gold)}
.sig-risk-badge.lev{color:#a78bfa}
.sig-risk-badge.pos{color:#60a5fa}

/* Metrics grid */
.sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 clamp(20px,3vw,32px);padding:20px 0;border-bottom:1px solid var(--border)}
.sig-metric{padding:16px;background:var(--bg-alt);border-left:2px solid var(--border)}
.sig-metric-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.sig-metric-value{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em}

/* Volume verdict */
.sig-volume-verdict{margin:0 clamp(20px,3vw,32px);padding:14px 16px;background:var(--bg-alt);border-left:2px solid #60a5fa;font-size:.9rem;color:var(--text-dim);line-height:1.5;border-bottom:1px solid var(--border)}
.sig-vv-icon{margin-right:6px}

/* Reasoning */
.sig-reasoning{margin:0 clamp(20px,3vw,32px);padding:20px 0;border-bottom:1px solid var(--border)}
.sig-reasoning h4{font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--text-dim)}
.sig-reasoning p{color:var(--text-dim);font-size:.9rem;line-height:1.7}

/* Footer */
.sig-card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,3vw,32px);margin-top:0}
.sig-powered{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}
.sig-time{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.1em;text-align:right}

.sig-loading{text-align:center;padding:48px;color:var(--text-dim)}
.sig-loading-spinner{display:inline-block;width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}
@keyframes spin{to{transform:rotate(360deg)}}

.sig-error{text-align:center;padding:32px;color:#ef4444;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2)}
.sig-error-icon{font-size:1.5rem;display:block;margin-bottom:8px}

.sig-token-info{display:flex;align-items:baseline;gap:10px}
.sig-symbol{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.8rem);letter-spacing:.08em}
.sig-name{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.05em}

.sig-pct-group{display:flex;gap:6px;flex-wrap:wrap}
.sig-pct{font-family:var(--font-mono);font-size:.8rem;padding:3px 8px;border-radius:2px}
.sig-pct.up{color:#22c55e;background:rgba(34,197,94,.1)}
.sig-pct.down{color:#ef4444;background:rgba(239,68,68,.1)}
.sig-pct.neutral{color:var(--text-muted)}

.sig-levels-grid{display:flex;flex-direction:column;gap:0}

.sig-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);margin-top:8px}
.sig-powered{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}

/* How it works steps */
.sig-how{border-top:1px solid var(--border)}
.sig-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.sig-step{padding:clamp(24px,3vw,40px);background:var(--bg-card);border-left:2px solid var(--border);transition:border-color .4s}
.sig-step:hover{border-color:var(--gold)}
.sig-step-num{font-family:var(--font-mono);font-size:.75rem;color:var(--gold);letter-spacing:.2em;margin-bottom:16px}
.sig-step h3{font-size:clamp(1.1rem,2vw,1.4rem);margin-bottom:8px}
.sig-step p{color:var(--text-dim);font-size:.9rem;line-height:1.6}

@media(max-width:768px){
  .sig-search-box{flex-direction:column}
  .sig-grid{grid-template-columns:1fr}
  .sig-steps{grid-template-columns:1fr}
  .sig-card-header{flex-direction:column;align-items:flex-start}
  .sig-params{grid-template-columns:1fr 1fr}
  .sig-risk-row{grid-template-columns:1fr 1fr}
}