/* TradeLytics main site: premium layer. Logo lockup, header, footer and the new homepage.
   Loaded after style.css and funnel.css. Everything is scoped to .brand-main, .main-footer, .nav-main or body.home,
   so the /ea section and the calculators keep their own look. */

/* ---------- Logo lockup (same family as AurumWave EA and the Store) ---------- */
.brand-main{display:inline-flex;gap:11px;align-items:center;min-height:44px;color:var(--text)}
.brand-main .lg-mark{flex:none;filter:drop-shadow(0 0 10px rgba(92,176,255,.25))}
.brand-main .lg-text{display:flex;flex-direction:column;line-height:1}
.brand-main .lg-name{font-size:21px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;color:var(--text)}
.brand-main .lg-name b{font-weight:800;background:linear-gradient(135deg,#9AD3FF,#3F8FE0);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-main .lg-by{margin-top:5px;font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}
@media(max-width:600px){.brand-main{gap:9px}.brand-main .lg-mark{width:32px;height:32px}.brand-main .lg-name{font-size:18px}.brand-main .lg-by{font-size:8.5px;letter-spacing:.16em}}
.brand-main:hover{opacity:1;text-decoration:none}.brand-main:hover .lg-mark{filter:drop-shadow(0 0 14px rgba(92,176,255,.45))}

/* ---------- Header (main section) ---------- */
.nav-main{gap:26px}
.nav-main .nav-link{font-size:14.5px;position:relative;padding:6px 0}
.nav-main .nav-link:hover{color:var(--text)}
.nav-main .nav-btn{border:1px solid var(--border);border-radius:9px;padding:8px 16px;color:var(--text);font-weight:600;background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}
.nav-main .nav-btn:hover{border-color:#3A5675;background:rgba(92,176,255,.08);color:var(--text)}
.nav-main .nav-quiet{color:var(--text-muted);font-size:14px}
.nav-main .nav-rent{color:var(--accent)}
.topbar{border-bottom-color:rgba(255,255,255,.07)}

/* ---------- Footer (main section) ---------- */
.main-footer{text-align:left;border-top:1px solid rgba(255,255,255,.07);margin-top:56px;padding-top:34px}
.main-footer .ft-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px 36px}
.main-footer .ft-blurb{color:var(--text-muted);font-size:13.5px;line-height:1.65;margin:14px 0 0;max-width:300px}
.main-footer h3{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}
.main-footer .ft-col a{display:block;color:var(--text);font-size:14px;font-weight:500;padding:5px 0}
.main-footer .ft-col a:hover{color:var(--accent);text-decoration:none}
.main-footer .ft-base{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);margin-top:28px;padding-top:18px}
.main-footer .ft-base a{color:var(--text-muted);font-size:13px;margin-right:18px}
.main-footer .ft-base a:hover{color:var(--text)}
.main-footer .footer-copyright{margin:0;text-align:right}
.main-footer .footer-disclaimer{margin:18px 0 0;max-width:none;text-align:left;font-size:11.5px}
@media(max-width:820px){.main-footer .ft-grid{grid-template-columns:1fr 1fr}.main-footer .ft-brand{grid-column:1/-1}.main-footer .footer-copyright{text-align:left}}

/* ================= HOMEPAGE ================= */
body.home{background:radial-gradient(1100px 520px at 78% -60px,rgba(47,127,216,.16),transparent 70%),radial-gradient(800px 420px at 8% 120px,rgba(52,199,123,.06),transparent 70%),var(--bg);background-repeat:no-repeat}
body.home .shell{max-width:1140px}
.hx{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:44px;align-items:center;padding:34px 0 22px}
.hx-live{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:5px 13px 5px 11px;margin:0 0 18px;background:rgba(255,255,255,.02)}
.hx-live .dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(52,199,123,.6);animation:hxp 2.4s ease-out infinite}
@keyframes hxp{0%{box-shadow:0 0 0 0 rgba(52,199,123,.55)}70%,100%{box-shadow:0 0 0 9px rgba(52,199,123,0)}}
@media(prefers-reduced-motion:reduce){.hx-live .dot{animation:none}}
.hx h1{font-size:clamp(2rem,4.6vw,3.35rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 16px;font-weight:800;text-align:left}
.hx-sub{color:var(--text-muted);font-size:1.06rem;line-height:1.6;margin:0 0 24px;max-width:520px}
.hx-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.hx .btn-funnel{padding:13px 24px;border-radius:10px;font-size:15px}
.hx .btn-funnel.alt{background:rgba(255,255,255,.03)}
.hx .btn-funnel.alt:hover{border-color:#3A5675;background:rgba(92,176,255,.08)}
.hx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;color:var(--text-muted);font-size:13px}
.hx-trust li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--up);margin-right:8px;vertical-align:middle}

/* the instrument */
.inst{display:block;position:relative;background:linear-gradient(180deg,#14233A,#0F1B2B);border:1px solid #223349;border-radius:20px;padding:20px 22px 18px;color:var(--text);box-shadow:0 30px 70px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04)}
.inst:hover{text-decoration:none;border-color:#33506F}
.inst-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.inst-head b{font-size:15px;letter-spacing:.02em}.inst-head span{color:var(--text-muted);font-size:13px;margin-left:8px}
.inst-body{position:relative;max-width:360px;margin:6px auto 0}
.gx{display:block;width:100%;height:auto;overflow:visible}
.gx-t{font-size:8.5px;fill:#8FA3B8;font-family:var(--font-sans)}
.inst-read{position:absolute;left:0;right:0;bottom:6%;text-align:center;line-height:1}
.inst-num{font-family:var(--font-mono);font-size:clamp(3rem,6vw,4.1rem);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.inst-word{display:block;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.inst-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#223349;border:1px solid #223349;border-radius:12px;overflow:hidden;margin-top:16px}
.inst-stats div{background:#101D2E;padding:10px 12px}
.inst-stats small{display:block;color:var(--text-muted);font-size:11px;margin-bottom:3px}
.inst-stats strong{font-size:14.5px;font-weight:700}
.up{color:var(--up)}.down{color:var(--down)}.flat{color:#A9B9CA}
.inst-foot{display:flex;justify-content:space-between;color:var(--text-muted);font-size:12px;margin-top:12px}

/* markets */
.hsec{margin:54px 0 0}
.hsec-h{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.hsec h2{font-size:clamp(1.3rem,2.4vw,1.75rem);letter-spacing:-.02em;margin:0;line-height:1.2}
.hsec-h p{color:var(--text-muted);margin:0;font-size:14px;max-width:460px}
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mk{display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 18px 16px;color:var(--text);transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mk:hover{text-decoration:none;border-color:#3A5675;transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.mk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mk-sym{display:block;font-size:16px;font-weight:700;letter-spacing:.01em}
.mk-name{display:block;color:var(--text-muted);font-size:12.5px;margin-top:2px}
.pill{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pill.up{background:rgba(52,199,123,.13);color:var(--up)}.pill.down{background:rgba(239,90,90,.13);color:var(--down)}.pill.flat{background:rgba(143,163,184,.13);color:#A9B9CA}
.mk-score{display:flex;align-items:baseline;gap:6px;margin:16px 0 12px}
.mk-score .num{font-family:var(--font-mono);font-size:2.35rem;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.mk-score .of{color:var(--text-muted);font-size:12.5px}
.mk-bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(239,90,90,.34) 0 35%,rgba(143,163,184,.22) 35% 65%,rgba(52,199,123,.34) 65% 100%);margin-bottom:14px}
.mk-bar i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#0B1420;border:3px solid currentColor}
.mk-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:12px}
.mk-meta b{color:var(--text);font-weight:600}
.mk-time{color:#6F849B;font-size:11.5px;margin-top:9px}

/* how the score is built */
.wbar{display:flex;gap:4px;height:12px;margin:0 0 18px}
.wbar i{display:block;border-radius:6px;background:linear-gradient(90deg,#2F7FD8,#5CB0FF)}
.wbar i:nth-child(2){opacity:.82}.wbar i:nth-child(3){opacity:.66}.wbar i:nth-child(4){opacity:.5}.wbar i:nth-child(5){opacity:.36}
.cmp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cmp div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}
.cmp strong{display:block;font-size:14.5px;margin-bottom:4px}
.cmp em{font-style:normal;font-family:var(--font-mono);color:#5CB0FF;font-size:13px}
.cmp span{display:block;color:var(--text-muted);font-size:13px;line-height:1.5;margin-top:8px}
.hnote{color:var(--text-muted);font-size:13px;margin:14px 0 0}

/* reading the signal */
.zones{display:grid;grid-template-columns:35fr 30fr 35fr;gap:4px;margin:0 0 12px}
.zones div{padding:14px 16px;border-radius:12px}
.zones .z-d{background:rgba(239,90,90,.1);border:1px solid rgba(239,90,90,.28)}
.zones .z-n{background:rgba(143,163,184,.08);border:1px solid rgba(143,163,184,.22)}
.zones .z-u{background:rgba(52,199,123,.1);border:1px solid rgba(52,199,123,.28)}
.zones b{display:block;font-size:15px}.zones small{color:var(--text-muted);font-size:12.5px}
.tiers{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.tiers span{border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:700;border:1px solid var(--border)}
.tiers .t1{color:var(--down);border-color:rgba(239,90,90,.4)}.tiers .t2{color:#F08A8A;border-color:rgba(239,90,90,.25)}.tiers .t3{color:#A9B9CA}.tiers .t4{color:#6FD9A0;border-color:rgba(52,199,123,.25)}.tiers .t5{color:var(--up);border-color:rgba(52,199,123,.4)}

/* products */
.eco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eco a{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;color:var(--text);transition:border-color .15s,transform .15s}
.eco a:hover{text-decoration:none;transform:translateY(-2px)}
.eco a:nth-child(1):hover{border-color:#34C77B}.eco a:nth-child(2):hover{border-color:#F0A94E}.eco a:nth-child(3):hover{border-color:#5CB0FF}
.eco svg{width:40px;height:40px;margin-bottom:6px}
.eco strong{font-size:17px;letter-spacing:-.01em}
.eco span{color:var(--text-muted);font-size:13.5px;line-height:1.55;flex:1}
.eco .go{font-weight:700;font-size:13.5px;margin-top:4px}
.eco a:nth-child(1) .go{color:var(--up)}.eco a:nth-child(2) .go{color:var(--accent)}.eco a:nth-child(3) .go{color:#5CB0FF}

/* editorial */
.edit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.edit h3{font-size:16px;margin:0 0 8px;letter-spacing:-.01em}.edit p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0}

@media(max-width:960px){.hx{grid-template-columns:1fr;gap:28px;padding-top:18px}.hx h1,.hx-sub{max-width:none}.inst{max-width:520px}.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp div:last-child{grid-column:1/-1}.eco,.edit{grid-template-columns:1fr}}
@media(max-width:560px){.mk-grid{grid-template-columns:1fr}.cmp{grid-template-columns:1fr}.zones{grid-template-columns:1fr}.hsec{margin-top:42px}.hx .btn-funnel{flex:1;text-align:center}.inst{padding:16px 16px 14px}}

/* ---------- Product promotion (homepage) ---------- */
.pstrip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 0}
.pstrip-a{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text);transition:border-color .15s,transform .15s}
.pstrip-a:hover{text-decoration:none;transform:translateY(-1px)}.pstrip-a.ea:hover{border-color:#F0A94E}.pstrip-a.st:hover{border-color:#5CB0FF}
.pstrip-a svg{width:38px;height:38px;flex:none}
.pstrip-a span{flex:1;min-width:0}.pstrip-a b{display:block;font-size:15px}.pstrip-a small{display:block;color:var(--text-muted);font-size:12.5px;margin-top:2px;line-height:1.4}
.pstrip-a i{font-style:normal;font-weight:700;font-size:13px;white-space:nowrap}.pstrip-a.ea i{color:var(--accent)}.pstrip-a.st i{color:#5CB0FF}
.offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.of-ea,.of-st{display:flex;flex-direction:column;border-radius:20px;padding:26px;border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}
.of-ea{background:radial-gradient(520px 260px at 100% 0,rgba(240,169,78,.14),transparent 70%),linear-gradient(180deg,#15233A,#111E2E);border-color:rgba(240,169,78,.35)}
.of-st{background:radial-gradient(520px 260px at 100% 0,rgba(92,176,255,.13),transparent 70%),linear-gradient(180deg,#14233A,#111E2E);border-color:rgba(92,176,255,.3)}
.of-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.of-top svg{width:44px;height:44px}
.of-tag{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 11px}
.of-ea h3,.of-st h3{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 8px}
.of-ea p,.of-st p{color:var(--text-muted);font-size:14.5px;line-height:1.6;margin:0 0 14px}
.of-ea ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font-size:14px}
.of-ea li:before{content:"\2713";color:var(--up);font-weight:800;margin-right:9px}.of-ea li b{color:var(--accent)}
.of-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.of-cta .btn-funnel{padding:12px 20px;border-radius:10px;font-size:14.5px}.btn-funnel.blue{background:linear-gradient(180deg,#7CC2FF,#4A9BEA);color:#06121F}
.of-list{display:grid;gap:8px;margin:0 0 20px}
.of-prod{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:8px 12px 8px 8px;color:var(--text);transition:border-color .15s}
.of-prod:hover{text-decoration:none;border-color:#5CB0FF}
.of-prod img,.of-ph{width:72px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:#16283C}
.of-pn{flex:1;min-width:0}.of-pn b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-pn small{color:var(--text-muted);font-size:12px}
.of-pp{font-weight:800;color:#5CB0FF;font-size:15px}
.endband{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:56px 0 0;padding:28px 30px;border-radius:20px;border:1px solid #2A405B;background:radial-gradient(700px 240px at 0 0,rgba(240,169,78,.12),transparent 70%),radial-gradient(700px 240px at 100% 100%,rgba(92,176,255,.12),transparent 70%),#111E2E}
.endband h2{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 4px}.endband p{color:var(--text-muted);margin:0;font-size:14.5px}
.endband-cta{display:flex;gap:10px;flex-wrap:wrap}.endband .btn-funnel{padding:13px 22px;border-radius:10px}
@media(max-width:960px){.offer{grid-template-columns:1fr}}
@media(max-width:700px){.pstrip{grid-template-columns:1fr}.pstrip-a i{display:none}.of-ea,.of-st{padding:20px}.endband{padding:22px 20px}.endband-cta{width:100%}.endband-cta .btn-funnel{flex:1;text-align:center}}
.of-ph{background:linear-gradient(135deg,#1B3550,#14263B)!important;border:1px solid rgba(92,176,255,.18)}

/* ---------- Mobile menu: top-right button, same pattern as the store (works without JavaScript) ---------- */
.topbar details.menu{display:none;margin-left:auto;position:relative}
.topbar details.menu summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid #2A405B;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--surface);color:var(--text)}
.topbar details.menu summary::-webkit-details-marker{display:none}
.topbar details.menu[open] summary{border-color:var(--accent)}
.topbar .menu-panel{position:absolute;right:0;top:52px;width:min(86vw,300px);max-height:78vh;overflow-y:auto;background:var(--surface-2);border:1px solid #2A405B;border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:40}
.topbar .menu-panel a{display:flex;align-items:center;min-height:44px;padding:0 14px;color:var(--text);border-radius:10px;font-weight:500;font-size:15px;text-decoration:none}
.topbar .menu-panel a:hover{background:var(--surface);text-decoration:none}
.topbar .menu-panel .menu-rent{color:var(--accent)}
.topbar .menu-panel .menu-acct{border:1px solid #2A405B;justify-content:center;margin-top:6px;font-weight:700}
.topbar .menu-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px 4px}
.topbar .menu-extra{padding:4px 14px 8px}
@media(max-width:780px){.topbar details.menu{display:block}}

/* Main site, desktop: menu sits at the top right */
@media(min-width:781px){.topbar .nav-main{margin-left:auto}.topbar .nav-main + .topbar-extra:empty{display:none}}
@media(min-width:781px){.topbar .topbar-extra{margin-left:22px}}

/* Floating header, same as the store: stays on screen while scrolling, translucent with blur */
.topbar{position:sticky;top:0;z-index:30;padding-top:10px;padding-bottom:10px}
.topbar::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:rgba(11,20,32,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1;pointer-events:none}
body{overflow-x:clip}
.topbar details.menu[open] .menu-panel{z-index:31}

/* ---- policy pages: terms (shared look with the refund policy) ---- */
.policy{max-width:760px;line-height:1.7}
.policy h2{font-size:1.15rem;margin:30px 0 10px;padding-top:18px;border-top:1px solid var(--border);letter-spacing:.01em}
.policy h3{font-size:1rem;margin:18px 0 6px;color:var(--accent-2,var(--accent))}
.policy ul{padding-left:1.2em}.policy li{margin:6px 0}
.policy code{font-family:var(--mono,ui-monospace,Menlo,Consolas,monospace);font-size:.9em;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px}
.policy .pol-meta{color:var(--muted,var(--text-muted));font-size:.85rem;margin:0 0 6px}
.policy .pol-lead{font-size:1.05rem;margin:0 0 16px}
.pol-short{border:1px solid var(--border-2,var(--border));border-left:3px solid var(--accent);border-radius:var(--radius,14px);padding:4px 20px 12px;background:rgba(255,255,255,.025)}
.pol-short h2{border-top:0;margin-top:14px;padding-top:0}