.hero {
  min-height: 74vh;
  display: grid;
  align-items: center;
  padding: 100px 0 80px;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,204,0,.14), transparent 28%),
    linear-gradient(180deg, #09090c, #0c0c10);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 52px;
  align-items: center;
}
.hero h1 { max-width: 760px; margin-bottom: 24px; }
.hero h1 span { color: #ffcc00; }
.intro { max-width: 650px; color: #b3b3bd; font-size: 1.12rem; }
.buttons { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.preview-card { position: relative; overflow: hidden; }
.preview-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -60px;
  bottom: -70px;
  border-radius: 50%;
  background: rgba(255,204,0,.08);
}