/* Tradewave49 upgrade: motion, live quotes, large chart */
html{scroll-padding-top:110px;overscroll-behavior-y:none}
body{overflow-x:hidden}
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#6fd36b,var(--lime),#e6ff9c);z-index:100;box-shadow:0 0 14px #b8f36b99}
.orbs{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.orbs i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16;animation:drift 22s ease-in-out infinite alternate}
.orbs i:nth-child(1){width:520px;height:520px;background:#8fcc4a;top:-140px;right:-120px}
.orbs i:nth-child(2){width:460px;height:460px;background:#2f6fd6;bottom:-160px;left:-140px;animation-duration:28s;opacity:.12}
.orbs i:nth-child(3){width:340px;height:340px;background:#b8f36b;top:45%;left:48%;animation-duration:34s;opacity:.07}
@keyframes drift{to{transform:translate(90px,70px) scale(1.18)}}
h1 em,.section-heading em,.final-cta em,.investment em{background:linear-gradient(100deg,#b8f36b 20%,#f1ffc7 45%,#b8f36b 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-220% 0}}
.terminal{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{50%{transform:rotate(-1deg) translateY(-12px)}}
.floating-chip{animation:chip 5s ease-in-out infinite}
@keyframes chip{50%{transform:translateY(-8px)}}
.eyebrow i,.terminal-top i,.live-dot{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #b8f36bb0}100%{box-shadow:0 0 0 12px #b8f36b00}}
.chart-icon.live-price{font-size:19px;font-weight:700;font-family:Manrope,sans-serif;letter-spacing:-.5px}
#candles rect,#candles line{transition:all .5s ease}
.trend{stroke-dashoffset:0;animation:dash 2.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-36}}
.ticker>div{display:inline-block;text-align:left;animation:marquee 38s linear infinite;will-change:transform}
.ticker:hover>div{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.button{position:relative;overflow:hidden}
.button:after{content:'';position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:skewX(-20deg);transition:left .7s}
.button:hover:after{left:130%}
.card,.invest-steps article,.record-grid article{--mx:50%;--my:50%}
.card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(320px circle at var(--mx) var(--my),#b8f36b1c,transparent 60%)}
.card:hover:after{opacity:1}
.js .reveal{transition-delay:var(--d,0s);will-change:opacity,transform}
.js .cards .reveal:nth-child(2),.js .book-grid .reveal:nth-child(2){--d:.12s}
.js .cards .reveal:nth-child(3),.js .book-grid .reveal:nth-child(3){--d:.24s}
/* live quote strip */
.quote-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:26px}
.quote{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 17px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.quote:hover{transform:translateY(-4px);border-color:#566547}
.quote small{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}
.quote b{display:block;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px;margin:8px 0 3px;font-weight:700}
.quote span{font-size:12px;font-weight:600}
.quote.up{--c:#b8f36b}.quote.down{--c:#f59a9a}
.quote span{color:var(--c,var(--muted))}
.quote.flash-up{animation:fu .9s ease}.quote.flash-down{animation:fd .9s ease}
@keyframes fu{0%{background:#b8f36b30}100%{background:var(--panel)}}
@keyframes fd{0%{background:#f59a9a30}100%{background:var(--panel)}}
.quote:before{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--c,transparent);opacity:.7}
.feed-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:-8px 0 22px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block}
.feed-status.off .live-dot{background:#f5b56b;animation:none}
/* large TradingView panel */
.live-chart-xl{padding:14px 14px 10px;border-color:#3a4a36;box-shadow:0 30px 80px #0006}
.live-chart-xl .live-panel-heading{padding:8px 10px 0}
.live-chart-xl .live-panel-heading .eyebrow{font-size:12px}
.live-chart-xl .tv-label{font-size:clamp(14px,1.5vw,18px);font-weight:700;font-family:Manrope,sans-serif;color:var(--ink);background:#b8f36b14;border:1px solid #b8f36b40;padding:9px 16px;border-radius:999px;letter-spacing:-.2px}
.live-chart-xl .tradingview-widget-container{height:clamp(620px,88vh,940px)!important;border-radius:10px;overflow:hidden}
@media(min-width:1300px){#markets .live-chart-panel{margin-left:-90px;margin-right:-90px}}
@media(max-width:760px){.live-chart-xl .tradingview-widget-container{height:min(78vh,640px)!important}.live-chart-xl .live-panel-heading{flex-direction:column;align-items:flex-start;gap:12px}.live-panel-heading>span:last-child{max-width:none}}
.market-table tbody tr{transition:background .25s}.market-table tbody tr:hover{background:#ffffff08}
@media(prefers-reduced-motion:reduce){.orbs i,.terminal,.floating-chip,.ticker>div,h1 em,.trend{animation:none!important}.progress{display:none}}
/* v3: bigger type, huge chart, light/dark mode */
body{font-size:16px}nav{font-size:13.5px}.eyebrow{font-size:12px}.card p,.investment p,.book-meta p,.record-grid p,.invest-steps p,details p{font-size:14px}.card li,.book-meta a,.card>a,.text-link,.button,summary{font-size:14px}.fine,.hero-note,.section-heading>p,#market-status{font-size:13px}.card>small,.book-meta>span,.record-grid span,.chart-heading small{font-size:10px}
.section-heading h2,.investment h2,.faq-grid h2{font-size:clamp(34px,4vw,54px)}.hero-copy>p{font-size:17px;max-width:470px}
.nav-link.active,nav a.active{color:var(--lime)}
.theme-toggle{order:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--lime);display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,1.6,.4,1),background .3s}
.theme-toggle:hover{transform:rotate(25deg) scale(1.1)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun{display:none}
[data-theme=light] .theme-toggle .sun{display:block}[data-theme=light] .theme-toggle .moon{display:none}
html.theming *{transition:background-color .45s,color .45s,border-color .45s!important}
.spark{position:absolute;right:12px;bottom:14px;width:72px;height:26px;color:var(--c,var(--muted));opacity:.9}.spark polyline{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.totop{position:fixed;left:24px;bottom:24px;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--lime);z-index:20;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s}.totop.show{opacity:1;transform:none;pointer-events:auto}
.tv-full-btn{margin-left:auto}
#markets .live-chart-panel.live-chart-xl{width:min(1640px,96vw);margin-left:calc(50% - min(820px,48vw));margin-right:0}
#markets .live-chart-xl .tradingview-widget-container{height:clamp(780px,94vh,1150px)!important}
.live-chart-xl.tv-full{position:fixed;inset:0;z-index:95;width:100vw!important;margin:0!important;border-radius:0;display:flex;flex-direction:column;background:var(--bg)}
.live-chart-xl.tv-full .tradingview-widget-container{flex:1;height:auto!important}
.featured{animation:glow 4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 45px #b8f36b22}}
.section-heading h2{background:linear-gradient(var(--lime),var(--lime)) 0 100%/0 3px no-repeat;padding-bottom:6px;transition:background-size 1s .3s}.visible .section-heading h2,.section-heading.visible h2{background-size:90px 3px}
@media(max-width:760px){#markets .live-chart-panel.live-chart-xl{width:100%;margin-left:0}#markets .live-chart-xl .tradingview-widget-container{height:min(85vh,720px)!important}.theme-toggle{width:38px;height:38px}.totop{left:16px;bottom:16px}}
[data-theme=light]{--bg:#f3f6ef;--panel:#fff;--ink:#0f1a12;--muted:#55636b;--lime:#3f7d0a;--border:#d9e1d3;color-scheme:light}
[data-theme=light] header{background:#f3f6efee}[data-theme=light] nav{color:#3f4f47}[data-theme=light] .nav-cta{border-color:#b7c8a8}
[data-theme=light] .button,[data-theme=light] .card>a.button,[data-theme=light] .telegram-float{color:#fff}
[data-theme=light] .ticker,[data-theme=light] .investment{background:#e8eee2}
[data-theme=light] .terminal{background:linear-gradient(145deg,#fff,#edf3e8);border-color:#c6d5ba;box-shadow:0 30px 70px #2a3d1a22}
[data-theme=light] .floating-chip{background:#fff;border-color:#cddcc2;box-shadow:0 12px 30px #2a3d1a22}
[data-theme=light] .final-cta{background:radial-gradient(ellipse at 50% 110%,#7cb34233,transparent 70%),#fff;border-color:#cddcc2}
[data-theme=light] .featured{background:linear-gradient(155deg,#e9f5da,#fff);border-color:#8fb96a}
[data-theme=light] .card li,[data-theme=light] .text-link{color:#33423a}[data-theme=light] .control-button,[data-theme=light] .carousel-dots button{background:#e8eee2}
[data-theme=light] .fine,[data-theme=light] .hero-note,[data-theme=light] footer>p,[data-theme=light] .footer-bottom,[data-theme=light] .ticker>div{color:#5d6d74}
[data-theme=light] .quote.up,[data-theme=light] .positive{--c:#3f7d0a;color:#3f7d0a}[data-theme=light] .quote.down{--c:#c0392b}[data-theme=light] .negative{color:#c0392b}
[data-theme=light] .market-table tbody tr:hover{background:#0000000a}[data-theme=light] .orbs i{opacity:.1}
[data-theme=light] h1 em,[data-theme=light] .section-heading em{background-image:linear-gradient(100deg,#3f7d0a 20%,#86cc38 45%,#3f7d0a 70%)}
[data-theme=light] .live-chart-xl .tv-label{background:#3f7d0a14;border-color:#3f7d0a40}
[data-theme=light] .card:after{background:radial-gradient(320px circle at var(--mx) var(--my),#3f7d0a16,transparent 60%)}
@media(max-width:760px){[data-theme=light] nav{background:#fff}}

/* v4: white default + sticky visible mobile navigation */
@media(max-width:760px){header{height:auto;min-height:72px;padding:12px 15px 8px;display:grid;grid-template-columns:1fr auto;gap:8px;position:sticky;top:0}header .brand{grid-column:1}header .theme-toggle{grid-column:2;grid-row:1}header nav{grid-column:1/-1;display:flex!important;position:static!important;background:transparent!important;border:0!important;padding:4px 0 3px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;overflow-x:auto;white-space:nowrap;width:100%;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav a{font-size:11px;padding:7px 9px;border:1px solid var(--border);border-radius:7px}.menu{display:none!important}.hero{padding-top:34px}}

/* v5 mobile: always-visible sticky menu + edge-to-edge market panels */
@media (max-width:760px){
  header,.site-header{position:sticky!important;top:0!important;z-index:100!important;height:auto!important;min-height:0!important;padding:10px 12px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;background:var(--bg)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(16px)}
  header .brand,.site-header .brand{grid-column:1!important;min-width:0;font-size:13px}
  header .theme-toggle,.site-header .theme-toggle{grid-column:2!important;grid-row:1!important;margin:0!important}
  header nav,.site-header nav{grid-column:1/-1!important;display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;flex-direction:row!important;align-items:center!important;gap:7px!important;padding:5px 0 2px!important;margin:0!important;background:transparent!important;border:0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  header nav::-webkit-scrollbar,.site-header nav::-webkit-scrollbar{display:none}
  header nav a,.site-header nav a{display:inline-flex!important;flex:0 0 auto!important;padding:7px 10px!important;border:1px solid var(--border)!important;border-radius:999px!important;font-size:11px!important;line-height:1!important;background:var(--panel)!important;color:var(--ink)!important}
  header nav .nav-cta,.site-header nav .nav-cta{background:var(--lime)!important;color:#fff!important;border-color:var(--lime)!important}
  .menu{display:none!important}
  #markets{padding-left:0!important;padding-right:0!important}
  #markets>.section-heading,#markets>.quote-strip,#markets>.feed-status{margin-left:16px!important;margin-right:16px!important}
  #markets .live-chart-panel.live-chart-xl,#markets .market-board{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-left:0!important;border-right:0!important;border-radius:0!important;padding-left:12px!important;padding-right:12px!important}
  #markets .live-chart-xl .tradingview-widget-container{width:100%!important;height:min(82vh,680px)!important}
  .market-table-scroll{width:100%!important;max-width:100%!important}
  .terminal,.testimonial-carousel,.price-card,.feature-panels article,.service-card,.profile-card,.auth-card{width:100%!important;max-width:none!important}
  .product-hero,.pricing-grid,.feature-panels,.dashboard-grid,.dashboard-head{padding-left:16px!important;padding-right:16px!important}
}


/* v6: guaranteed-visible small-screen landing navigation */
.mobile-nav-strip{display:none}
@media(max-width:760px){
  header #nav{display:none!important}
  header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:64px!important;height:64px!important;padding:8px 12px!important;gap:8px!important}
  header .brand{font-size:12px!important;min-width:0!important;overflow:hidden!important}
  header .brand img{width:30px!important;height:30px!important;flex:0 0 auto!important}
  header .brand span{display:none!important}
  .mobile-nav-strip{position:sticky!important;top:64px!important;z-index:99!important;display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;gap:7px!important;padding:8px 10px!important;margin:0!important;background:var(--bg)!important;border-bottom:1px solid var(--border)!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .mobile-nav-strip::-webkit-scrollbar{display:none!important}
  .mobile-nav-strip a{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;min-height:34px!important;padding:7px 11px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--panel)!important;color:var(--ink)!important;font-size:11px!important;font-weight:700!important;line-height:1!important}
  .mobile-nav-strip .nav-cta{background:var(--lime)!important;color:#111!important;border-color:var(--lime)!important}
  .hero{padding-top:26px!important}
}
@media(max-width:380px){
  header{padding-left:9px!important;padding-right:9px!important}
  header .brand{font-size:11px!important;letter-spacing:.4px!important}
  .mobile-nav-strip{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
  .mobile-nav-strip a{font-size:10.5px!important;padding:7px 10px!important}
}
[data-theme=light] .mobile-nav-strip{background:#f3f6ef!important}


/* v7 definitive mobile header: one menu only, always horizontal and visible */
.mobile-nav-strip{display:none!important}
@media (max-width:760px){
  body{padding-top:0!important}
  header{
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:9px 10px 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:7px 8px!important;
    overflow:visible!important;
    background:var(--bg)!important;
    border-bottom:1px solid var(--border)!important;
    backdrop-filter:blur(16px)!important;
  }
  header>.brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:hidden!important;
    font-size:12px!important;
    letter-spacing:.6px!important;
  }
  header>.brand img{width:30px!important;height:30px!important;flex:0 0 auto!important}
  header>.brand span{display:none!important}
  header>.theme-toggle{
    grid-column:2!important;
    grid-row:1!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
  }
  header>nav#nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:2px 0 1px!important;
    border:0!important;
    background:transparent!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    transform:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
  }
  header>nav#nav::-webkit-scrollbar{display:none!important}
  header>nav#nav>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    margin:0!important;
    border:1px solid var(--border)!important;
    border-radius:999px!important;
    background:var(--panel)!important;
    color:var(--ink)!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1!important;
  }
  header>nav#nav>a.nav-cta{
    background:var(--lime)!important;
    color:#fff!important;
    border-color:var(--lime)!important;
  }
  .menu{display:none!important}
  .hero{padding-top:26px!important}
}
@media (max-width:380px){
  header{padding-left:8px!important;padding-right:8px!important}
  header>.brand{font-size:11px!important}
  header>nav#nav{gap:6px!important}
  header>nav#nav>a{font-size:10.5px!important;padding:7px 9px!important}
}