/* MAR-5546 — loaded only by msp.php and network-topology.php */

body.mar5546-lp .mar5546-topology-hero {
  padding-top: 4.75rem;
  background-image: url(/lp/assets/img/network-topology-head.svg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: min(52vw, 520px) auto;
}

@media (max-width: 767.98px) {
  body.mar5546-lp .mar5546-topology-hero {
    background-image: none;
    padding-top: 5.25rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.mar5546-lp .mar5546-topology-hero {
    background-size: min(42vw, 400px) auto;
    background-position: top right;
  }
}

body.mar5546-lp .mar5546-lp-checklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem 1.25rem;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

body.mar5546-lp .mar5546-lp-checklist li {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}

/* Match homepage hero primary CTA (.btn-cyan-full in theme — same as index "Start for free") */
body.mar5546-lp a.btn.mar5546-cta-homepage-cyan {
  font-weight: 700;
  color: #fff;
  background-color: #0179fe;
  border: 2px solid #0179fe;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
}

body.mar5546-lp a.btn.mar5546-cta-homepage-cyan:hover {
  color: #fff;
  background-color: #054fa4;
  border-color: #054fa4;
  text-decoration: none;
}

body.mar5546-lp a.btn.mar5546-cta-homepage-cyan:focus,
body.mar5546-lp a.btn.mar5546-cta-homepage-cyan.focus {
  color: #fff;
  background-color: #0179fe;
  border: 2px solid #0179fe;
  box-shadow: 0 0 0 0.2rem rgba(1, 121, 254, 0.35);
}