/* Concierge campaign landing — extends aadi-new-home.css */

.agent-grid--solo {
  grid-template-columns: minmax(0, 1fr);
  max-width: 760px;
}

.concierge-hero .lede {
  max-width: 54ch;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.why-grid--four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.concierge-hero .lede-strong {
  color: #e2e8f0;
  font-weight: 600;
  max-width: 40ch;
  margin-bottom: 10px;
}

.why-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(11, 18, 32, 0.5);
}

.why-card h3 {
  font-size: 0.98rem;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.why-card p {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.proof-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 820px;
}

.path-steps {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.path-steps li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(11, 18, 32, 0.45);
}

.path-steps h3 {
  font-size: 0.92rem;
  margin-bottom: 4px;
}

.path-steps p {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

.cta-band {
  padding: 40px 0 28px;
  animation: rise 0.8s ease both;
}

.cta-band h2 {
  font-size: clamp(1.35rem, 2.8vw, 1.75rem);
  letter-spacing: -0.03em;
  margin-bottom: 10px;
  max-width: 24ch;
}

.cta-band p {
  color: var(--muted);
  max-width: 48ch;
  margin-bottom: 16px;
}

.cta-band .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

@media (max-width: 960px) {
  .why-grid,
  .why-grid--four,
  .proof-grid--two,
  .path-steps {
    grid-template-columns: 1fr;
  }
}