/* qCompute Module Styles — Canonical 2026 */
.hero {
  background: linear-gradient(135deg, var(--rtt-indigo), var(--rtt-violet));
  color: white;
  text-align: center;
  padding: 4rem 1rem;
  border-radius: var(--rtt-radius);
  box-shadow: var(--rtt-shadow);
}

.hero img {
  max-width: 100%;
  height: auto;
  border-radius: var(--rtt-radius);
  margin-top: 1rem;
}

.hero h1 {
  font-size: 2.4rem;
  margin-bottom: 0.5rem;
}

.hero p {
  font-size: 1.1rem;
  opacity: 0.9;
}

@media (max-width: 768px) {
  .hero {
    padding: 2rem 1rem;
  }
  .hero h1 {
    font-size: 1.8rem;
  }
  .hero p {
    font-size: 1rem;
  }
}