/* The shared Train 4 Ultra wordmark for the app and every public page. */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Oswald:wght@500;600&display=swap');

.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 9px;
  padding: 10px 13px;
  border: 0;
  border-radius: 9px 9px 9px 2px;
  background: #163e5b;
  color: #fafcfd;
  font: 600 15px 'DM Mono', monospace;
  letter-spacing: -.6px;
  text-decoration: none;
  white-space: nowrap;
}

.brand::before {
  content: '';
  width: 19px;
  height: 17px;
  flex-shrink: 0;
  background: #bde4f5;
  clip-path: polygon(0 100%, 37% 25%, 54% 58%, 72% 0, 100% 100%);
}

@media (max-width: 600px) {
  .brand { font-size: 12px; padding: 9px 10px; gap: 7px; }
  .brand::before { width: 16px; height: 15px; }
}