@keyframes dx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dx-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dx-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dx-pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes dx-breathe{0%,to{opacity:1}50%{opacity:.7}}.dx-radar-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.dx-radar-chart{position:relative;width:220px;height:220px}.dx-radar-grid{opacity:.15}.dx-radar-grid polygon{fill:none;stroke:#cbd5e1;stroke-width:.5}.dx-radar-label{font-size:11px;font-weight:700;fill:#cbd5e1;text-anchor:middle;dominant-baseline:middle;opacity:0}.demo-dx-maturity.in-view .dx-radar-label{animation:dx-fade-in .4s ease forwards}.demo-dx-maturity.in-view .dx-radar-label:nth-child(1){animation-delay:.3s}.demo-dx-maturity.in-view .dx-radar-label:nth-child(2){animation-delay:.4s}.demo-dx-maturity.in-view .dx-radar-label:nth-child(3){animation-delay:.5s}.demo-dx-maturity.in-view .dx-radar-label:nth-child(4){animation-delay:.6s}.demo-dx-maturity.in-view .dx-radar-label:nth-child(5){animation-delay:.7s}@keyframes dx-radar-grow{0%{opacity:0;transform:scale(.1);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}.dx-radar-data{fill:#10b98133;stroke:#34d399;stroke-width:2;opacity:0;transform-origin:110px 110px}.demo-dx-maturity.in-view .dx-radar-data{animation:dx-radar-grow 1.2s cubic-bezier(.25,.46,.45,.94) .4s forwards}.dx-radar-dot{fill:#10b981;r:4;opacity:0}.demo-dx-maturity.in-view .dx-radar-dot{animation:dx-pop .4s ease forwards}.demo-dx-maturity.in-view .dx-radar-dot:nth-child(1){animation-delay:1s}.demo-dx-maturity.in-view .dx-radar-dot:nth-child(2){animation-delay:1.1s}.demo-dx-maturity.in-view .dx-radar-dot:nth-child(3){animation-delay:1.2s}.demo-dx-maturity.in-view .dx-radar-dot:nth-child(4){animation-delay:1.3s}.demo-dx-maturity.in-view .dx-radar-dot:nth-child(5){animation-delay:1.4s}.dx-radar-score-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.dx-radar-score{font-size:32px;font-weight:900;color:#34d399;line-height:1}.dx-radar-score-label{font-size:11px;font-weight:600;color:#94a3b8;margin-top:2px;letter-spacing:.03em}.dx-radar-bottom{font-size:13px;font-weight:700;color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;opacity:0}.demo-dx-maturity.in-view .dx-radar-bottom{animation:dx-fade-up .5s 1.6s ease forwards}.demo-dx-maturity.in-view .dx-radar-score{animation:dx-breathe 3s ease-in-out 2.5s infinite}.dx-timeline-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.dx-timeline{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px}.dx-timeline-track{position:absolute;top:50%;left:32px;right:32px;height:3px;background:#ffffff1a;border-radius:2px;transform:translateY(-50%)}@keyframes dx-line-fill{0%{width:0}to{width:100%}}.dx-timeline-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:linear-gradient(90deg,#6366f1,#818cf8);width:0}.demo-dx-roadmap.in-view .dx-timeline-fill{animation:dx-line-fill 3s cubic-bezier(.25,.46,.45,.94) .3s forwards}.dx-milestone{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.dx-milestone-dot{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.15);background:#1b2a4a;display:flex;align-items:center;justify-content:center;transition:border-color .4s,background .4s}.dx-milestone-dot-inner{width:8px;height:8px;border-radius:50%;background:transparent;transition:background .4s,box-shadow .4s}.dx-milestone.lit .dx-milestone-dot{border-color:#818cf8;background:#6366f126}.dx-milestone.lit .dx-milestone-dot-inner{background:#818cf8;box-shadow:0 0 8px #6366f180}.dx-milestone-quarter{font-size:11px;font-weight:800;color:#ffffff4d;letter-spacing:.05em;text-transform:uppercase;transition:color .4s}.dx-milestone.lit .dx-milestone-quarter{color:#818cf8}.dx-milestone-label{font-size:11px;font-weight:600;color:#ffffff59;text-align:center;max-width:70px;line-height:1.3;transition:color .4s}.dx-milestone.lit .dx-milestone-label{color:#e2e8f0}.dx-legacy-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.dx-legacy-flow{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.dx-system-block{flex:1;max-width:140px;border-radius:12px;padding:16px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0}.dx-system-block--legacy{background:#ffffff0d;border:1px dashed rgba(255,255,255,.15)}.dx-system-block--modern{background:#fbbf2414;border:1px solid rgba(251,191,36,.25)}.demo-dx-legacy.in-view .dx-system-block--legacy{animation:dx-fade-up .5s .2s ease forwards}.demo-dx-legacy.in-view .dx-system-block--modern{animation:dx-fade-up .5s .6s ease forwards}.dx-system-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dx-system-icon--legacy{background:#ffffff14;color:#94a3b8}.dx-system-icon--modern{background:#fbbf2433;color:#fbbf24}.dx-system-icon svg{width:18px;height:18px}.dx-system-title{font-size:12px;font-weight:700;color:#e2e8f0}.dx-system-sub{font-size:10px;color:#94a3b8}@keyframes dx-arrow-flow{0%{opacity:0;transform:translate(-6px)}50%{opacity:1}to{opacity:0;transform:translate(6px)}}.dx-migration-arrows{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0}.demo-dx-legacy.in-view .dx-migration-arrows{animation:dx-fade-in .4s .4s ease forwards}.dx-migration-arrow{color:#fbbf24;opacity:.3}.demo-dx-legacy.in-view .dx-migration-arrow{animation:dx-arrow-flow 1.8s ease-in-out infinite}.demo-dx-legacy.in-view .dx-migration-arrow:nth-child(1){animation-delay:0s}.demo-dx-legacy.in-view .dx-migration-arrow:nth-child(2){animation-delay:.3s}.demo-dx-legacy.in-view .dx-migration-arrow:nth-child(3){animation-delay:.6s}.dx-migration-arrow svg{width:24px;height:12px}.dx-migration-progress{width:100%;max-width:280px}.dx-migration-bar-bg{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}@keyframes dx-bar-fill-60{0%{width:0}to{width:60%}}.dx-migration-bar-fill{height:100%;background:linear-gradient(90deg,#d97706,#fbbf24);border-radius:4px;width:0}.demo-dx-legacy.in-view .dx-migration-bar-fill{animation:dx-bar-fill-60 1.5s cubic-bezier(.25,.46,.45,.94) .8s forwards}.dx-migration-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.dx-migration-pct{font-size:16px;font-weight:900;color:#fbbf24;opacity:0}.demo-dx-legacy.in-view .dx-migration-pct{animation:dx-pop .4s 1.8s ease forwards}.dx-migration-status{font-size:11px;color:#94a3b8;font-weight:600;opacity:0}.demo-dx-legacy.in-view .dx-migration-status{animation:dx-fade-in .4s 2s ease forwards}.demo-dx-legacy.in-view .dx-migration-pct{animation:dx-pop .4s 1.8s ease forwards,dx-breathe 3s ease-in-out 3s infinite}.dx-process-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.dx-process-comparison{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.dx-process-card{flex:1;max-width:140px;border-radius:12px;padding:16px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0}.dx-process-card--before{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.dx-process-card--after{background:#2dd4bf14;border:1px solid rgba(45,212,191,.2)}.demo-dx-process.in-view .dx-process-card--before{animation:dx-fade-up .5s .2s ease forwards}.demo-dx-process.in-view .dx-process-card--after{animation:dx-fade-up .5s .8s ease forwards}.dx-process-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dx-process-icon--before{background:#ffffff14;color:#94a3b8}.dx-process-icon--after{background:#2dd4bf33;color:#2dd4bf}.dx-process-icon svg{width:20px;height:20px}.dx-process-label{font-size:12px;font-weight:700;color:#e2e8f0}.dx-process-sublabel{font-size:10px;color:#94a3b8}.dx-process-arrow{display:flex;align-items:center;opacity:0}.demo-dx-process.in-view .dx-process-arrow{animation:dx-fade-in .4s .5s ease forwards}.dx-process-arrow svg{width:28px;height:14px;color:#2dd4bf}.dx-process-stats{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px}.dx-process-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff0f;border-radius:8px;opacity:0}.demo-dx-process.in-view .dx-process-stat:nth-child(1){animation:dx-fade-up .4s 1.2s ease forwards}.demo-dx-process.in-view .dx-process-stat:nth-child(2){animation:dx-fade-up .4s 1.5s ease forwards}.dx-process-stat-label{font-size:11px;font-weight:600;color:#cbd5e1}.dx-process-stat-value,.dx-process-stat-counter{font-size:14px;font-weight:800;color:#2dd4bf}.dx-adoption-wrap{width:100%;display:flex;flex-direction:column;gap:14px}.dx-adoption-metric{display:flex;flex-direction:column;gap:4px;opacity:0}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(1){animation:dx-slide-up .5s .3s ease forwards}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(2){animation:dx-slide-up .5s .8s ease forwards}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(3){animation:dx-slide-up .5s 1.3s ease forwards}.dx-adoption-header{display:flex;justify-content:space-between;align-items:baseline}.dx-adoption-name{font-size:13px;font-weight:700;color:#e2e8f0}.dx-adoption-value{font-size:15px;font-weight:900;color:#a78bfa;font-variant-numeric:tabular-nums}.dx-adoption-bar-bg{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.dx-adoption-bar-fill{height:100%;border-radius:5px;width:0;background:linear-gradient(90deg,#7c3aed,#a78bfa)}@keyframes dx-bar-fill-89{0%{width:0}to{width:89%}}@keyframes dx-bar-fill-94{0%{width:0}to{width:94%}}@keyframes dx-bar-fill-92{0%{width:0}to{width:92%}}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(1) .dx-adoption-bar-fill{animation:dx-bar-fill-89 1.2s cubic-bezier(.25,.46,.45,.94) .5s forwards}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(2) .dx-adoption-bar-fill{animation:dx-bar-fill-94 1.2s cubic-bezier(.25,.46,.45,.94) 1s forwards}.demo-dx-adoption.in-view .dx-adoption-metric:nth-child(3) .dx-adoption-bar-fill{animation:dx-bar-fill-92 1.2s cubic-bezier(.25,.46,.45,.94) 1.5s forwards}.dx-compliance-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.dx-shield-wrap{position:relative;display:flex;align-items:center;justify-content:center;opacity:0}.demo-dx-compliance.in-view .dx-shield-wrap{animation:dx-pop .6s .2s ease forwards}.dx-shield-icon{width:40px;height:40px;color:#60a5fa}@keyframes dx-shield-glow{0%,to{filter:drop-shadow(0 0 6px rgba(96,165,250,.3))}50%{filter:drop-shadow(0 0 14px rgba(96,165,250,.5))}}.demo-dx-compliance.in-view .dx-shield-icon{animation:dx-shield-glow 3s ease-in-out 1.5s infinite}.dx-compliance-list{width:100%;display:flex;flex-direction:column;gap:6px}.dx-compliance-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0f;border-radius:8px;opacity:0}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(1){animation:dx-fade-up .4s .4s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(2){animation:dx-fade-up .4s .8s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(3){animation:dx-fade-up .4s 1.2s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(4){animation:dx-fade-up .4s 1.6s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(5){animation:dx-fade-up .4s 2s ease forwards}@keyframes dx-tick-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.dx-tick{width:22px;height:22px;border-radius:50%;background:#60a5fa26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dx-tick svg{width:12px;height:12px;color:#60a5fa;opacity:0}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(1) .dx-tick svg{animation:dx-tick-pop .4s .6s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(2) .dx-tick svg{animation:dx-tick-pop .4s 1s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(3) .dx-tick svg{animation:dx-tick-pop .4s 1.4s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(4) .dx-tick svg{animation:dx-tick-pop .4s 1.8s ease forwards}.demo-dx-compliance.in-view .dx-compliance-row:nth-child(5) .dx-tick svg{animation:dx-tick-pop .4s 2.2s ease forwards}.dx-compliance-text{font-size:13px;font-weight:600;color:#e2e8f0}@media(prefers-reduced-motion:reduce){.dx-radar-data,.dx-radar-dot,.dx-radar-label,.dx-radar-bottom,.dx-radar-score,.dx-timeline-fill,.dx-system-block,.dx-migration-arrows,.dx-migration-arrow,.dx-migration-bar-fill,.dx-migration-pct,.dx-migration-status,.dx-process-card,.dx-process-arrow,.dx-process-stat,.dx-adoption-metric,.dx-adoption-bar-fill,.dx-shield-wrap,.dx-shield-icon,.dx-compliance-row,.dx-tick svg{animation:none!important;opacity:1!important;transform:none!important;width:auto!important}.dx-migration-bar-fill{width:60%!important}.demo-dx-adoption .dx-adoption-metric:nth-child(1) .dx-adoption-bar-fill{width:89%!important}.demo-dx-adoption .dx-adoption-metric:nth-child(2) .dx-adoption-bar-fill{width:94%!important}.demo-dx-adoption .dx-adoption-metric:nth-child(3) .dx-adoption-bar-fill{width:92%!important}}@media(max-width:639px){.dx-radar-chart{width:180px;height:180px}.dx-radar-score{font-size:26px}.dx-system-block,.dx-process-card{padding:12px 8px}.dx-milestone-label{font-size:10px;max-width:55px}}
