.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){.DRQF4q_container{padding:3rem 2rem}}@media (min-width:1024px){.DRQF4q_container{padding:3rem}}.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}.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}.DRQF4q_header{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex;position:relative}.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}.DRQF4q_badgeIcon{color:#c8a15a;width:1rem;height:1rem}.DRQF4q_badgeText{color:#e8cc8a;text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.DRQF4q_title{color:#fff;letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.DRQF4q_subtitle{color:#faf7f2b3;max-width:42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.625}.DRQF4q_visualization{z-index:10;width:100%;max-width:64rem;margin:0 auto 4rem;position:relative}.DRQF4q_gatewayWrapper{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.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}.DRQF4q_gatewayIcon{color:#60a5fa;width:1.5rem;height:1.5rem}.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}.DRQF4q_progressBarContainer{align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.DRQF4q_progressBarTrack{background-color:#ffffff1a;border-radius:9999px;flex:1;height:.25rem;overflow:hidden}.DRQF4q_progressBlue{background-color:#3b82f6;height:100%;transition:width .3s}.DRQF4q_progressGold{background-color:#c8a15a;height:100%;transition:width .3s}.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}.DRQF4q_trafficLinesWrapper{justify-content:center;width:100%;height:2rem;margin-top:1rem;display:flex;position:relative}.DRQF4q_trafficLineLegacy{transform-origin:top;background-image:linear-gradient(#3b82f680,#0000);width:1px;height:100%;position:absolute;top:0}.DRQF4q_trafficLineModern{transform-origin:top;background-image:linear-gradient(#c8a15a80,#0000);width:1px;height:100%;position:absolute;top:0}.DRQF4q_systemsGrid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (min-width:768px){.DRQF4q_systemsGrid{gap:4rem}}.DRQF4q_systemWrapper{flex-direction:column;align-items:center;display:flex;position:relative}.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}.DRQF4q_legacyCardActive{background-color:#10161dcc;border-color:#3b82f633}.DRQF4q_legacyCardInactive{filter:grayscale();opacity:.3;background-color:#070a0e;border-color:#ffffff0d}.DRQF4q_modernCardActive{background-color:#10161d;border-color:#c8a15a;box-shadow:0 0 40px #c8a15a26}.DRQF4q_modernCardInactive{background-color:#10161dcc;border-color:#c8a15a33}.DRQF4q_systemIconBox{border:1px solid;border-radius:.75rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.DRQF4q_legacyIconBox{background-color:#3b82f61a;border-color:#3b82f633}.DRQF4q_modernIconBox{background-color:#c8a15a1a;border-color:#c8a15a33}.DRQF4q_systemIcon{width:2rem;height:2rem}.DRQF4q_iconLegacyActive{color:#60a5fa}.DRQF4q_iconLegacyInactive{color:#fff3}.DRQF4q_iconModernActive{color:#c8a15a}.DRQF4q_iconModernInactive{color:#c8a15a80}.DRQF4q_systemText{text-align:center}.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}.DRQF4q_systemDesc{color:#c0c2c9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.DRQF4q_modulesList{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;display:flex}.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}.DRQF4q_modLegacyActive{color:#93c5fd;background-color:#3b82f60d;border-color:#3b82f633}.DRQF4q_modLegacyInactive{color:#fff3;background-color:#ffffff0d;border-color:#ffffff0d}.DRQF4q_modulesGrid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;margin-top:1rem;display:grid}.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}.DRQF4q_modModernActive{color:#e8cc8a;background-color:#c8a15a1a;border-color:#c8a15a4d}.DRQF4q_modModernInactive{color:#fff3;background-color:#0000;border-color:#ffffff0d}.DRQF4q_modIcon{width:1rem;height:1rem}.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){.DRQF4q_metricsRow{grid-template-columns:repeat(4,1fr)}}.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}.DRQF4q_metricHeader{justify-content:space-between;align-items:flex-start;display:flex}.DRQF4q_metricLabel{color:#ffffff80;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.DRQF4q_metricIcon{flex-shrink:0;width:1rem;height:1rem}.DRQF4q_metricValue{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}@media (min-width:1024px){.DRQF4q_metricValue{font-size:1.5rem}}.DRQF4q_colorWhite{color:#fff}.DRQF4q_colorEmerald{color:#34d399}.DRQF4q_colorBlue{color:#60a5fa}.DRQF4q_colorGold{color:#c8a15a}.DRQF4q_resetButtonWrapper{z-index:20;position:absolute;top:1.5rem;right:1.5rem}.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}.DRQF4q_resetButton:hover{background-color:#ffffff1a}