/* V13: concise, actual-data featured performance in hero */
.hero-proof-v13{overflow:hidden;padding:18px 18px 13px;max-width:100%;width:100%;box-sizing:border-box}
.hero-proof-v13 .hero-proof-head{gap:6px;margin-bottom:13px}
.hero-result-stage{position:relative;min-height:285px;overflow:hidden;isolation:isolate}
.hero-result{position:absolute;inset:0;display:flex;flex-direction:column;gap:11px;opacity:0;visibility:hidden;transform:translateX(17%) scale(.96);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease,visibility .42s;pointer-events:none;--accent:#ee9a39}
.hero-result[data-result-id="0052"]{--accent:#ef667e}.hero-result[data-result-id="0049"]{--accent:#bdc9d4}
.hero-result.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto}
.hero-result.is-leaving{visibility:visible;transform:translateX(-17%) scale(.96)}
.hero-result-title,.hero-result-identity{display:flex;align-items:center;gap:10px}.hero-result-title{justify-content:space-between;flex-wrap:wrap}.hero-result-identity img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#1c3443;padding:3px}.hero-result-identity div{display:flex;flex-direction:column;gap:2px}.hero-result-market{font-size:11px;color:#b3c8d3}.hero-result-identity strong{font-size:17px;color:#f4fcfd}.hero-result-release{font-size:10px;color:#b6cad2}
.hero-result-tabs{display:flex;gap:4px;padding:4px;background:#0b2130;border-radius:10px}.hero-result-tabs button{flex:1;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:9px 5px;background:transparent;color:#b6c9d1;font-size:10px;font-weight:650}.hero-result-tabs button.selected{background:#1f5161;color:#f0fffb}
.hero-result-plot{height:102px;overflow:hidden;background:linear-gradient(180deg,#102a39,#102330);border:1px solid #294554;border-radius:11px;padding:10px 12px}.hero-result-plot svg{width:100%;height:100%;overflow:visible}.hero-result-plot path{stroke:var(--accent);stroke-width:1.7;fill:none;vector-effect:non-scaling-stroke}
.hero-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hero-result-metrics>div{padding:7px 5px;background:#132d3b;border:1px solid #294655;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:0}.hero-result-metrics b{color:#f5fafb;font-size:clamp(12px,1.25vw,17px);font-variant-numeric:tabular-nums}.hero-result-metrics small{color:#a9c0cb;font-size:9px}
.hero-result-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#a9c6ce}.hero-result-bottom a{font-weight:700;color:#56dcca;white-space:nowrap}.hero-cost-indicator{color:#58d8ba}
.hero-result-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}.hero-result-nav>button{cursor:pointer;width:30px;height:30px;border-radius:50%;border:1px solid #3e6470;color:#e6fffb;background:#153442;font-size:22px;line-height:1}.hero-result-nav>button:hover{border-color:#61dac3}.hero-result-dots{display:flex;gap:7px}.hero-result-dots button{width:8px;height:8px;border:0;border-radius:20px;background:#496976;cursor:pointer;padding:0}.hero-result-dots button.on{width:23px;background:#54d8bc}
.hero-proof-v13 .hero-result-note{font-size:10px;line-height:1.5;margin:7px 0 0;color:#9eb5c0}
@media(max-width:800px){.hero-result-stage{min-height:310px}.hero-result-metrics b{font-size:14px}}@media(max-width:380px){.hero-result-stage{min-height:335px}.hero-result-metrics{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.hero-result{transition:none}}

.hero-period-label{font-size:10px;font-weight:650;letter-spacing:.02em;color:#92d8cb;padding:2px 0}.hero-result-stage{min-height:278px}

/* v14: reliable backtest tabs and comfortably proportioned equity plot */
.hero-result-stage{min-height:342px}
.hero-result{gap:8px}
.hero-result-plot{height:168px;box-sizing:border-box;padding:8px 12px}
.hero-result-plot svg{height:100%;width:100%;display:block;overflow:hidden}
.hero-result-plot polyline{vector-effect:non-scaling-stroke}
.hero-result-tabs{margin-top:1px}
.hero-result-tabs button:focus-visible{outline:2px solid #51d9c2;outline-offset:2px}
.hero-proof-v13 .hero-result-note{margin-top:10px}
@media(max-width:800px){.hero-result-stage{min-height:375px}}
@media(max-width:380px){.hero-result-stage{min-height:425px}}