.j5mdTW_container{background-color:#030407;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;margin:6rem 0;padding:3rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 0 100px #c8a15a1a}@media (min-width:1024px){.j5mdTW_container{padding:3rem}}.j5mdTW_bgGrid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0}.j5mdTW_bgGlowTopRight{filter:blur(120px);pointer-events:none;background-color:#1e3a8a1a;border-radius:50%;width:600px;height:600px;position:absolute;top:0;right:0}.j5mdTW_bgGlowBottomLeft{filter:blur(120px);pointer-events:none;background-color:#c8a15a1a;border-radius:50%;width:600px;height:600px;position:absolute;bottom:0;left:0}.j5mdTW_header{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-bottom:4rem;display:flex;position:relative}.j5mdTW_badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;display:inline-flex}.j5mdTW_badgeIcon{color:#c8a15a;width:1rem;height:1rem}.j5mdTW_badgeText{color:#faf7f2;opacity:.7;text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.j5mdTW_title{color:#fff;letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}@media (min-width:768px){.j5mdTW_title{font-size:3rem}}.j5mdTW_subtitle{color:#faf7f2b3;max-width:42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.625}.j5mdTW_canvas{z-index:10;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:72rem;margin:2rem auto 0;display:flex;position:relative}@media (min-width:1024px){.j5mdTW_canvas{flex-direction:row;gap:1rem}}.j5mdTW_connectionLineDesktop{display:none}@media (min-width:1024px){.j5mdTW_connectionLineDesktop{z-index:0;background-color:#ffffff0d;height:2px;display:block;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}}.j5mdTW_connectionGradient{background-image:linear-gradient(90deg,#ef444433,#3b82f666,#10b981cc);position:absolute;inset:0}.j5mdTW_animatedPacket{filter:blur(2px);background-image:linear-gradient(90deg,#0000,#fff,#0000);width:8rem;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.j5mdTW_stageWrapper{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}@media (min-width:1024px){.j5mdTW_stageWrapper{width:33.3333%}}.j5mdTW_node{cursor:pointer;border:2px solid;border-radius:1rem;justify-content:center;align-items:center;width:6rem;height:6rem;transition:all .5s;display:flex;position:relative}.j5mdTW_nodeInactive{background-color:#070a0e;border-color:#ffffff1a}.j5mdTW_nodeInactive:hover{border-color:#ffffff4d}.j5mdTW_nodeActive{background-color:#0a0e17;border-color:#c8a15a;transform:scale(1.1);box-shadow:0 0 40px #c8a15a4d}.j5mdTW_activeGlow{pointer-events:none;border:1px solid #c8a15a33;border-radius:1.5rem;position:absolute;inset:-1rem}.j5mdTW_nodeIcon{width:2.5rem;height:2.5rem;transition:color .5s}.j5mdTW_nodeIconInactive{color:#fff6}.j5mdTW_nodeIconActive{color:#c8a15a}.j5mdTW_stageTextContainer{text-align:center;margin-top:1.5rem}.j5mdTW_stagePhaseLabel{letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:700;transition:color .3s}.j5mdTW_stagePhaseLabelActive{color:#fff}.j5mdTW_stagePhaseLabelInactive{color:#fff6}.j5mdTW_stageTitle{margin-top:.25rem;font-size:1.125rem;font-weight:700;transition:color .3s}.j5mdTW_stageTitleActive{color:#c8a15a}.j5mdTW_stageTitleInactive{color:#fff9}.j5mdTW_metricsCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0a0e17e6;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;max-width:280px;margin-top:2rem;padding:1.25rem;position:absolute;top:100%;box-shadow:0 25px 50px -12px #00000080}.j5mdTW_metricsTopBorder{opacity:.5;background-image:linear-gradient(90deg,#0000,#c8a15a,#0000);height:4px;position:absolute;top:0;left:0;right:0}.j5mdTW_metricsList{flex-direction:column;gap:1rem;display:flex}.j5mdTW_metricRow{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.j5mdTW_metricRow:last-child{border-bottom:none;padding-bottom:0}.j5mdTW_metricLabel{color:#faf7f2;opacity:.7;font-size:.75rem}.j5mdTW_metricBadge{border-radius:.375rem;padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700}.j5mdTW_metricCritical{color:#f87171;background-color:#ef44441a}.j5mdTW_metricWarning{color:#facc15;background-color:#eab3081a}.j5mdTW_metricExcellent{color:#c8a15a;background-color:#c8a15a1a}.j5mdTW_metricGood{color:#60a5fa;background-color:#3b82f61a}.j5mdTW_spacer{height:12rem}@media (min-width:1024px){.j5mdTW_spacer{height:14rem}}.j5mdTW_footer{z-index:10;color:#fff6;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.625rem;display:flex;position:relative}.j5mdTW_footerGroup{gap:1.5rem;display:flex}.j5mdTW_footerItem{align-items:center;gap:.5rem;display:flex}.j5mdTW_pulseDot{background-color:#10b981;border-radius:50%;width:.375rem;height:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite j5mdTW_pulse}.j5mdTW_footerIcon{color:#c8a15a;width:.75rem;height:.75rem}@keyframes j5mdTW_pulse{0%,to{opacity:1}50%{opacity:.5}}
