/* Shared Zapier underscore + wordmark lockup — landing, OG card, dashboard chrome. */

.brand {
  display: flex;
  align-items: baseline;
  gap: 0;
  color: inherit;
  text-decoration: none;
}

.brand:hover {
  color: inherit;
  text-decoration: none;
}

.brand-mark {
  display: block;
  width: var(--zapier-underscore-width);
  aspect-ratio: var(--zapier-underscore-ratio);
  flex: none;
  min-height: 0;
  overflow: hidden;
  color: var(--accent);
  margin-right: var(--zapier-underscore-gap);
  position: relative;
  top: var(--zapier-underscore-nudge);
}

.brand-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}

.brand-name {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text);
  line-height: 1;
}

.lv-core-head {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0;
}

.lv-core-mark {
  display: block;
  width: 1.45em;
  aspect-ratio: var(--zapier-underscore-ratio);
  flex: none;
  min-height: 0;
  overflow: hidden;
  color: var(--accent);
  margin-right: 0.24em;
  position: relative;
  top: 0.05em;
}

.lv-core-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}

.lv-core-copy {
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1;
}

.lv-core-copy strong {
  font-weight: 600;
}

.mission-mark {
  display: inline-block;
  width: 1.35em;
  aspect-ratio: var(--zapier-underscore-ratio);
  min-height: 0;
  overflow: hidden;
  color: var(--accent);
  margin-right: 0.22em;
  position: relative;
  top: 0.08em;
  vertical-align: baseline;
}

.mission-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}

.mission-top > div {
  display: flex;
  align-items: baseline;
  gap: 0;
}