/* ── Tipografia base ────────────────────────────────────────────── */
h1, h2, h3, p { margin: 0; }

h1, h2 {
  color: var(--ink);
  font-weight: 950;
}

h1 {
  max-width: 12ch;
  font-size: clamp(3.45rem, 10vw, 7.3rem);
  line-height: .85;
}

h2 {
  max-width: 12ch;
  font-size: clamp(2.35rem, 6.4vw, 5rem);
  line-height: .9;
}

h3 {
  font-size: 1.1rem;
  line-height: 1.1;
}

p {
  color: var(--muted);
  font-size: clamp(1rem, 1.7vw, 1.22rem);
  line-height: 1.5;
}

/* ── Tipografia refinement ──────────────────────────────────────── */
h1 {
  font-size: clamp(2.6rem, 5.2vw, 4.4rem);
  font-weight: 700;
  line-height: 1.08;
  max-width: 16ch;
  letter-spacing: -.03em !important;
}

h2 {
  font-size: clamp(1.9rem, 3.4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.14;
  max-width: 28ch;
  letter-spacing: -.025em !important;
}

h3 { font-size: 1rem; font-weight: 600; line-height: 1.45; }
p  { font-size: 1rem; line-height: 1.65; color: var(--muted); }

/* ── Eyebrow ────────────────────────────────────────────────────── */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  color: var(--purple);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em !important;
}

.eyebrow::before {
  content: "—";
  color: var(--purple);
  font-weight: 700;
  opacity: .75;
}

/* ── Botões ─────────────────────────────────────────────────────── */
.button, .lead-form button {
  min-height: 3.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .9rem 1.1rem;
  color: var(--ink);
  background: var(--paper);
  box-shadow: none;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, transform .15s, box-shadow .15s;
}

.button:hover { transform: translateY(-1px); box-shadow: var(--shadow); }

.button.primary, .lead-form button.primary {
  color: #fff;
  border-color: transparent;
  background: var(--purple);
  box-shadow: 0 4px 18px rgba(124, 58, 237, .32);
}

.button.primary:hover {
  background: var(--purple-mid);
  box-shadow: 0 6px 26px rgba(124, 58, 237, .42);
}

.button.secondary {
  background: rgba(255, 255, 255, .76);
}

.button.small { padding: .5rem 1rem; font-size: .8rem; }

.text-link {
  color: var(--purple);
  font-weight: 600;
  border-bottom: 1px solid currentColor;
  padding-bottom: .15rem;
  width: fit-content;
  display: inline-block;
}