.growth-performance{padding-top:30px}
.performance-card{position:relative;isolation:isolate;overflow:hidden;transition:border-color .4s,box-shadow .4s}
.performance-card:before{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 25%,#1677ff12,transparent 45%),radial-gradient(ellipse at 20% 75%,#67d8ff0b,transparent 40%)}
.performance-playing:before{animation:performance-drift 16s ease-in-out infinite alternate}
.performance-controls button{transition:transform .25s,background .25s,color .25s,box-shadow .25s,border-color .25s}
.performance-footer a span{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.performance-footer a:hover span{transform:translate(3px,-3px)}
.performance-plot .chart-end-glow{fill:none;stroke:var(--chart-accent);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}
.performance-playing .chart-end-glow{animation:performance-pulse 2.8s ease-out 1.6s infinite}
.performance-plot .chart-point{transition:filter .25s}
.performance-plot .chart-point-active{filter:drop-shadow(0 0 5px var(--chart-accent));stroke:var(--chart-accent);stroke-width:4}
@keyframes performance-drift{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(3%,2%,0)}}
@keyframes performance-pulse{0%{opacity:.65;transform:scale(.7)}75%,100%{opacity:0;transform:scale(2.5)}}
@media(hover:hover) and (pointer:fine){.performance-card:hover{border-color:#67d8ff50;box-shadow:0 24px 65px #1677ff14}.performance-controls button:hover{transform:translateY(-2px);border-color:#67d8ff80;box-shadow:0 6px 18px #1677ff22}.performance-controls button:active{transform:translateY(0) scale(.97)}}
@media(prefers-reduced-motion:reduce){.performance-card,.performance-controls button,.performance-footer a span,.performance-plot .chart-point{transition:none}.performance-playing:before,.performance-playing .chart-end-glow{animation:none}.performance-controls button:hover,.performance-controls button:active,.performance-footer a:hover span{transform:none}}
.motion-paused .performance-controls button,.motion-paused .performance-footer a span{transform:none!important}
.performance-plot .chart-point{transform-box:fill-box;transform-origin:center}
.performance-summary [data-chart-value]{display:inline-block}
.performance-card{--chart-text:#f2f6ff;--chart-muted:#a4b3cb;--chart-line:#ffffff14;--chart-accent:#36c4f4;color:var(--chart-text);padding:40px;border:1px solid #ffffff20;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#475bc51c,transparent 55%),#101827;box-shadow:0 24px 70px #0002}
.performance-header{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-bottom:30px;border-bottom:1px solid var(--chart-line)}
.performance-intro{max-width:630px}.performance-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #368cff4d;border-radius:30px;background:#2977ff12;padding:5px 12px;font-size:12px;font-weight:600;color:#76b6ff;margin-bottom:16px}
.performance-intro h2{color:var(--chart-text);font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-1.3px;margin:0 0 14px}.performance-intro h2 span{color:#67d8ff}.performance-intro p{font-size:14px;line-height:1.7;color:var(--chart-muted);margin:0;max-width:560px}
.performance-controls{display:flex;flex-wrap:wrap;gap:8px;padding:7px;border:1px solid var(--chart-line);border-radius:16px;background:#080e1b70;max-width:340px;flex-shrink:0}.performance-controls button{font:inherit;font-size:12px;font-weight:600;color:var(--chart-muted);background:#ffffff06;border:1px solid var(--chart-line);border-radius:11px;padding:11px 15px;cursor:pointer}.performance-controls button span{margin-right:5px}.performance-controls button[aria-pressed=true]{color:#fff;background:#2563eb;border-color:#508aff;box-shadow:0 4px 18px #2563eb30}.performance-controls button:focus-visible,.performance-footer a:focus-visible,.performance-data summary:focus-visible{outline:2px solid var(--chart-accent);outline-offset:4px}
.performance-summary{display:flex;align-items:center;gap:26px;padding:26px 0 22px}.performance-summary>div>span{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:var(--chart-text)}.performance-summary small{display:block;color:var(--chart-muted);font-size:11px;margin-top:4px}.performance-summary p{font-size:12px;color:#79dfbd;margin:0}.performance-sample{margin-left:auto;border:1px solid var(--chart-line);border-radius:20px;padding:6px 11px;color:var(--chart-muted);font-size:10px;white-space:nowrap}
.performance-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:var(--chart-muted);font-size:11px;margin:12px 0 20px}.performance-legend span{display:flex;align-items:center;gap:8px}.performance-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--chart-accent)}.performance-legend span+span i{background:#7d8da5}
.performance-plot{position:relative}.performance-plot svg{display:block;width:100%;height:auto;overflow:visible}.performance-plot text{fill:var(--chart-muted);font-family:inherit;font-size:11px}.performance-plot .chart-grid{stroke:var(--chart-line);stroke-width:1}.performance-plot .chart-point{fill:var(--chart-accent);stroke:#101827;stroke-width:2}.performance-plot .chart-hit{fill:transparent;cursor:crosshair;outline:none}.performance-plot .chart-hit:focus,.performance-plot .chart-hit:hover{fill:#36c4f40c;stroke:#36c4f433;stroke-width:1}.performance-tooltip{position:absolute;z-index:2;pointer-events:none;white-space:pre-line;background:#081222;color:#eef6ff;border:1px solid #365578;border-radius:10px;padding:10px 13px;font-size:12px;line-height:1.7;box-shadow:0 8px 22px #0003;transform:translateX(-50%);max-width:230px}
.performance-footer{border-top:1px solid var(--chart-line);padding-top:22px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:26px}.performance-footer p{font-size:11px;line-height:1.7;color:var(--chart-muted);margin:0;max-width:650px}.performance-footer a{color:#7bceff;font-size:12px;white-space:nowrap}.performance-footer a span{margin-left:8px}.performance-data{margin-top:18px;font-size:11px;color:var(--chart-muted)}.performance-data summary{cursor:pointer;width:fit-content}.performance-table-wrap{overflow-x:auto}.performance-data table{width:100%;margin-top:16px;border-collapse:collapse;text-align:left}.performance-data caption{color:var(--chart-muted);caption-side:top}.performance-data th,.performance-data td{padding:10px;border-bottom:1px solid var(--chart-line)}.performance-no-script{font-size:13px;margin-top:20px}
html[data-theme=light] .performance-card{--chart-text:#132944;--chart-muted:#52647d;--chart-line:#193f6e18;--chart-accent:#0884b9;background:radial-gradient(ellipse at 95% 0,#d9e4ff70,transparent 55%),#fff;border-color:#dce5f2;box-shadow:0 20px 60px #142d5009}html[data-theme=light] .performance-badge{color:#1762ba}html[data-theme=light] .performance-intro h2 span{color:#105bc5}html[data-theme=light] .performance-controls{background:#f0f4fa}html[data-theme=light] .performance-summary p{color:#167450}html[data-theme=light] .performance-footer a{color:#1762ba}html[data-theme=light] .performance-plot .chart-point{stroke:#fff}
@media(max-width:1000px){.performance-header{align-items:flex-start;flex-direction:column;gap:24px}.performance-controls{max-width:none}.performance-card{padding:30px}}
@media(max-width:600px){.performance-card{padding:23px 16px;border-radius:18px}.performance-intro h2{letter-spacing:-.7px}.performance-intro h2 br{display:none}.performance-intro p{font-size:12px}.performance-controls{width:100%;gap:5px}.performance-controls button{padding:9px 8px;font-size:10px;flex:1}.performance-controls button span{display:none}.performance-summary{flex-wrap:wrap;gap:12px 20px}.performance-summary p{font-size:11px;max-width:150px}.performance-sample{margin-left:0}.performance-legend{justify-content:flex-start;gap:10px;font-size:10px}.performance-plot{overflow-x:auto;padding-bottom:4px}.performance-plot svg{min-width:620px}.performance-footer{align-items:flex-start;flex-direction:column;gap:12px}}