.erp-layout{display:flex;gap:12px;height:100%}.erp-sidebar{width:80px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,.12);padding-right:10px}.erp-module{font-size:12px;font-weight:600;padding:5px 6px;border-radius:4px;color:#cbd5e1;opacity:0}.demo-erp.in-view .erp-module:nth-child(1){animation:ent-slide-in .3s .2s ease forwards}.demo-erp.in-view .erp-module:nth-child(2){animation:ent-slide-in .3s .4s ease forwards}.demo-erp.in-view .erp-module:nth-child(3){animation:ent-slide-in .3s .6s ease forwards}.demo-erp.in-view .erp-module:nth-child(4){animation:ent-slide-in .3s .8s ease forwards}.erp-module.erp-active{background:#2563eb26;color:#60a5fa}.erp-main{flex:1;display:flex;flex-direction:column;gap:6px}.erp-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}.erp-kpi{background:#ffffff14;border-radius:6px;padding:8px;text-align:center;opacity:0}.demo-erp.in-view .erp-kpi:nth-child(1){animation:ent-pop .4s .4s ease forwards}.demo-erp.in-view .erp-kpi:nth-child(2){animation:ent-pop .4s .6s ease forwards}.demo-erp.in-view .erp-kpi:nth-child(3){animation:ent-pop .4s .8s ease forwards}.demo-erp.in-view .erp-kpi:nth-child(4){animation:ent-pop .4s 1s ease forwards}.erp-kpi-value{font-size:20px;font-weight:900}.erp-kpi-value--revenue{color:#34d399}.erp-kpi-value--orders{color:#60a5fa}.erp-kpi-value--efficiency{color:#fbbf24}.erp-kpi-value--growth{color:#a78bfa}.erp-kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;margin-top:2px}.crm-contact{display:flex;align-items:center;gap:10px;margin-bottom:12px;opacity:0}.demo-crm.in-view .crm-contact{animation:ent-fade-up .4s .2s ease forwards}.crm-avatar{width:36px;height:36px;border-radius:50%;background:#2563eb33;color:#60a5fa;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-info{flex:1}.crm-name{font-size:16px;font-weight:700;color:#f1f5f9}.crm-company{font-size:12px;color:#94a3b8}.crm-deal{font-size:19px;font-weight:900;color:#34d399}.crm-pipeline{display:flex;gap:2px;margin-top:10px}.crm-stage{flex:1;padding:6px 2px;text-align:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff14;color:#cbd5e1;border-radius:4px;transition:all .4s;opacity:0}.demo-crm.in-view .crm-stage:nth-child(1){animation:ent-fade-up .3s .5s ease forwards}.demo-crm.in-view .crm-stage:nth-child(2){animation:ent-fade-up .3s .7s ease forwards}.demo-crm.in-view .crm-stage:nth-child(3){animation:ent-fade-up .3s .9s ease forwards}.demo-crm.in-view .crm-stage:nth-child(4){animation:ent-fade-up .3s 1.1s ease forwards}.crm-stage--active{background:#2563eb33;color:#60a5fa}.crm-stage--won{background:#05966933;color:#34d399}.crm-activity{margin-top:10px;display:flex;flex-direction:column;gap:3px;opacity:0}.demo-crm.in-view .crm-activity{animation:ent-fade-up .4s 1.3s ease forwards}.crm-activity-row{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.crm-activity-dot{width:4px;height:4px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.wf-header{font-size:12px;font-weight:700;color:#94a3b8;text-align:center;margin-bottom:14px;letter-spacing:.05em;text-transform:uppercase}.wf-flow{display:flex;align-items:flex-start;justify-content:center}.wf-step{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.wf-node{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:13px;color:#94a3b8}.wf-node--done{border-color:#34d399;background:#05966933;color:#34d399}.wf-node--active{border-color:#60a5fa;background:#2563eb33;color:#60a5fa}.wf-step-label{font-size:10px;color:#94a3b8;font-weight:500;text-align:center;line-height:1.2}.wf-connector{width:16px;height:2px;background:#ffffff26;margin-top:14px;flex-shrink:0}.wf-connector--done{background:#34d399}.wf-status{text-align:center;margin-top:14px;font-size:13px;font-weight:700;color:#34d399;opacity:0}.demo-workflow.in-view .wf-status{animation:ent-fade-up .4s 2s ease forwards}.comp-list{width:100%;display:flex;flex-direction:column;gap:5px}.comp-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff14;border-radius:6px;opacity:0}.demo-compliance.in-view .comp-row:nth-child(1){animation:ent-fade-up .3s .2s ease forwards}.demo-compliance.in-view .comp-row:nth-child(2){animation:ent-fade-up .3s .4s ease forwards}.demo-compliance.in-view .comp-row:nth-child(3){animation:ent-fade-up .3s .6s ease forwards}.demo-compliance.in-view .comp-row:nth-child(4){animation:ent-fade-up .3s .8s ease forwards}.comp-check{width:16px;height:16px;border-radius:3px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex-shrink:0}.comp-check--done{border-color:#34d399;background:#05966933;color:#34d399}.comp-text{font-size:13px;font-weight:600;color:#e2e8f0;flex:1}.comp-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;background:#05966933;color:#34d399}.comp-score{text-align:center;margin-top:10px;opacity:0}.demo-compliance.in-view .comp-score{animation:ent-pop .5s 1.2s ease forwards}.comp-score-num{font-size:38px;font-weight:900;color:#34d399}.comp-score-label{font-size:12px;color:#94a3b8}.legacy-split{display:flex;gap:8px;width:100%}.legacy-side{flex:1;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px}.legacy-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:2px}.legacy-old{background:#ffffff0d;border:1px dashed rgba(255,255,255,.15);opacity:0}.demo-legacy.in-view .legacy-old{animation:ent-fade-up .4s .2s ease forwards}.legacy-old .legacy-label{color:#64748b}.legacy-field-old{height:8px;border-radius:2px;background:#ffffff1f}.legacy-new{background:#2563eb1a;border:1px solid rgba(96,165,250,.3);opacity:0}.demo-legacy.in-view .legacy-new{animation:ent-fade-up .4s 1s ease forwards}.legacy-new .legacy-label{color:#60a5fa}.legacy-field-new{height:8px;border-radius:4px}.legacy-field-new--blue{background:#60a5fa}.legacy-field-new--green{background:#34d399}.legacy-field-new--amber{background:#fbbf24}.legacy-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0}.demo-legacy.in-view .legacy-arrow{animation:ent-pop .4s .7s ease forwards}.legacy-arrow svg{width:12px;height:12px}.sla-metrics{width:100%;display:flex;flex-direction:column;gap:4px}.sla-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff14;border-radius:6px;opacity:0}.demo-enterprise-support.in-view .sla-row:nth-child(1){animation:ent-fade-up .3s .2s ease forwards}.demo-enterprise-support.in-view .sla-row:nth-child(2){animation:ent-fade-up .3s .4s ease forwards}.demo-enterprise-support.in-view .sla-row:nth-child(3){animation:ent-fade-up .3s .6s ease forwards}.sla-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sla-dot--ok{background:#34d399}.sla-dot--warn{background:#fbbf24}.sla-name{font-size:13px;font-weight:500;color:#e2e8f0;flex:1}.sla-value{font-size:14px;font-weight:700}.sla-value--ok{color:#34d399}.sla-value--warn{color:#fbbf24}.sla-timeline{display:flex;gap:2px;align-items:flex-end;height:16px;margin-top:8px;opacity:0}.demo-enterprise-support.in-view .sla-timeline{animation:ent-fade-up .4s .9s ease forwards}.sla-tbar{flex:1;border-radius:2px;min-height:3px;background:#34d3994d}.sla-tbar--incident{background:#fbbf244d}.demo-erp.in-view .erp-kpi-value--revenue,.demo-crm.in-view .crm-deal{animation:ent-breathe 3s ease-in-out 2s infinite}.demo-workflow.in-view .wf-node--active{animation:ent-pulse 1.5s ease infinite}.sla-dot--ok{animation:ent-dot-pulse 2s ease infinite}.sla-dot--warn{animation:ent-dot-pulse 1.5s ease infinite}.legacy-arrow{transition:transform .3s}.demo-legacy.in-view .legacy-arrow{animation:ent-arrow-bounce 2s ease-in-out 1.5s infinite}@keyframes ent-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ent-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes ent-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ent-pulse{0%,to{box-shadow:0 0 #2563eb4d}50%{box-shadow:0 0 0 6px #2563eb00}}@keyframes ent-breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes ent-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes ent-arrow-bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}