/* Cards & titles */
.section-title {
  font-size: 1.5rem;            /* ~ text-2xl */
  font-weight: 800;             /* font-extrabold */
  line-height: 1.25;
}
@media (min-width: 768px) {      /* md:text-3xl */
  .section-title { font-size: 1.875rem; }
}

.card {
  background-color: rgba(255, 255, 255, 0.05);   /* bg-white/5 */
  border: 1px solid rgba(255, 255, 255, 0.10);   /* border-white/10 */
  border-radius: 1rem;                            /* rounded-2xl */
  padding: 1.25rem;                               /* p-5 */
}

.card-title {
  font-weight: 600;             /* font-semibold */
  font-size: 1.125rem;          /* text-lg */
  margin-bottom: 0.25rem;       /* mb-1 */
}

.card-text {
  color: #d4d4d8;               /* text-zinc-300 */
}

/* Numbered steps */
.step {
  display: inline-flex;                 /* inline-flex */
  align-items: center;                  /* items-center */
  justify-content: center;              /* justify-center */
  width: 1.5rem;                        /* w-6 */
  height: 1.5rem;                       /* h-6 */
  margin-right: 0.5rem;                 /* mr-2 */
  border-radius: 9999px;                /* rounded-full */
  background-color: rgba(255,255,255,0.10); /* bg-white/10 */
  border: 1px solid rgba(255,255,255,0.10);  /* border-white/10 */
  font-size: 0.75rem;                   /* text-xs */
  font-weight: 700;                     /* font-bold */
}

/* Store badges (img elements inside #download links) */
#download a {
  display: inline-flex;
  align-items: center;
  transition: transform .12s ease;
}
#download a:hover { transform: scale(1.04); }
#download img {
  display: block;
  height: 48px; /* roughly h-12 */
  width: auto;
}
@media (max-width: 768px) {
  #download img { height: 44px; }
}

/* Global page styles */
body {
  background-color: #0f1115; /* Dark background */
  color: #e4e4e7; /* Light text */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header a,
footer a {
  transition: color 0.15s ease;
}

header {
  max-width: 72rem; /* max-w-6xl */
  margin-left: auto;
  margin-right: auto;
}

footer {
  max-width: 72rem; /* max-w-6xl */
  margin-left: auto;
  margin-right: auto;
}