.bi-kpis{display:flex;gap:6px;margin-bottom:10px}.bi-kpi{flex:1;background:#ffffff14;border-radius:6px;padding:6px 8px;text-align:center;opacity:0}.demo-bi-dashboard.in-view .bi-kpi:nth-child(1){animation:ana-pop .4s .2s ease forwards}.demo-bi-dashboard.in-view .bi-kpi:nth-child(2){animation:ana-pop .4s .4s ease forwards}.demo-bi-dashboard.in-view .bi-kpi:nth-child(3){animation:ana-pop .4s .6s ease forwards}.bi-kpi-value{font-size:19px;font-weight:900}.bi-kpi-value--green{color:#34d399}.bi-kpi-value--blue{color:#60a5fa}.bi-kpi-value--amber{color:#fbbf24}.bi-kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1}.bi-chart{display:flex;align-items:flex-end;gap:6px;height:60px;padding:0 4px;margin-top:4px;opacity:0}.demo-bi-dashboard.in-view .bi-chart{animation:ana-fade-up .4s .7s ease forwards}.bi-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.bi-bar{width:100%;border-radius:3px 3px 0 0;background:#60a5fa4d}.bi-bar--accent{background:#60a5fa}.bi-bar-label{font-size:10px;color:#cbd5e1}.pipe-flow{display:flex;align-items:flex-start;justify-content:center;width:100%}.pipe-node{display:flex;flex-direction:column;align-items:center;gap:3px;width:70px}.pipe-node-box{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0}.demo-data-pipeline.in-view .pipe-node:nth-child(1) .pipe-node-box{animation:ana-pop .4s .2s ease forwards}.demo-data-pipeline.in-view .pipe-node:nth-child(3) .pipe-node-box{animation:ana-pop .4s .6s ease forwards}.demo-data-pipeline.in-view .pipe-node:nth-child(5) .pipe-node-box{animation:ana-pop .4s 1s ease forwards}.pipe-node-box--source{background:#60a5fa33;color:#60a5fa}.pipe-node-box--transform{background:#fbbf2433;color:#fbbf24}.pipe-node-box--dest{background:#34d39933;color:#34d399}.pipe-node-box svg{width:20px;height:20px}.pipe-node-label{font-size:10px;font-weight:600;color:#cbd5e1;text-align:center}.pipe-node-sub{font-size:10px;color:#94a3b8;text-align:center}.pipe-arrow{display:flex;align-items:center;margin-top:14px;opacity:0}.demo-data-pipeline.in-view .pipe-arrow:nth-child(2){animation:ana-fade-up .3s .4s ease forwards}.demo-data-pipeline.in-view .pipe-arrow:nth-child(4){animation:ana-fade-up .3s .8s ease forwards}.pipe-arrow svg{width:20px;height:12px;color:#cbd5e1}.pipe-data-label{text-align:center;font-size:12px;color:#94a3b8;margin-top:14px;opacity:0}.demo-data-pipeline.in-view .pipe-data-label{animation:ana-fade-up .4s 1.3s ease forwards}.pipe-data-count{font-weight:800;color:#60a5fa}.rt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rt-title{font-size:13px;font-weight:700;color:#e2e8f0}.rt-live{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#f87171}.rt-live-dot{width:6px;height:6px;border-radius:50%;background:#f87171;animation:ana-pulse 1.5s infinite}.rt-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.rt-metric{background:#ffffff14;border-radius:6px;padding:6px;text-align:center;opacity:0}.demo-realtime.in-view .rt-metric:nth-child(1){animation:ana-pop .4s .2s ease forwards}.demo-realtime.in-view .rt-metric:nth-child(2){animation:ana-pop .4s .4s ease forwards}.demo-realtime.in-view .rt-metric:nth-child(3){animation:ana-pop .4s .6s ease forwards}.rt-metric-value{font-size:19px;font-weight:900;color:#f1f5f9}.rt-metric-label{font-size:10px;color:#cbd5e1;text-transform:uppercase}.rt-metric-change{font-size:11px;font-weight:700}.rt-metric-change--up{color:#34d399}.rt-metric-change--down{color:#f87171}.rt-sparkline{height:28px;opacity:0}.demo-realtime.in-view .rt-sparkline{animation:ana-fade-up .4s .8s ease forwards}.rt-sparkline svg{width:100%;height:100%}.rt-line{fill:none;stroke:#60a5fa;stroke-width:1.5}.rt-fill{fill:#60a5fa33;stroke:none}.pred-wrap{width:100%;display:flex;flex-direction:column}.pred-title{font-size:12px;font-weight:700;color:#e2e8f0;margin-bottom:2px}.pred-subtitle{font-size:11px;color:#94a3b8;margin-bottom:8px}.pred-chart{height:70px;position:relative;border-bottom:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12);opacity:0;padding:4px}.demo-predictive.in-view .pred-chart{animation:ana-fade-up .5s .2s ease forwards}.pred-chart svg{width:100%;height:100%}.pred-line-actual{fill:none;stroke:#60a5fa;stroke-width:2}.pred-area-actual{fill:#60a5fa26;opacity:.3}.pred-line-forecast{fill:none;stroke:#60a5fa;stroke-width:2;stroke-dasharray:4 3;opacity:.5}.pred-legend{display:flex;gap:12px;margin-top:8px;justify-content:center}.pred-legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.pred-legend-line{width:12px;height:2px;border-radius:1px}.pred-legend-line--actual{background:#60a5fa}.pred-legend-line--forecast{background:#60a5fa80}.pred-forecast-value{text-align:center;margin-top:6px;opacity:0}.demo-predictive.in-view .pred-forecast-value{animation:ana-pop .5s .8s ease forwards}.pred-forecast-num{font-size:28px;font-weight:900;color:#34d399}.pred-forecast-label{font-size:11px;color:#94a3b8}.viz-layout{display:flex;gap:12px;width:100%;align-items:center}.viz-donut-wrap{width:80px;height:80px;position:relative;flex-shrink:0;opacity:0}.demo-visualization.in-view .viz-donut-wrap{animation:ana-pop .5s .2s ease forwards}.viz-donut{width:100%;height:100%;transform:rotate(-90deg)}.viz-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.viz-donut-value{font-size:19px;font-weight:900;color:#f1f5f9}.viz-donut-label{font-size:8px;color:#cbd5e1;text-transform:uppercase}.viz-table{flex:1;display:flex;flex-direction:column;gap:3px}.viz-table-row{display:flex;align-items:center;gap:6px;font-size:12px;opacity:0}.demo-visualization.in-view .viz-table-row:nth-child(1){animation:ana-fade-up .3s .4s ease forwards}.demo-visualization.in-view .viz-table-row:nth-child(2){animation:ana-fade-up .3s .5s ease forwards}.demo-visualization.in-view .viz-table-row:nth-child(3){animation:ana-fade-up .3s .6s ease forwards}.demo-visualization.in-view .viz-table-row:nth-child(4){animation:ana-fade-up .3s .7s ease forwards}.viz-table-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.viz-table-dot--blue{background:#60a5fa}.viz-table-dot--green{background:#34d399}.viz-table-dot--amber{background:#fbbf24}.viz-table-dot--red{background:#f87171}.viz-table-name{flex:1;color:#cbd5e1;font-weight:500}.viz-table-pct{font-weight:700;color:#f1f5f9}.model-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.model-score-big{font-size:38px;font-weight:900;color:#34d399;text-align:center;opacity:0}.demo-analytics-support.in-view .model-score-big{animation:ana-pop .5s .2s ease forwards}.model-score-label{font-size:12px;color:#94a3b8;text-align:center;margin-bottom:10px}.model-metrics{width:100%;display:flex;flex-direction:column;gap:4px}.model-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#ffffff14;border-radius:6px;font-size:12px;opacity:0}.demo-analytics-support.in-view .model-row:nth-child(1){animation:ana-fade-up .3s .4s ease forwards}.demo-analytics-support.in-view .model-row:nth-child(2){animation:ana-fade-up .3s .5s ease forwards}.demo-analytics-support.in-view .model-row:nth-child(3){animation:ana-fade-up .3s .6s ease forwards}.demo-analytics-support.in-view .model-row:nth-child(4){animation:ana-fade-up .3s .7s ease forwards}.model-row-name{flex:1;color:#cbd5e1;font-weight:500}.model-row-value{font-weight:700;color:#34d399}.model-row-trend{font-size:11px;color:#34d399}.rt-live-dot{animation:ana-pulse 1.5s ease infinite}.demo-bi-dashboard.in-view .bi-kpi-value--green{animation:ana-breathe 3s ease-in-out 2s infinite}.demo-realtime.in-view .rt-metric-value{animation:ana-breathe 4s ease-in-out 2s infinite}.demo-analytics-support.in-view .model-score-big{animation:ana-breathe 3s ease-in-out 2s infinite}.model-row-trend{animation:ana-trend-bounce 2s ease infinite}@keyframes ana-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ana-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ana-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes ana-breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes ana-trend-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}