/* home.css — exclusivo do index.php */

.hero {
  height: 100vh;
  min-height: 640px;
  max-height: 880px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 82% 18%, rgba(242, 169, 59, 0.14), transparent 55%),
    var(--color-paper);
}

.hero__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 56px;
}

.hero__copy h1 { margin-block: 18px 20px; }

.hero__actions {
  display: flex;
  gap: 14px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.hero__panel { display: flex; justify-content: center; }

.hero__code-card {
  background: var(--color-white);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  padding: 32px;
  width: 100%;
  max-width: 360px;
  box-shadow: var(--shadow-card-hover);
}

.hero__code-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.hero__code-list .code-tag { justify-content: flex-start; width: fit-content; }

.hero__pulse { width: 100%; height: auto; margin-top: 28px; }