/* Homepage backtest comparison chart */
.backtest-panel{
  position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(61,220,132,.08),rgba(245,165,36,.06) 48%,rgba(255,255,255,.02));
  border:1px solid var(--line);border-radius:calc(var(--radius) + 10px);padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.22);
}
.backtest-panel::before{content:"";position:absolute;inset:-120px -160px auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,132,.16),transparent 65%);pointer-events:none}
.backtest-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px;position:relative}
.backtest-head h2{margin:0;max-width:720px}.backtest-head p{margin:10px 0 0;max-width:72ch}
.backtest-status{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}
.backtest-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;position:relative}
.backtest-stat{background:rgba(7,10,16,.55);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.backtest-stat span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.backtest-stat b{font-family:var(--mono);font-size:28px;letter-spacing:-.03em;color:var(--text)}
.backtest-stat b.method{color:var(--signal)}.backtest-stat b.spy{color:var(--amber)}
.backtest-chart-card{background:rgba(7,10,16,.72);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative}
.backtest-chart{width:100%;height:auto;display:block;min-height:320px}
.backtest-chart text{font-family:var(--mono);font-size:11px;fill:var(--muted)}
.backtest-chart .grid{stroke:rgba(255,255,255,.08);stroke-width:1}.backtest-chart .axis{stroke:rgba(255,255,255,.22);stroke-width:1}
.backtest-chart .line-method{fill:none;stroke:var(--signal);stroke-width:3;filter:drop-shadow(0 0 8px rgba(61,220,132,.25))}
.backtest-chart .line-spy{fill:none;stroke:var(--amber);stroke-width:3;filter:drop-shadow(0 0 8px rgba(245,165,36,.18))}
.backtest-chart .area-method{fill:rgba(61,220,132,.08)}.backtest-chart .area-spy{fill:rgba(245,165,36,.06)}
.backtest-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.legend-key{display:inline-flex;align-items:center;gap:7px}.legend-key i{width:20px;height:3px;border-radius:9px;display:inline-block}.legend-key .method{background:var(--signal)}.legend-key .spy{background:var(--amber)}
.backtest-disclaimer{margin:16px 0 0;padding:14px 16px;border-radius:var(--radius);border:1px solid rgba(245,165,36,.38);background:rgba(245,165,36,.08);font-family:var(--mono);font-size:12px;color:var(--text)}
.backtest-empty{color:var(--muted);padding:30px;text-align:center}.backtest-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:760px){.backtest-panel{padding:20px}.backtest-head{display:block}.backtest-status{text-align:left;margin-top:12px}.backtest-stats{grid-template-columns:1fr}.backtest-stat b{font-size:24px}.backtest-chart{min-height:240px}}