.apps-modernization-showcase-module__DRQF4q__container{background-color:#070a0e;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;margin:6rem 0;padding:3rem 1rem;position:relative;overflow:hidden;box-shadow:0 20px 100px #c8a15a26}@media (min-width:640px){.apps-modernization-showcase-module__DRQF4q__container{padding:3rem 2rem}}@media (min-width:1024px){.apps-modernization-showcase-module__DRQF4q__container{padding:3rem}}.apps-modernization-showcase-module__DRQF4q__bgGrid{pointer-events:none;background-image:linear-gradient(90deg,#c8a15a0d 1px,#0000 1px),linear-gradient(#c8a15a0d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.apps-modernization-showcase-module__DRQF4q__bgGlowTopRight{opacity:.5;filter:blur(80px);pointer-events:none;background-image:linear-gradient(#c8a15a1a,#0000,#0000);width:100%;height:500px;position:absolute;top:0;right:0}.apps-modernization-showcase-module__DRQF4q__header{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex;position:relative}.apps-modernization-showcase-module__DRQF4q__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#c8a15a1a;border:1px solid #c8a15a33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;display:inline-flex}.apps-modernization-showcase-module__DRQF4q__badgeIcon{color:#c8a15a;width:1rem;height:1rem}.apps-modernization-showcase-module__DRQF4q__badgeText{color:#e8cc8a;text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.apps-modernization-showcase-module__DRQF4q__title{color:#fff;letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.apps-modernization-showcase-module__DRQF4q__subtitle{color:#faf7f2b3;max-width:42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.625}.apps-modernization-showcase-module__DRQF4q__visualization{z-index:10;width:100%;max-width:64rem;margin:0 auto 4rem;position:relative}.apps-modernization-showcase-module__DRQF4q__gatewayWrapper{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.apps-modernization-showcase-module__DRQF4q__gatewayCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background-color:#10161dcc;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:12rem;padding:1rem;display:flex;box-shadow:0 25px 50px -12px #00000080}.apps-modernization-showcase-module__DRQF4q__gatewayIcon{color:#60a5fa;width:1.5rem;height:1.5rem}.apps-modernization-showcase-module__DRQF4q__gatewayTitle{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;font-weight:700}.apps-modernization-showcase-module__DRQF4q__progressBarContainer{align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.apps-modernization-showcase-module__DRQF4q__progressBarTrack{background-color:#ffffff1a;border-radius:9999px;flex:1;height:.25rem;overflow:hidden}.apps-modernization-showcase-module__DRQF4q__progressBlue{background-color:#3b82f6;height:100%;transition:width .3s}.apps-modernization-showcase-module__DRQF4q__progressGold{background-color:#c8a15a;height:100%;transition:width .3s}.apps-modernization-showcase-module__DRQF4q__routingLabels{color:#fff6;text-transform:uppercase;justify-content:space-between;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem;display:flex}.apps-modernization-showcase-module__DRQF4q__trafficLinesWrapper{justify-content:center;width:100%;height:2rem;margin-top:1rem;display:flex;position:relative}.apps-modernization-showcase-module__DRQF4q__trafficLineLegacy{transform-origin:top;background-image:linear-gradient(#3b82f680,#0000);width:1px;height:100%;position:absolute;top:0}.apps-modernization-showcase-module__DRQF4q__trafficLineModern{transform-origin:top;background-image:linear-gradient(#c8a15a80,#0000);width:1px;height:100%;position:absolute;top:0}.apps-modernization-showcase-module__DRQF4q__systemsGrid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (min-width:768px){.apps-modernization-showcase-module__DRQF4q__systemsGrid{gap:4rem}}.apps-modernization-showcase-module__DRQF4q__systemWrapper{flex-direction:column;align-items:center;display:flex;position:relative}.apps-modernization-showcase-module__DRQF4q__systemCard{border:2px solid;border-radius:1rem;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:24rem;padding:1.5rem;transition:all .5s;display:flex}.apps-modernization-showcase-module__DRQF4q__legacyCardActive{background-color:#10161dcc;border-color:#3b82f633}.apps-modernization-showcase-module__DRQF4q__legacyCardInactive{filter:grayscale();opacity:.3;background-color:#070a0e;border-color:#ffffff0d}.apps-modernization-showcase-module__DRQF4q__modernCardActive{background-color:#10161d;border-color:#c8a15a;box-shadow:0 0 40px #c8a15a26}.apps-modernization-showcase-module__DRQF4q__modernCardInactive{background-color:#10161dcc;border-color:#c8a15a33}.apps-modernization-showcase-module__DRQF4q__systemIconBox{border:1px solid;border-radius:.75rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.apps-modernization-showcase-module__DRQF4q__legacyIconBox{background-color:#3b82f61a;border-color:#3b82f633}.apps-modernization-showcase-module__DRQF4q__modernIconBox{background-color:#c8a15a1a;border-color:#c8a15a33}.apps-modernization-showcase-module__DRQF4q__systemIcon{width:2rem;height:2rem}.apps-modernization-showcase-module__DRQF4q__iconLegacyActive{color:#60a5fa}.apps-modernization-showcase-module__DRQF4q__iconLegacyInactive{color:#fff3}.apps-modernization-showcase-module__DRQF4q__iconModernActive{color:#c8a15a}.apps-modernization-showcase-module__DRQF4q__iconModernInactive{color:#c8a15a80}.apps-modernization-showcase-module__DRQF4q__systemText{text-align:center}.apps-modernization-showcase-module__DRQF4q__systemTitle{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:700}.apps-modernization-showcase-module__DRQF4q__systemDesc{color:#c0c2c9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.apps-modernization-showcase-module__DRQF4q__modulesList{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;display:flex}.apps-modernization-showcase-module__DRQF4q__moduleItemLegacy{text-align:center;border:1px solid;border-radius:.25rem;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;transition:all .3s}.apps-modernization-showcase-module__DRQF4q__modLegacyActive{color:#93c5fd;background-color:#3b82f60d;border-color:#3b82f633}.apps-modernization-showcase-module__DRQF4q__modLegacyInactive{color:#fff3;background-color:#ffffff0d;border-color:#ffffff0d}.apps-modernization-showcase-module__DRQF4q__modulesGrid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;margin-top:1rem;display:grid}.apps-modernization-showcase-module__DRQF4q__moduleItemModern{text-align:center;border:1px solid;border-radius:.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;transition:all .5s;display:flex}.apps-modernization-showcase-module__DRQF4q__modModernActive{color:#e8cc8a;background-color:#c8a15a1a;border-color:#c8a15a4d}.apps-modernization-showcase-module__DRQF4q__modModernInactive{color:#fff3;background-color:#0000;border-color:#ffffff0d}.apps-modernization-showcase-module__DRQF4q__modIcon{width:1rem;height:1rem}.apps-modernization-showcase-module__DRQF4q__metricsRow{z-index:10;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:64rem;margin:0 auto;display:grid;position:relative}@media (min-width:1024px){.apps-modernization-showcase-module__DRQF4q__metricsRow{grid-template-columns:repeat(4,1fr)}}.apps-modernization-showcase-module__DRQF4q__metricCard{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.apps-modernization-showcase-module__DRQF4q__metricHeader{justify-content:space-between;align-items:flex-start;display:flex}.apps-modernization-showcase-module__DRQF4q__metricLabel{color:#ffffff80;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.apps-modernization-showcase-module__DRQF4q__metricIcon{flex-shrink:0;width:1rem;height:1rem}.apps-modernization-showcase-module__DRQF4q__metricValue{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}@media (min-width:1024px){.apps-modernization-showcase-module__DRQF4q__metricValue{font-size:1.5rem}}.apps-modernization-showcase-module__DRQF4q__colorWhite{color:#fff}.apps-modernization-showcase-module__DRQF4q__colorEmerald{color:#34d399}.apps-modernization-showcase-module__DRQF4q__colorBlue{color:#60a5fa}.apps-modernization-showcase-module__DRQF4q__colorGold{color:#c8a15a}.apps-modernization-showcase-module__DRQF4q__resetButtonWrapper{z-index:20;position:absolute;top:1.5rem;right:1.5rem}.apps-modernization-showcase-module__DRQF4q__resetButton{color:#fff9;text-transform:uppercase;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.25rem;padding:.375rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5625rem;transition:background-color .3s}.apps-modernization-showcase-module__DRQF4q__resetButton:hover{background-color:#ffffff1a}