.performance-preview{aspect-ratio:1400/978}
.performance-preview .demo-dashboard,.performance-preview .demo-sidebar{height:1340px}
.performance-mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:22px}
.performance-preview h3{font-size:20px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#969caf}
.performance-mock-stats .demo-card{height:145px;padding:22px}
.performance-mock-stats strong{display:block;font-size:31px;font-weight:800;margin-top:12px;font-variant-numeric:tabular-nums}
.performance-mock-stats p{font-size:17px;color:#777e91;margin-top:5px}


.performance-mock-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.performance-mock-radar{height:416px}
.performance-mock-radar-svg{display:block;width:100%;height:330px;margin-top:12px}
.performance-mock-radar-svg text{fill:#777e91;font-size:18px;font-weight:600}
.performance-mock-symbols,.performance-mock-directions{height:274px}
.performance-mock-symbol-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #252833}
.performance-mock-symbol-row>div:first-child,.performance-mock-strategy>div:first-child{display:flex;gap:12px;align-items:center;white-space:nowrap}
.performance-mock-rank{display:inline-block;border-radius:20px;background:#222631;color:#969caf;padding:4px 10px;font-size:16px;font-weight:700}
.performance-mock-badge{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:15px;font-weight:800;color:#11131a;flex:none}
.performance-mock-symbol-row strong,.performance-mock-strategy strong{font-size:19px;font-weight:600}
.performance-mock-symbol-row small,.performance-mock-strategy small{font-size:15px;color:#777e91}
.performance-mock-track{height:9px;border-radius:10px;background:#1c202b;overflow:hidden}
.performance-mock-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#a76bf0);transform-origin:left center}
.performance-mock-wr{display:inline-block;white-space:nowrap;font-size:16px;font-weight:700;padding:5px 11px;border-radius:20px;color:#3b82f6;background:rgba(59,130,246,.15)}
.performance-mock-direction{display:grid;grid-template-columns:1.3fr 1fr auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid #252833;font-size:20px}
.performance-mock-direction>span{display:flex;gap:10px;align-items:center;white-space:nowrap}
.performance-mock-direction i{width:17px;height:17px;border-radius:50%;background:#3b82f6}.performance-mock-direction i.short{background:#c0394a}
.performance-mock-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.performance-mock-card-head>span{padding:9px 17px;border:1px solid #292e3a;border-radius:10px;background:#191b24;font-size:17px;color:#d7dbe5}
.performance-mock-strategy{display:grid;grid-template-columns:minmax(330px,1.1fr) minmax(150px,1.4fr) 175px auto;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #252833}
.performance-mock-strategy>b{font-size:21px;text-align:right;white-space:nowrap}
.performance-mock-symbol-row:last-child,.performance-mock-direction:last-child,.performance-mock-strategy:last-child{border-bottom:0}

/* Give Performance slightly more room and strengthen the smallest text. */
.performance-preview h3{font-size:22px;color:#aeb8ce}
.performance-mock-stats p{font-size:19px;color:#99a6bf}
.performance-mock-symbol-row small,.performance-mock-strategy small{font-size:18px;color:#99a6bf}
.performance-mock-symbol-row strong,.performance-mock-strategy strong{font-size:21px}
.performance-mock-rank,.performance-mock-wr{font-size:18px}
.performance-mock-radar-svg text{font-size:21px;fill:#99a6bf}
.performance-mock-card-head>span{font-size:19px}
@media(min-width:901px){.row:has(.performance-preview){grid-template-columns:7.6fr 4.4fr;gap:48px}}