body {
	  font-family: "logic-monospace", mono;
	  font-weight: 400;
	  font-style: normal;
	  color: #555;
	  background: #000; /* fallback */
    }
	.navbar-brand{
	  font-family: "new-astro", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}
	/* Scope nav list styles */
	nav ul {
	  list-style: none;
	  display: flex;
	  gap: 1.5rem;
	  margin: 0;
	  padding: 0;
	}
	nav ul li a {
	  color: #fff;
	  text-decoration: none;
	  font-weight: 500;
	}
.card {
  position: relative;       /* allow absolute positioning inside */
  border-radius: 5px;      /* round the card itself */
  background: #000;         /* card fill */
  color: #ccc;
  padding: 1.5rem;
  z-index: 1;               /* keep content above the pseudo-element */
}

.card::before {
  content: "";
  position: absolute;
  inset: 0;                 /* stretch to cover the card */
  border-radius: 5px;      /* same rounding as the card */
  padding: 1px;             /* thickness of the gradient border */
  background: linear-gradient(90deg, blue, green, red);
  
  /* mask so only the border shows */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  
  pointer-events: none;     /* don’t block clicks */
}
	.card ul {
	  display: inline-block;  
	  text-align: left;       
	  margin: 0 auto;          
	  padding-left: 1.2rem;   
	}
	.card p {
	  text-align: center; 
	}
    .card:hover {
      box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }
    .price {
      font-size: 1.6rem;
      font-weight: 600;
      color: #007acc;
    }
    footer {
	  font-family: "logic-monospace", mono;
	  font-weight: 400;
	  background:#000;
      padding: 2rem;
      text-align: center;
      margin-top: 2rem;
      color: #555;
    }
	.highlight_blue{
		background:rgba(141, 72, 255, .2);
		padding: 0 0.25em 0.1em 0.25em;
	}
	.highlight_green{
		background:#47e05466;
		padding: 0 0.25em 0.1em 0.25em;
		border-radius:3px;
	}
	/* Keep feature list separate */
	.feature-list {
	  list-style: none;
	  padding-left: 0;
	  margin: 1rem auto;
	  display: inline-block; 
	  text-align: left;     
	}
	.feature-list li {
	  position: relative;
	  padding-left: 25px;
	}
	.feature-list li::before {
	  content: "✔";
	  position: absolute;
	  left: 0;
	  color: #47e05466;
	}