.hero-copy h1 {
  max-width: 780px;
  font-weight: 700;
  letter-spacing: -.065em;
  text-wrap: balance;
  text-shadow: 0 8px 34px rgba(0,0,0,.3);
}

.hero-copy h1::after {
  content: "";
  display: block;
  width: 96px;
  height: 2px;
  margin-top: 26px;
  background: linear-gradient(90deg, var(--cyan), #2f7df6, transparent);
  box-shadow: 0 0 16px rgba(32,229,193,.6);
  animation: tech-line 3.8s ease-in-out infinite;
}

.hero-copy h1 em {
  display: inline-block;
  color: rgba(193,220,241,.08);
  -webkit-text-stroke: 1.5px rgba(172,211,239,.74);
  background: linear-gradient(110deg, rgba(177,212,236,.2) 10%, rgba(255,255,255,.8) 34%, rgba(47,125,246,.35) 48%, rgba(32,229,193,.55) 64%, rgba(177,212,236,.18) 86%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 10px rgba(47,125,246,.18));
  animation: future-scan 7s linear infinite;
}

.eyebrow {
  color: #5ff9de;
  font-family: "Space Grotesk", sans-serif;
  font-size: .76rem;
  letter-spacing: .25em;
  text-shadow: 0 0 14px rgba(32,229,193,.28);
}

.eyebrow span {
  width: 42px;
  box-shadow: 0 0 10px rgba(32,229,193,.65);
}

.hero-copy > p {
  color: #c2d2df;
  font-size: 1.12rem;
  line-height: 1.8;
}

@keyframes future-scan {
  0% { background-position: 110% 50%; }
  100% { background-position: -150% 50%; }
}

@keyframes tech-line {
  50% { width: 158px; opacity: .72; }
}

@media (max-width: 620px) {
  .hero-copy h1 {
    font-size: clamp(3rem, 15vw, 4.3rem);
    line-height: .96;
    letter-spacing: -.055em;
  }

  .hero-copy h1 em {
    -webkit-text-stroke-width: 1px;
  }

  .eyebrow {
    font-size: .67rem;
    line-height: 1.6;
    letter-spacing: .19em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy h1 em,
  .hero-copy h1::after { animation: none; }
}