.plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
  }

  .plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--sl-color-neutral-300);
    border-radius: 20px;
    padding: 1.5rem;
  }

  .plan-card.popular {
    border: none;
    background: linear-gradient(
      45deg,
      hsl(220, 60%, 40%),
      hsl(260, 65%, 38%)
    );
  }
