/* VouchCore — Canonical Wordmark CSS
   Version: 1.0
   Used by: all static HTML pages (index.html, /cfi/, /sltt/, /npo/, /smb/)
   Do NOT duplicate these classes inline — link this file instead.

   CANONICAL MORSE HTML for VERITY:
   <!-- V · · · — E · R · — · I · · T — Y — · — — -->
   <div class="vc-morse">
     <span class="vc-dot"></span>
     <span class="vc-dot"></span>
     <span class="vc-dot"></span>
     <span class="vc-dash"></span>
     <span class="vc-lg"></span>
     <span class="vc-dot dim"></span>
     <span class="vc-lg"></span>
     <span class="vc-dot"></span>
     <span class="vc-dash"></span>
     <span class="vc-dot"></span>
     <span class="vc-lg"></span>
     <span class="vc-dot dim"></span>
     <span class="vc-dot"></span>
     <span class="vc-lg"></span>
     <span class="vc-dash"></span>
     <span class="vc-lg"></span>
     <span class="vc-dash"></span>
     <span class="vc-dot dim"></span>
     <span class="vc-dash"></span>
     <span class="vc-dash"></span>
   </div>
   <a href="/" class="vc-wm">
     <span class="vc-vouch">Vouch</span><span class="vc-core">Core</span>
   </a>
*/

.vc-wordmark-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.vc-morse {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 6px;
}

.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4A8FFF;
  flex-shrink: 0;
}

.vc-dot.dim { background: #1E3A6A; }

.vc-dash {
  width: 13px;
  height: 5px;
  border-radius: 2px;
  background: #4A8FFF;
  flex-shrink: 0;
}

.vc-lg {
  width: 8px;
  flex-shrink: 0;
}

.vc-wm {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  text-decoration: none;
  line-height: 1;
}

.vc-vouch { color: #FFFFFF; }

.vc-core {
  background: linear-gradient(90deg, #4A8FFF, #00C2FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}