.ai-hero { padding: 44px 0 20px; text-align: center; }
.ai-hero .label { justify-content: center; display: flex; gap: 6px; align-items: center; margin-bottom: 10px; }
.ai-hero h1 { font-size: 46px; font-weight: 400; margin: 10px 0 14px; }
.ai-hero p.lede { font-size: 17px; color: var(--text-73); max-width: 56ch; margin: 0 auto 6px; }
.ai-hero .tag { font-size: 13px; color: var(--text-60); margin-bottom: 22px; }
.ai-hero .btn-row { justify-content: center; }

.ai-media {
  max-width: 900px;
  margin: 0 auto 40px;
  border-radius: 14px;
  overflow: hidden;
}
.ai-media img { width: 100%; display: block; }

.ai-pricing {
  max-width: 900px;
  margin: 0 auto 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: 12px;
  overflow: hidden;
}
.ai-pricing .cell { background: var(--white); padding: 20px; text-align: center; }
.ai-pricing .cell .value { font-size: 22px; margin: 6px 0 4px; }
.ai-pricing .cell .sub { font-size: 11px; color: var(--text-60); }

.ai-info {
  max-width: 900px;
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.ai-info .card { text-align: center; }