.network-locator .locator-heading-refined {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: min(1120px, 100%);
  padding: 22px clamp(22px, 5vw, 70px) 24px;
  margin: 0 auto 22px;
  overflow: hidden;
  border: 1px solid rgba(22, 117, 229, .16);
  border-radius: 26px;
  background: linear-gradient(145deg, #fff 0%, #fbfdff 62%, #f3f9ff 100%);
  box-shadow: 0 20px 48px rgba(22, 117, 229, .09);
}
.network-locator .locator-heading-refined::before,
.network-locator .locator-heading-refined::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(22, 117, 229, .12); border-radius: 50%; pointer-events: none; }
.network-locator .locator-heading-refined::before { top: -155px; right: -95px; width: 310px; height: 310px; }
.network-locator .locator-heading-refined::after { bottom: -175px; left: -110px; width: 290px; height: 290px; }
.locator-heading-identity { display: flex; flex-direction: column; align-items: center; gap: 15px; min-width: 0; text-align: center; }
.locator-radar-symbol {
  display: grid; place-items: center; flex: 0 0 48px; height: 48px;
  border: 1px solid #cddff2; border-radius: 15px;
  background: linear-gradient(145deg, #fff, #e7f2ff); color: #1674ce;
}
.locator-radar-symbol svg { width: 33px; height: 33px; stroke: currentColor; stroke-width: 1.6; }
.locator-heading-copy { display: flex; flex-direction: column; align-items: center; }
.locator-heading-refined .locator-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: 1.8px; color: #1767ad; }
.locator-heading-refined .locator-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #55baff; box-shadow: 0 0 0 5px rgba(85, 186, 255, .11); }
.network-locator .locator-heading-refined h1 {
  margin: 3px 0 5px; font-size: clamp(25px, 2vw, 33px);
  line-height: 1.15; letter-spacing: -1.2px; font-weight: 800; color: #102e52;
}
.locator-heading-refined h1 span { color: #1674ce; font-weight: 650; }
.network-locator .locator-heading-refined p { margin: 0; max-width: 720px; font-size: 14px; line-height: 1.65; color: #5a7089; text-align: center; }
.locator-heading-action { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; }
.locator-heading-refined .locator-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 46px; padding: 12px 22px; border-radius: 12px;
  background: #126bca; color: #fff; font-size: 14px;
  box-shadow: 0 5px 14px #126bca20;
}
.locator-heading-refined .locator-primary:hover { background: #0d559f; }
.locator-heading-refined .locator-primary:focus-visible { outline: 3px solid #599ee4; outline-offset: 4px; }
.locator-heading-refined .locator-primary svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.7; }
.locator-heading-action small { color: #657b92; font-size: 11px; }
.locator-map-near-me { position: absolute; z-index: 600; top: 16px; right: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; }
.locator-map-near-me svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 1.7; }
.network-locator .locator-demo-compact {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 12px;
  margin: 0 0 18px; padding: 9px 12px;
  border: 1px solid #dbe6f1; border-radius: 8px;
  background: #f8fbff; color: #61758b; font-size: 11px; line-height: 1.5;
}
.locator-demo-compact strong { color: #42678d; font-weight: 650; }
@media (max-width: 700px) {
  .network-locator .locator-heading-refined { align-items: center; gap: 12px; padding: 20px 16px; border-radius: 20px; }
  .locator-heading-identity { gap: 12px; }
  .locator-radar-symbol { flex-basis: 48px; height: 48px; border-radius: 14px; }
  .locator-radar-symbol svg { width: 34px; height: 34px; }
  .locator-heading-action { width: 100%; align-items: center; }
  .locator-heading-action .locator-primary { width: min(100%, 300px); }
  .locator-map-near-me { top: 10px; right: 10px; min-height: 40px; padding: 9px 14px; font-size: 12px; }
  .locator-heading-action small { text-align: center; }
}