:root {
  --space: 1.5rem;
}

/* Global rhythm */
body {
  font-family: system-ui, sans-serif;
  color: #fff;
  background: #000;
  max-width: 700px;
  margin: 0 auto;
  padding: calc(var(--space) * 2) var(--space);
  line-height: 1.7;
  text-align: center;
}

/* Headings */
h1 {
  font-size: 3rem;                     /* restores the larger title */
  margin-bottom: calc(var(--space) * 1.25);  /* tightened spacing */
}






h2 {
  margin-top: calc(var(--space) * 1.75); /* was ~3×, now tighter */
}



/* Magna Carta paragraph */
body > p {
  margin-bottom: calc(var(--space) * 2.5);
}

/* Horizontal rules */
hr {
  margin: calc(var(--space) * 2.5) 0;
}

/* Product lines block */
.product-lines {
  display: flex;
  justify-content: center;
  gap: calc(var(--space) * 2.3);      /* horizontal breathing room */
  margin: calc(var(--space) * 2.7) 0; /* vertical breathing room */
}

/* WinForms-style buttons */
/* Bold CSV Smith and Forgia */
.product-button {
  display: inline-block;
  padding: calc(var(--space) * 0.5) calc(var(--space) * 1.1);
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  text-decoration: none; /* critical */
  transition: background 0.2s, color 0.2s;
}

.product-button:hover {
  background: #fff;
  color: #000;
}



/* Ethos block */
.ethos-block p {
  margin-bottom: calc(var(--space) * 2.5); /* space below “Software that restores agency” */
}

/* “Look for apps…” line */
body > p strong {
  display: inline-block;
  margin-top: calc(var(--space) * 1.5);
}

/* Footer */
footer {
  margin-top: calc(var(--space) * 3);
  font-size: 0.9rem;
  color: #666;
}

footer .copyright::after {
  content: "© 2026 Machina Forgia";
  display: block;
  margin-top: calc(var(--space) * 0.5);
  opacity: 0.7;
}