/* QuickQuote AI · wordmark + lockup
 *
 *   <span class="qq-wordmark">Quick<span class="qq-q2">Quote</span><span class="qq-ai">AI</span></span>
 *
 * Add .qq-wordmark--invert on dark backgrounds. */

.qq-wordmark {
  font-family: var(--qq-sans);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 0.85;
  color: var(--qq-ink);
  white-space: nowrap;
  display: inline-flex;
  align-items: flex-start;
}
.qq-wordmark .qq-q2 { color: var(--qq-amber); }
.qq-wordmark .qq-ai {
  font-family: var(--qq-mono);
  font-weight: 600;
  font-size: 0.26em;
  letter-spacing: 0.08em;
  margin-left: 0.16em;
  margin-top: 0.1em;
  color: var(--qq-muted);
}

.qq-wordmark--invert        { color: var(--qq-paper); }
.qq-wordmark--invert .qq-q2 { color: var(--qq-amber-bright); }
.qq-wordmark--invert .qq-ai { color: rgba(251,248,241,.6); }

/* Horizontal lockup container */
.qq-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  text-decoration: none;
}

/* Stacked lockup */
.qq-lockup--stacked {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4em;
}