.voice-performance-panel{position:relative;overflow:hidden;margin:26px 0;padding:30px;border:1px solid rgba(70,226,202,.28);border-radius:30px;background:radial-gradient(circle at 8% 0,rgba(72,225,201,.14),transparent 34%),radial-gradient(circle at 100% 75%,rgba(100,130,255,.12),transparent 38%),linear-gradient(145deg,#071522,#060d18);box-shadow:0 28px 80px rgba(0,0,0,.25);scroll-margin-top:92px}
.voice-performance-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.voice-performance-heading>div>span{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#73e3d1}.voice-performance-heading h2{max-width:790px;margin:8px 0 10px;font-size:clamp(26px,3.3vw,44px);line-height:1.04;letter-spacing:-.045em}.voice-performance-heading p{max-width:900px;margin:0;color:#9aacbf;line-height:1.65}.voice-performance-heading code{padding:.12em .35em;border-radius:6px;background:rgba(255,255,255,.07);color:#d9f8f2}.voice-performance-heading>b{flex:0 0 auto;padding:10px 13px;border:1px solid rgba(112,224,207,.32);border-radius:999px;color:#83ead9;background:rgba(77,215,194,.08);font:700 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}
.voice-performance-proof{margin:22px 0;padding:15px 17px;border:1px solid rgba(91,218,201,.18);border-radius:16px;background:rgba(40,147,133,.07);color:#9fb5c7;line-height:1.55}.voice-performance-proof strong{color:#e8fffa}
.voice-performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:18px}.voice-performance-metrics article{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(3,10,19,.62)}.voice-performance-metrics span,.voice-performance-segment span{display:block;color:#76dccc;font:700 10px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.voice-performance-metrics b{display:block;margin:9px 0 5px;font-size:24px;color:#f0fbff}.voice-performance-metrics small{color:#8195a8;line-height:1.35}
.voice-performance-toolbar{display:flex;align-items:end;gap:12px;margin:10px 0 14px}.voice-performance-toolbar label{display:grid;gap:6px;min-width:190px;color:#9fb4c5;font-size:12px}.voice-performance-toolbar select,.voice-performance-toolbar button{box-sizing:border-box;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#07111e;color:#eaf8ff;font:inherit}.voice-performance-toolbar button{cursor:pointer;background:linear-gradient(135deg,rgba(58,210,187,.2),rgba(92,115,241,.18));font-weight:750}.voice-performance-toolbar p{margin:0 0 10px;color:#8ca1b4}
.voice-performance-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.voice-performance-segment{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(3,10,19,.64)}.voice-performance-segment h3{margin:7px 0 8px;font-size:16px}.voice-performance-segment p{margin:0;color:#91a5b7;line-height:1.45}.voice-performance-segments>p{grid-column:1/-1;margin:0;padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:#8ea2b5}
@media(max-width:980px){.voice-performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-performance-segments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.voice-performance-panel{padding:20px 14px;border-radius:22px}.voice-performance-heading{display:grid}.voice-performance-heading>b{justify-self:start}.voice-performance-metrics{grid-template-columns:1fr 1fr}.voice-performance-toolbar{align-items:stretch;flex-direction:column}.voice-performance-toolbar label{min-width:0}.voice-performance-segments{grid-template-columns:1fr}}
