.video-icon svg{fill:currentColor;stroke:none}.timeline{margin-top:16px;background:linear-gradient(145deg,#101421,#0b0e17);border:1px solid #222a40;border-radius:14px;padding:28px}.timeline-head{display:flex;align-items:end;justify-content:space-between}.timeline-head h2{font:600 24px 'Space Grotesk';margin:8px 0 0}.timeline-head>small{color:#66718d;font:600 9px monospace}.frame-chart{display:flex;align-items:end;gap:3px;height:220px;margin-top:30px;padding:18px 12px 27px;border-left:1px solid #252d44;border-bottom:1px solid #252d44;background:linear-gradient(#5c73b40c 1px,transparent 1px);background-size:100% 25%}.frame{position:relative;display:flex;align-items:end;flex:1;height:100%;min-width:3px}.frame>i{display:block;width:100%;min-height:2px;background:linear-gradient(180deg,var(--cyan),var(--blue) 45%,var(--violet));box-shadow:0 0 9px #428cff4a;border-radius:2px 2px 0 0;transition:.2s}.frame:hover>i{filter:brightness(1.5);box-shadow:0 0 15px #5bbdff}.frame small{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:#57627c;font:500 7px monospace}.frame:nth-child(even) small{display:none}.chart-key{display:flex;justify-content:space-between;margin-top:18px;color:#68738d;font-size:11px}.chart-key span{display:flex;align-items:center;gap:7px}.chart-key span i{width:8px;height:8px;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:2px}.chart-key b{color:#9cb7ff}.metric-grid.video{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.metric-grid.video{grid-template-columns:1fr 1fr}.timeline-head{align-items:flex-start;gap:15px;flex-direction:column}.frame-chart{overflow:hidden}}
@media(max-width:520px){.metric-grid.video{grid-template-columns:1fr}.timeline{padding:20px 14px}.frame-chart{height:180px;padding-left:5px;padding-right:5px}.frame small{display:none!important}.tab{padding:10px 2px;font-size:10px}.tab small{display:none}}