/* V7: Cleaner high-legibility desktop navigation + accessible left mobile drawer */
.nav-in{gap:clamp(16px,1.9vw,30px)}
.nav-links{gap:clamp(18px,1.8vw,34px)!important;font-size:clamp(15px,.93vw,17px)!important;font-weight:650;letter-spacing:.005em}
.nav-links a{white-space:nowrap;padding:.6rem 0}
.nav-login{font-size:clamp(14px,.84vw,16px)!important;font-weight:700}
.nav-act{gap:clamp(7px,.65vw,13px)}
.nav-act .btn{font-size:clamp(13px,.78vw,15px);font-weight:750;white-space:nowrap}
.nav-in .logo img{height:clamp(60px,4.2vw,78px)}
.mta-nav-backdrop{position:fixed;inset:0;background:rgba(0,7,19,.66);backdrop-filter:blur(5px);z-index:54;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s}
.mmenu{display:flex!important;position:fixed;inset:0 auto 0 0;width:min(400px,88vw);height:100dvh;padding:24px 24px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(150deg,#102843 0%,#071628 85%);border-right:1px solid rgba(220,184,120,.3);z-index:60;box-shadow:20px 0 65px rgba(0,0,0,.3);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .34s cubic-bezier(.2,.75,.2,1),visibility .34s;overflow-y:auto;overscroll-behavior:contain;gap:0}
.menu-open .mmenu{transform:translateX(0);visibility:visible;pointer-events:auto}
.menu-open .mta-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.menu-open body{overflow:hidden}
.mta-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 22px;border-bottom:1px solid rgba(163,197,222,.2);color:#e7be78;font-weight:800;font-size:13px;letter-spacing:.07em;text-transform:uppercase}
.mta-drawer-close{width:42px;height:42px;flex-shrink:0;border:1px solid rgba(193,213,232,.3);border-radius:12px;background:rgba(255,255,255,.04);color:white;font-size:28px;line-height:1;cursor:pointer}
.mta-drawer-links{display:grid;padding-top:18px}
.mmenu .mta-drawer-links a.m{display:flex;justify-content:space-between;align-items:center;font-size:clamp(23px,5vw,29px);font-weight:750;padding:17px 0;line-height:1.15;letter-spacing:-.025em}
.mta-drawer-links a span{color:#dcb477;font-size:17px;font-weight:400}
.mta-drawer-more{display:grid;gap:15px;padding:23px 0 4px}
.mta-drawer-more>span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#e7be78;font-weight:800}
.mta-drawer-more a{color:#bfcedf;font-size:16px;line-height:1.35}
.mta-drawer-more a:hover,.mta-drawer-links a:hover{color:#f3ca87}
.mmenu .cta-row{display:grid;gap:10px;margin-top:30px}
.mmenu .cta-row a{justify-content:center;text-align:center;font-size:15px}
@media(max-width:1250px){.nav-links{gap:16px!important}.nav-act .btn-line{display:none}}
@media(max-width:1099px){.nav-links{display:none!important}.nav-act{margin-left:auto}.burger{display:inline-flex!important}.nav-in .logo img{height:clamp(55px,6vw,68px)}}
@media(min-width:1100px){.mmenu,.mta-nav-backdrop{display:none!important}}
@media(max-width:560px){.nav-act .nav-login{display:none}.nav-act .btn-gold{font-size:13px;padding:10px 13px}.burger{width:45px;height:45px}.mmenu{width:min(375px,91vw);padding:22px 22px calc(30px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.mmenu,.mta-nav-backdrop{transition:none}}

/* Logo (13 Nov 2026): generous at the top of the page with clear space above and below, easing smaller once the visitor scrolls. */
:root{--nav-h:96px}
.hdr .nav{transition:height .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s}
.hdr .nav-in .logo{display:flex;align-items:center}
.hdr .nav-in .logo img{height:66px!important;width:auto;transition:height .35s cubic-bezier(.2,.7,.2,1)}
.scrolled .hdr .nav{height:72px}
.scrolled .hdr .nav-in .logo img{height:46px!important}
@media(max-width:1099px){:root{--nav-h:84px}.hdr .nav-in .logo img{height:58px!important}.scrolled .hdr .nav{height:68px}.scrolled .hdr .nav-in .logo img{height:44px!important}}
@media(max-width:740px){:root{--nav-h:76px}.hdr .nav-in .logo img{height:52px!important}.scrolled .hdr .nav{height:62px}.scrolled .hdr .nav-in .logo img{height:40px!important}}
@media(prefers-reduced-motion:reduce){.hdr .nav,.hdr .nav-in .logo img{transition:none}}

/* ---- 13 Nov 2026, evening: FAQ spacing, market tabs, momentum chart ---- */
.faq .faq-search{display:block;margin:1.4rem 0 1.15rem}
.faq .faq-cats{gap:.55rem}

/* Market tabs: dark cards with a gold edge when selected, instead of a filled gold block */
.mk-tabs button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:var(--white)}
.mk-tabs button::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--gold-hi),var(--gold));transform:scaleY(0);transition:transform .35s var(--ease)}
.mk-tabs button::after{content:"";position:absolute;right:-30px;top:-30px;width:190px;height:190px;border-radius:50%;background:radial-gradient(closest-side,rgba(200,169,110,.22),transparent);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
.mk-tabs button:hover{border-color:rgba(200,169,110,.45);transform:translateX(4px)}
.mk-tabs button:hover .ic{color:var(--gold-hi);border-color:rgba(200,169,110,.5)}
.mk-tabs button[aria-selected=true]{background:linear-gradient(105deg,rgba(200,169,110,.17),rgba(18,41,79,.55) 58%,rgba(12,31,63,.5));color:var(--white);border-color:rgba(200,169,110,.6);transform:translateX(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 44px -30px rgba(200,169,110,.75)}
.mk-tabs button[aria-selected=true]::before{transform:scaleY(1)}
.mk-tabs .ic{position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);background:rgba(4,11,24,.45);color:var(--silver);transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.mk-tabs [aria-selected=true] .ic{background:linear-gradient(145deg,#E2C48A,#B8975A);border-color:transparent;color:#1A1204;box-shadow:0 8px 18px -8px rgba(200,169,110,.9)}
.mk-tabs button>span:nth-child(2){position:relative;z-index:1}
.mk-tabs b{letter-spacing:-.005em}.mk-tabs [aria-selected=true] b{color:#fff}
.mk-tabs span span{color:var(--silver);opacity:1}.mk-tabs [aria-selected=true] span span{color:#D9E1EE}
.mk-tabs .go{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:1rem;opacity:1;color:var(--silver);transition:all .3s var(--ease)}
.mk-tabs [aria-selected=true] .go{border-color:var(--gold);color:var(--gold-hi);transform:translateX(2px)}
.mk-panel{background:linear-gradient(180deg,rgba(18,41,79,.75),rgba(12,31,63,.75));border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 40px 70px -50px #000}
@media(max-width:900px){.mk-tabs button[aria-selected=true],.mk-tabs button:hover{transform:none}}

/* "Serious about learning to trade?": a rising chart along the bottom of the section */
.invitation-section{position:relative;overflow:hidden}
.invitation-chart{position:absolute;left:0;right:0;bottom:0;height:min(33%,280px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 38%);mask-image:linear-gradient(180deg,transparent,#000 38%)}
.invitation-chart svg{width:100%;height:100%;display:block}
.inv-grid path{fill:none;stroke:rgba(140,175,215,.11);stroke-width:1;vector-effect:non-scaling-stroke}
.inv-line{fill:none;stroke:#A8E22D;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(168,226,45,.45))}
/* Starts small and hidden; each visit it sweeps in from the left while growing to full height. */
.invitation-chart svg{transform-origin:50% 100%;transform:scaleY(.28);clip-path:inset(0 100% 0 0);opacity:.5}
.invitation-section.chart-on .invitation-chart svg{transform:scaleY(1);clip-path:inset(0 0 0 0);opacity:1;transition:clip-path 2.6s cubic-bezier(.45,.05,.2,1) .15s,transform 3s cubic-bezier(.2,.75,.2,1) .15s,opacity 1.2s ease .15s}
@media(prefers-reduced-motion:reduce){.invitation-chart svg{transform:none;clip-path:none;opacity:1;transition:none!important}}
.invitation-inner{padding-bottom:clamp(2rem,9vh,6rem)}
.invitation-foot{text-shadow:0 1px 12px #06182b,0 0 3px #06182b}
@media(prefers-reduced-motion:reduce){.inv-line{stroke-dashoffset:0;animation:none!important}.inv-area{opacity:1;animation:none!important}}
.invitation-inner .btn-line{background:rgba(6,24,43,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.invitation-foot{display:inline-block;padding:.55rem 1.1rem;border-radius:12px;background:rgba(6,24,43,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mk-tabs button[aria-selected=true]:hover .ic{color:#1A1204;border-color:transparent}

/* ---- Top bar: ticker and promotions take turns ---- */
.promo{display:block;padding:0}
.promo-view{position:absolute;inset:0 44px 0 12px;display:flex;align-items:center;justify-content:center;gap:1.1rem;opacity:0;transform:translateY(9px);pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease);white-space:nowrap}
.promo-view.is-on{opacity:1;transform:none;pointer-events:auto}
.promo-tick{justify-content:flex-start;overflow:hidden}
.tape-ph{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);transition:opacity .5s}
.tape-ph div{display:flex;gap:2.6rem;width:max-content;animation:promoTape 60s linear infinite;font:500 var(--t-xs) var(--f-num);color:#9FACC2;letter-spacing:.04em}
.tape-ph span{display:inline-flex;gap:.7rem;align-items:center}.tape-ph span::before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.tape-live{position:absolute;inset:0;opacity:0;transition:opacity .6s;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-row{display:flex;gap:3.4rem;width:max-content;padding-left:3.4rem;animation:promoTape 80s linear infinite}
.tape-live:hover .tk-row{animation-play-state:paused}
.tk{display:inline-flex;align-items:baseline;gap:.7rem;white-space:nowrap;font-size:var(--t-sm);line-height:1}
.tk b{font:600 var(--t-sm) var(--f-body);color:var(--white);letter-spacing:.03em}
.tk em{font:500 var(--t-sm) var(--f-num);font-style:normal;color:#C9D3E3;font-variant-numeric:tabular-nums}
.tk i{font:500 var(--t-xs) var(--f-num);font-style:normal;font-variant-numeric:tabular-nums}
.tk.up i{color:#3DDC97}.tk.dn i{color:#F0707A}
.promo-tick.tape-on .tape-live{opacity:1}.promo-tick.tape-on .tape-ph{opacity:0}
@media(prefers-reduced-motion:reduce){.tk-row{animation:none}}
:root:not(.no-promo){--promo-h:40px}
@keyframes promoTape{to{transform:translateX(-50%)}}
.promo .cd{font-variant-numeric:tabular-nums;color:#C9D3E3;border:1px solid rgba(200,169,110,.35);border-radius:999px;padding:.12rem .7rem;background:rgba(200,169,110,.06)}
@media(max-width:640px){.promo-view{inset:0 38px 0 10px;gap:.6rem}.promo .cd{padding:.1rem .5rem}}
@media(prefers-reduced-motion:reduce){.promo-view{transition:none;transform:none}.tape-ph div{animation:none}}

/* ---- "This is a working session": a shared-screen illustration instead of a stock image ---- */
.sesswin{position:relative;border-radius:var(--r-surface);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0C1F3F,#07152A);box-shadow:0 50px 90px -55px #000,inset 0 1px 0 rgba(255,255,255,.06);aspect-ratio:4/3.3;max-height:62vh;display:flex;flex-direction:column}
.sw-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,11,24,.55);font-size:var(--t-xs);color:var(--silver)}
.sw-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}.sw-bar span{margin-left:.5rem;flex:1}
.sw-bar b{display:inline-flex;align-items:center;gap:.4rem;font:500 var(--t-xs) var(--f-num);color:var(--white)}.sw-bar em{width:7px;height:7px;border-radius:50%;background:#A8E22D;box-shadow:0 0 0 0 rgba(168,226,45,.6);animation:swLive 2s ease-out infinite}.sw-bar u{text-decoration:none}
@keyframes swLive{to{box-shadow:0 0 0 9px rgba(168,226,45,0)}}
.sw-body{position:relative;flex:1;min-height:0}.sw-body svg{position:absolute;inset:0;width:100%;height:100%}
.sw-lv text{font:500 11px var(--f-num)}.sw-lv path{stroke-width:1.3}
.sw-ring{stroke-dasharray:1;stroke-dashoffset:1;animation:swRing 9s var(--ease) infinite}
@keyframes swRing{0%,8%{stroke-dashoffset:1}22%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.sw-note{position:absolute;margin:0;max-width:58%;padding:.55rem .8rem;border-radius:12px;font-size:var(--t-sm);line-height:1.35;box-shadow:0 18px 30px -18px #000;opacity:0;animation:swNote 9s var(--ease) infinite}
.sw-note b{display:block;font:600 .7rem var(--f-body);letter-spacing:.04em;margin-bottom:.15rem;opacity:.75}
.sw-n1{left:5%;top:8%;max-width:46%;background:#F3F6FA;color:#0B1A30;border-bottom-left-radius:3px;animation-delay:1.6s}
.sw-n2{right:5%;top:27%;max-width:50%;background:var(--gold);color:var(--gold-ink);border-bottom-right-radius:3px;animation-delay:3.6s}
@keyframes swNote{0%{opacity:0;transform:translateY(8px)}6%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
.sw-tiles{position:absolute;right:4%;top:5%;display:flex;gap:.45rem}
.sw-t{width:78px;padding:.5rem .3rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(4,11,24,.8);backdrop-filter:blur(6px);text-align:center;line-height:1.2}
.sw-t b{display:block;font:700 .95rem var(--f-display)}.sw-t small{font-size:.68rem;color:var(--silver)}.sw-t.mh{border-color:rgba(200,169,110,.6)}.sw-t.mh b{color:var(--gold-hi)}
.sesswin figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem}.sesswin .chip{background:rgba(4,11,24,.8);backdrop-filter:blur(6px)}
@media(max-width:900px){.sesswin{max-height:390px;aspect-ratio:4/3.5}.sw-tiles{display:none}.sw-note{font-size:.82rem;padding:.45rem .65rem}.sw-n1{max-width:62%}.sw-n2{max-width:62%;top:30%}.sesswin figcaption{gap:.35rem;left:.7rem;right:.7rem;bottom:.7rem}.sesswin .chip{font-size:.75rem;padding:.25rem .6rem}}
@media(max-width:640px){.promo-t .pt{display:none}.promo-t b{border-right:0;padding-right:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){.sw-note{opacity:1;animation:none}.sw-ring{stroke-dashoffset:0;animation:none}.sw-bar em{animation:none}}

/* ---- Card hover: a gold light follows the pointer, brightening the nearest edge, with a faint sheen on the surface ---- */
.lit{--mx:50%;--my:50%}
.lit-edge,.lit-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s cubic-bezier(.2,.7,.2,1)}
.lit-edge{inset:-1px;padding:1.5px;z-index:3;background:radial-gradient(280px circle at calc(var(--mx) + 1px) calc(var(--my) + 1px),#F0D9A6 0%,rgba(226,196,138,.75) 28%,rgba(200,169,110,.18) 58%,transparent 76%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.lit-sheen{z-index:2;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(226,196,138,.11),transparent 62%)}
.lit:hover>.lit-edge,.lit:hover>.lit-sheen{opacity:1}
.portal-feature-grid article.lit:hover,.academy-article.lit:hover,.mk4 a.lit:hover,.who li.lit:hover,.perk.lit:hover,.plan.lit:hover,.steps li.lit:hover,.audience-path.lit:hover,.mk-tabs button.lit:not([aria-selected=true]):hover{border-color:rgba(200,169,110,.28);box-shadow:0 26px 50px -34px rgba(0,0,0,.9),0 0 40px -22px rgba(226,196,138,.55)}
@media(prefers-reduced-motion:reduce){.lit-edge,.lit-sheen{transition:none}}

/* ===== Market tape, full width (Nov 2026 v2): edge to edge, right to left, prices tick ===== */
.promo-view.promo-tick{inset:0!important;justify-content:flex-start}
.promo-tick .tape-live,.promo-tick .tape-ph{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 calc(100% - 70px),transparent calc(100% - 38px));mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 calc(100% - 70px),transparent calc(100% - 38px))}
.promo-tick .tk-row{animation:none!important;padding-left:0;gap:2.6rem;will-change:transform}
.promo-tick .tk{align-items:center;gap:.55rem;padding:.28rem .55rem;border-radius:6px;transition:background-color .9s ease}
.promo-tick .tk b{font-weight:700;letter-spacing:.04em}
.promo-tick .tk em{color:#E6ECF5;min-width:0}
.promo-tick .tk i{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}
.promo-tick .tk .ar{font-size:.72em;line-height:1}
.promo-tick .tk.up i{color:#3DDC97}.promo-tick .tk.dn i{color:#FF6B78}
.promo-tick .tk.fl-up{animation:tkUp .9s ease-out}.promo-tick .tk.fl-dn{animation:tkDn .9s ease-out}
.promo-tick .tk.fl-up em{animation:tkTxtUp .9s ease-out}.promo-tick .tk.fl-dn em{animation:tkTxtDn .9s ease-out}
@keyframes tkUp{0%{background:rgba(61,220,151,.22)}100%{background:transparent}}
@keyframes tkDn{0%{background:rgba(255,107,120,.22)}100%{background:transparent}}
@keyframes tkTxtUp{0%{color:#3DDC97}100%{color:#E6ECF5}}
@keyframes tkTxtDn{0%{color:#FF6B78}100%{color:#E6ECF5}}
.promo-tick .tk-tag{align-self:center;white-space:nowrap;font:600 .64rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#7F8BA0;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.32rem .6rem}
.promo-x{z-index:3}
@media(prefers-reduced-motion:reduce){.promo-tick .tk-row{overflow:hidden}.promo-tick .tk.fl-up,.promo-tick .tk.fl-dn,.promo-tick .tk em{animation:none!important}}