/* Kwalifikator kierunku (homepage + /api + /cennik + /integracje). Bez zależności od builda. */
.intent-strip { margin: 20px 0 8px; padding: 18px 20px; background: var(--surface, #1a1a1a); border: 1px solid var(--border, #2c2c2c); border-radius: 14px; }
.intent-strip h2, .intent-box h2 { margin: 0 0 8px; }
.intent-strip .intent-lead, .intent-box .intent-lead { color: var(--light, #ccc); font-size: .95rem; line-height: 1.55; margin: 0 0 14px; max-width: 720px; }
.intent-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.intent-chip {
  display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 999px;
  border: 1px solid var(--border, #2c2c2c); background: var(--dark, #111);
  color: var(--light, #ccc); text-decoration: none; font-weight: 600; font-size: .9rem;
}
.intent-chip:hover { border-color: var(--yellow, #F5A623); color: var(--yellow, #F5A623); text-decoration: none; }
.intent-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.intent-form label { width: 100%; font-size: .82rem; color: var(--gray, #888); }
.intent-form input[type=text] {
  flex: 1; min-width: 220px; background: var(--dark, #111); border: 1px solid var(--border, #2c2c2c);
  color: var(--white, #fff); border-radius: 10px; padding: 11px 14px; font: inherit;
}
.intent-form button {
  background: linear-gradient(135deg, var(--yellow, #F5A623), #FFBE44); color: #000; border: 0;
  border-radius: 10px; padding: 11px 16px; font-weight: 700; cursor: pointer;
}
.intent-result { margin: 12px 0 0; color: var(--light, #ccc); font-size: .95rem; }
.intent-result a { color: var(--yellow, #F5A623); font-weight: 700; }
.intent-box { background: var(--card, var(--surface, #1a1a1a)); border: 1px solid var(--border, #2c2c2c); border-radius: 16px; padding: 28px; }
@media (max-width: 640px) {
  .intent-form button { width: 100%; }
}