/* Rounded surface layer — loaded after the core visual system. */
.brand {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.025em;
}

.button,
.filters button,
.tags span,
.pipeline span { border-radius: 8px; }

.cards { gap: 18px; border: 0; }
.card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }
.model,
.sample,
.publication pre { border-radius: 16px; }
.sample { overflow: hidden; }
.sample .model { border-radius: 0; }

.triple { gap: 18px; border: 0; }
.triple article {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .018), transparent);
}

.feature-pair div {
  padding: 16px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--violet);
  border-radius: 10px;
  background: rgba(255, 255, 255, .012);
}

@media (max-width: 760px) {
  .brand { font-size: 24px; }
  .cards, .triple { gap: 14px; }
  .card, .model, .sample, .publication pre { border-radius: 12px; }
}