body.plumbing-use-case-page {
  background:#061421;
  color:#f4fbff;
}

.plumbing-use-case-page .site-navbar {
  background:rgba(5, 19, 31, .88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(104, 223, 232, .16);
}

.plumbing-use-case-page .utilities-hero {
  background:
    radial-gradient(circle at 16% 10%, rgba(72, 226, 236, .2), transparent 27rem),
    radial-gradient(circle at 84% 14%, rgba(255, 122, 0, .14), transparent 24rem),
    linear-gradient(135deg, rgba(5, 20, 34, .98), rgba(7, 58, 64, .92)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 120px);
}

.plumbing-use-case-page .utilities-command-card::before {
  background:rgba(0, 201, 216, .18);
}

.plumbing-use-case-page .utilities-asset-outline {
  overflow:hidden;
  border-radius:24px;
  background:
    radial-gradient(circle at 24% 24%, rgba(82, 226, 235, .2), transparent 7rem),
    radial-gradient(circle at 78% 38%, rgba(255, 150, 72, .14), transparent 8rem),
    linear-gradient(145deg, rgba(8, 46, 58, .86), rgba(5, 19, 31, .92));
}

.plumbing-use-case-page .utilities-asset-outline::before {
  left:8%;
  top:18%;
  width:72%;
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(116, 235, 242, .9), rgba(255,255,255,.42), rgba(116, 235, 242, .28));
  box-shadow:
    0 58px 0 rgba(116, 235, 242, .18),
    64px 116px 0 rgba(255, 150, 72, .18);
  transform:rotate(-4deg);
}

.plumbing-use-case-page .utilities-asset-outline::after {
  right:12%;
  bottom:14%;
  width:118px;
  height:88px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.05)),
    rgba(5, 17, 28, .62);
  border-color:rgba(255,255,255,.28);
}

.plumbing-use-case-page .utilities-hotspot-id {
  left:20%;
  top:34%;
}

.plumbing-use-case-page .utilities-hotspot-safety {
  right:28%;
  top:30%;
}

.plumbing-use-case-page .utilities-hotspot-condition {
  left:36%;
  bottom:25%;
}

.plumbing-use-case-page .utilities-hotspot-exception {
  right:20%;
  bottom:22%;
}

.plumbing-use-case-page .utilities-ar-label-id {
  left:8%;
  top:22%;
}

.plumbing-use-case-page .utilities-ar-label-safety {
  right:11%;
  top:19%;
}

.plumbing-use-case-page .utilities-ar-label-condition {
  left:10%;
  bottom:12%;
}

.plumbing-use-case-page .utilities-ar-label-exception {
  right:8%;
  bottom:10%;
}

.plumbing-use-case-page .utilities-command-chips span:nth-child(2),
.plumbing-use-case-page .utilities-command-chips span:nth-child(4),
.plumbing-use-case-page .utilities-report-header b {
  background:#ffb26f;
  color:#061421;
}

.plumbing-use-case-page .utilities-workflow-icon {
  background:
    linear-gradient(135deg, rgba(49, 211, 224, .2), rgba(255, 150, 72, .14)),
    #eef9fb;
}

.plumbing-use-case-page .utilities-report-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.04)),
    radial-gradient(circle at 82% 12%, rgba(255, 150, 72, .12), transparent 18rem);
}

.plumbing-use-case-page .utilities-evidence-grid div:nth-child(2),
.plumbing-use-case-page .utilities-evidence-grid div:nth-child(4) {
  background:linear-gradient(135deg, rgba(255, 150, 72, .2), rgba(80, 226, 235, .12));
}

.plumbing-use-case-page .utilities-proof-chip-row b {
  color:#17323a;
}

@media (max-width: 640px) {
  .plumbing-use-case-page .utilities-ar-label-id,
  .plumbing-use-case-page .utilities-ar-label-condition {
    left:8px;
  }

  .plumbing-use-case-page .utilities-ar-label-safety,
  .plumbing-use-case-page .utilities-ar-label-exception {
    right:8px;
  }
}