/* index.css — inherits theme */
@import url("styles.css");

/* ---------- Enterprise landing extensions ---------- */
.enterprise-promise .section-subtitle,
.integrations .section-subtitle { color: var(--muted); }

.grid-3.stat-grid { gap: 18px; }

.stat { display: grid; gap: 6px; text-align: center; padding: 20px; }
.stat-value { font-size: 1.25rem; font-weight: 700; }
.stat-label { color: var(--muted); font-size: .95rem; }

/* Chips spacing on landing */
.integrations .chips { margin-top: 12px; }

/* CTA band */
.cta-band {
  display: grid;
  place-items: center;
  text-align: center;
  padding: 28px;
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(157,107,255,0.06), rgba(110,160,255,0.06));
  border-radius: 16px;
  box-shadow: var(--shadow);
}
.cta-band .lede { color: var(--muted); margin: 8px 0 14px; }

/* Center the 2 cards under "Websites we build" */
#developers .int-grid {
  /* use 2 columns instead of the global 4 */
  grid-template-columns: 1fr 1fr;

  /* keep the pair visually centered inside the page container */
  max-width: 960px;
  margin-inline: auto;
  justify-content: center; /* harmless; keeps tracks centered if width shrinks */
}

/* preserve the 1-column mobile stack */
@media (max-width: 640px) {
  #developers .int-grid { grid-template-columns: 1fr; }
}