/* ============================================================
   TYPOGRAPHY — single monospace family, weight/size carries hierarchy.
   (A terminal only ever renders one typeface — mixing in a serif or
   grotesk would break the illusion, so scale + weight + the green
   accent do the work a second family would normally do.)
   ============================================================ */

body{
    font-family: 'Consolas', 'SFMono-Regular', 'Courier New', Courier, monospace;
    background-color: var(--terminal-black);
    color: var(--snow-white);
    line-height: 1.5;
}

.title-h1{
    font-size: 1.25rem;
}

.title-h2{
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.eyebrow{
  font-size: 0.8rem;
  color: var(--matrix-green);
  letter-spacing: 0.03em;
  display: block;
  margin-bottom: 0.5em;
}

.eyebrow::before{
  content: "$ ";
  color: var(--steel-gray);
}

h1{
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 0.4em 0;
}

.hero-slogan h1{
  font-size: clamp(1.8rem, 4vw, 3rem);
  color: var(--snow-white);
}

.hero-slogan .subline{
  color: var(--matrix-green);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

h2{
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--matrix-green);
  margin: 0 0 0.6em 0;
}

p, li{
  font-size: 0.95rem;
  color: var(--snow-white);
}

.font-cmd1{
    font-size: 1rem;
    color:#bdb7b7b9;
}

.text-muted{
  color: #bdb7b7b9;
  font-size: 0.85rem;
}

.blink-cursor{
  display: inline-block;
  width: 0.55em;
  background-color: var(--matrix-green);
  margin-left: 2px;
  animation: blink 1s steps(2, start) infinite;
}

@keyframes blink{
  to{ visibility: hidden; }
}

@media (prefers-reduced-motion: reduce){
  .blink-cursor{ animation: none; }
}