.ce-hero {
  background: var(--ce-navy);
  padding: 3rem 1.5rem 3.5rem;
  text-align: center;
}

.ce-hero__inner {
  max-width: 600px;
  margin: 0 auto;
}

.ce-hero__title {
  font-family: var(--ce-font-sans);
  font-size: 1.875rem;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 0.625rem;
}

.ce-hero__subtitle {
  font-size: 0.9375rem;
  color: rgba(255,255,255,0.55);
  margin-bottom: 1.75rem;
  font-family: var(--ce-font-ui);
}

.ce-hero__search {
  display: flex;
  background: #ffffff;
  border-radius: var(--ce-radius);
  overflow: hidden;
  margin-bottom: 1rem;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.ce-hero__search input {
  flex: 1;
  border: none;
  padding: 0.625rem 0.875rem;
  font-size: 0.9375rem;
  outline: none;
  color: var(--ce-text);
  font-family: var(--ce-font-ui);
  background: transparent;
}

.ce-hero__search button {
  background: var(--ce-conflicts);
  color: #ffffff;
  border: none;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-family: var(--ce-font-ui);
  cursor: pointer;
  transition: background 0.15s;
}

.ce-hero__search button:hover {
  background: var(--ce-conflicts-txt);
}

.ce-hero__pills {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.ce-hero__pill {
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.75);
  font-size: 0.8125rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  border: 0.5px solid rgba(255,255,255,0.2);
  cursor: pointer;
  font-family: var(--ce-font-ui);
  transition: background 0.15s;
}

.ce-hero__pill:hover {
  background: rgba(255,255,255,0.18);
}