.wdw-independent-v1,
.wdw-independent-v1 * { box-sizing: border-box; }

.wdw-independent-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 120px 24px 132px;
  color:var(--wdw-text-primary);
  background:
    radial-gradient(circle at 18% 22%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 12%,transparent), transparent 30%),
    radial-gradient(circle at 84% 72%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 8%,transparent), transparent 28%),
    linear-gradient(180deg, var(--wdw-page-bg) 0%, var(--wdw-container-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wdw-independent-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wdw-independent-v1__grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(113,158,192,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(113,158,192,.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }
.wdw-independent-v1__glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: .16; }
.wdw-independent-v1__glow--left { left: -260px; top: 12%; background:color-mix(in srgb,var(--wdw-ambient-glow-primary) 34%,transparent); }
.wdw-independent-v1__glow--right { right: -250px; bottom: 2%; background:color-mix(in srgb,var(--wdw-ambient-glow-secondary) 28%,transparent); }

.wdw-independent-v1__inner { width: min(1480px, 100%); margin: 0 auto; }
.wdw-independent-v1__heading { width: min(1030px, 100%); margin: 0 auto 68px; text-align: center; }
.wdw-independent-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-independent-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #76dbe8; box-shadow: 0 0 14px rgba(118,219,232,.62); }
.wdw-independent-v1__heading h2 { margin: 18px 0 0; color:var(--wdw-text-primary); font-size: clamp(46px, 5.15vw, 78px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-independent-v1__heading h2 span { background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-independent-v1__heading p { width: min(900px, 100%); margin: 24px auto 0; color:var(--wdw-text-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.72; }

.wdw-independent-v1__topology { display: grid; grid-template-columns: minmax(0, .96fr) 84px minmax(0, 1.05fr) 84px minmax(0, .88fr); align-items: stretch; gap: 0; }
.wdw-independent-v1__node { min-width: 0; position: relative; overflow: hidden; padding: 24px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 23%,transparent); border-radius: 24px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 98%,transparent), color-mix(in srgb,var(--wdw-container-bg) 99%,transparent)); box-shadow: 0 32px 84px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025); transition: border-color .3s ease, background .3s ease, transform .3s ease, box-shadow .3s ease; }
.wdw-independent-v1__node::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(circle at 50% 0, color-mix(in srgb,var(--wdw-ambient-glow-primary) 10%,transparent), transparent 42%); transition: opacity .3s ease; }
.wdw-independent-v1__node.is-active { transform: translateY(-3px); border-color:var(--wdw-field-border-strong); box-shadow: 0 36px 92px rgba(0,0,0,.26), 0 0 36px rgba(68,153,197,.06), inset 0 1px 0 rgba(255,255,255,.03); }
.wdw-independent-v1__node.is-active::after { opacity: 1; }
.wdw-independent-v1__node.is-down { border-color:rgba(255,104,117,.28); background: linear-gradient(155deg, rgba(50,34,48,.95), color-mix(in srgb,var(--wdw-container-bg) 99%,transparent)); }
.wdw-independent-v1__node--monitor { border-color:rgba(94,204,190,.24); }
.wdw-independent-v1__node--alert { border-color:color-mix(in srgb,var(--wdw-container-border) 21%,transparent); }

.wdw-independent-v1__node-head { position: relative; z-index: 1; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 13px; align-items: center; padding-bottom: 18px; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 14%,transparent); }
.wdw-independent-v1__node-icon { width: 46px; height: 46px; display: grid; place-items: center; border:1px solid var(--wdw-field-border-soft); border-radius: 13px; color:var(--wdw-text-accent); background: rgba(111,206,226,.055); }
.wdw-independent-v1__node-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wdw-independent-v1__node-head small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
.wdw-independent-v1__node-head strong { display: block; margin-top: 5px; color:var(--wdw-text-primary); font-size: 18px; line-height: 1.3; }
.wdw-independent-v1__node-head > b { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0 11px; border:1px solid rgba(96,211,177,.16); border-radius: 999px; color: #84e2c4; background: rgba(96,211,177,.05); font-size: 14px; font-weight: 900; letter-spacing: .05em; }
.wdw-independent-v1__node.is-down .wdw-independent-v1__node-head > b { color: #ff9eaa; border-color:rgba(255,104,117,.20); background: rgba(255,104,117,.06); }

.wdw-independent-v1__node-body,
.wdw-independent-v1__monitor-stack { position: relative; z-index: 1; display: grid; gap: 11px; margin-top: 18px; }
.wdw-independent-v1__node-body > div,
.wdw-independent-v1__monitor-stack > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 14px; border:1px solid var(--wdw-field-border-soft); border-radius: 14px; background: var(--wdw-field-elevated-bg); }
.wdw-independent-v1__node-body span,
.wdw-independent-v1__monitor-stack span { color:var(--wdw-text-secondary); font-size: 14px; line-height: 1.4; }
.wdw-independent-v1__node-body b,
.wdw-independent-v1__monitor-stack b { color: #82e0c2; font-size: 14px; font-weight: 900; }
.wdw-independent-v1__node.is-down .wdw-independent-v1__node-body b { color: #ff9daa; }
.wdw-independent-v1__node > p { position: relative; z-index: 1; margin: 16px 0 0; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.6; }

.wdw-independent-v1__monitor-message { position: relative; z-index: 1; margin-top: 16px; padding: 15px 16px; border-left:2px solid rgba(103,217,200,.46); color:var(--wdw-text-secondary); background: linear-gradient(90deg, rgba(76,157,151,.09), transparent); font-size: 14px; line-height: 1.6; }

.wdw-independent-v1__alert-card { position: relative; z-index: 1; margin-top: 18px; padding: 18px; border:1px solid var(--wdw-field-border-soft); border-radius: 18px; background: var(--wdw-field-elevated-bg); transition: border-color .3s ease, background .3s ease, box-shadow .3s ease; }
.wdw-independent-v1__alert-card > span { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .1em; }
.wdw-independent-v1__alert-card strong { display: block; margin-top: 8px; color:var(--wdw-text-primary); font-size: 22px; line-height: 1.2; }
.wdw-independent-v1__alert-card small { display: block; margin-top: 8px; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.55; }
.wdw-independent-v1__alert-card.is-open { border-color:rgba(255,104,117,.24); background: rgba(108,45,60,.10); box-shadow: 0 0 30px rgba(255,104,117,.05); }
.wdw-independent-v1__alert-card.is-open > span,
.wdw-independent-v1__alert-card.is-open strong { color: #ffb1ba; }

.wdw-independent-v1__route { position: relative; min-width: 0; display: grid; place-items: center; }
.wdw-independent-v1__route-line { width: 100%; height: 1px; background: linear-gradient(90deg, rgba(111,206,226,.08), rgba(111,206,226,.36), rgba(111,206,226,.08)); }
.wdw-independent-v1__route-pulse { position: absolute; left: -14px; width: 32px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, #79dce8); box-shadow: 0 0 12px rgba(121,220,232,.55); opacity: .72; animation: wdwIndependentRoute 2.4s linear infinite; }
.wdw-independent-v1__route--alert .wdw-independent-v1__route-pulse { animation-delay: 1.1s; }

.wdw-independent-v1__failure-strip { margin-top: 28px; padding: 24px 26px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 21%,transparent); border-radius: 22px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 96%,transparent), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent)); transition: border-color .3s ease, background .3s ease; }
.wdw-independent-v1__failure-strip.is-outage { border-color:rgba(255,104,117,.24); background: linear-gradient(155deg, rgba(40,34,49,.95), color-mix(in srgb,var(--wdw-container-bg) 98%,transparent)); }
.wdw-independent-v1__failure-label { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-independent-v1__failure-strip strong { display: block; margin-top: 7px; color:var(--wdw-text-primary); font-size: clamp(24px, 2.4vw, 34px); line-height: 1.12; }
.wdw-independent-v1__failure-strip p { margin: 9px 0 0; color:var(--wdw-text-muted); font-size: 15px; line-height: 1.65; }
.wdw-independent-v1__failure-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.wdw-independent-v1__failure-badges span { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-secondary); background: var(--wdw-field-elevated-bg); font-size: 14px; font-weight: 850; }
.wdw-independent-v1__failure-badges i { width: 7px; height: 7px; border-radius: 50%; background: #70d9bf; box-shadow: 0 0 9px rgba(112,217,191,.55); }
.wdw-independent-v1__failure-badges span.is-bad i { background: #ff6e7c; box-shadow: 0 0 9px rgba(255,110,124,.55); }

.wdw-independent-v1__truthline { width: min(1120px, 100%); display: grid; grid-template-columns: auto minmax(0,1fr); gap: 24px; align-items: center; margin: 48px auto 0; padding: 22px 26px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 18px; background: var(--wdw-field-elevated-bg); }
.wdw-independent-v1__truthline span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-independent-v1__truthline strong { color:var(--wdw-text-secondary); font-size: 15px; line-height: 1.65; font-weight: 680; }

@keyframes wdwIndependentRoute { from { transform: translateX(0); } to { transform: translateX(116px); } }

@media (max-width: 1180px) {
  .wdw-independent-v1__topology { grid-template-columns: 1fr; gap: 16px; }
  .wdw-independent-v1__route { height: 54px; }
  .wdw-independent-v1__route-line { width: 1px; height: 100%; background: linear-gradient(180deg, rgba(111,206,226,.08), rgba(111,206,226,.36), rgba(111,206,226,.08)); }
  .wdw-independent-v1__route-pulse { top: -14px; left: 50%; width: 3px; height: 32px; background: linear-gradient(180deg, transparent, #79dce8); animation-name: wdwIndependentRouteVertical; }
}

@keyframes wdwIndependentRouteVertical { from { transform: translate(-50%, 0); } to { transform: translate(-50%, 70px); } }

@media (max-width: 720px) {
  .wdw-independent-v1 { padding: 94px 16px 106px; }
  .wdw-independent-v1__heading { margin-bottom: 44px; }
  .wdw-independent-v1__heading h2 {color:var(--wdw-text-primary); font-size: clamp(42px, 13vw, 62px); }
  .wdw-independent-v1__node { padding: 20px 16px; border-radius: 20px; }
  .wdw-independent-v1__node-head { grid-template-columns: 46px minmax(0,1fr); }
  .wdw-independent-v1__node-head > b { grid-column: 1 / -1; justify-self: start; }
  .wdw-independent-v1__node-body > div,
  .wdw-independent-v1__monitor-stack > div { align-items: flex-start; flex-direction: column; }
  .wdw-independent-v1__failure-strip { padding: 20px 16px; }
  .wdw-independent-v1__truthline { grid-template-columns: 1fr; gap: 8px; padding: 20px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-independent-v1 *,
  .wdw-independent-v1 *::before,
  .wdw-independent-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}