.hero {
  min-height: 90vh;
  display: flex;
  align-items: center;
  padding: 6rem 1.5rem;
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(56,189,248,0.12) 0%, transparent 70%),
    var(--bg);
}

.inner { max-width: 720px; }

.headline {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 1.5rem;
}

.accent { color: var(--accent); }

.sub {
  color: var(--text-muted);
  font-size: 1.15rem;
  line-height: 1.7;
  margin-bottom: 2.5rem;
  max-width: 600px;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.btnPrimary, .btnSecondary {
  padding: 0.75rem 1.75rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: opacity 0.2s;
}

.btnPrimary {
  background: var(--accent);
  color: #080d1a;
}

.btnPrimary:hover { opacity: 0.88; text-decoration: none; }

.btnSecondary {
  border: 1px solid var(--border);
  color: var(--text);
  background: transparent;
}

.btnSecondary:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }