:root {
  --navy: #102338;
  --navy-2: #18314a;
  --cream: #f5f2ea;
  --gold: #c8a96b;
  --teal: #214b59;
}

/* Content stays visible even if animation APIs or scripts are unavailable. */
.reveal {
  opacity: 1;
  transform: none;
}

.site-header {
  background: rgba(16, 35, 56, 0.97);
}

.proof-rail {
  max-width: var(--max);
  margin: 0 auto 5rem;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.proof-rail div {
  padding: 1.35rem 1rem;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}

.proof-rail div:last-child {
  border-right: 0;
}

.proof-rail strong {
  color: var(--teal);
  font: 800 1.35rem/1.2 Arial, sans-serif;
}

.proof-rail span {
  color: var(--muted);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .proof-rail {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2rem;
  }

  .proof-rail div:nth-child(2) {
    border-right: 0;
  }

  .proof-rail div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
}