/* Zeefoxcose 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] .whatsapp-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}}