/* Taktyki page styles — minimal, leveraging base.css */
.hero {
  position: relative;
}
.hero .kicker {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  background: linear-gradient(135deg, rgba(123,75,166,.25), rgba(16,185,129,.2));
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: var(--font-size-xs);
}

.quicklinks .card { padding: var(--space-5); }
.quicklinks .card p { margin: 0; }
.quicklinks .current {
  background: linear-gradient(135deg, var(--color-background-card), rgba(123,75,166,.08));
  border-color: var(--color-primary);
  box-shadow: var(--shadow-glow);
}

.two-col { display: grid; grid-template-columns: 1fr; gap: var(--space-8); }
@media (min-width: 992px) { .two-col { grid-template-columns: 1fr 1fr; } }

.comparison-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
@media (min-width: 768px) { .comparison-grid { grid-template-columns: 1fr 1fr; } }

.faq .faq-question {
  width: 100%;
  text-align: left;
  color: var(--color-text);
}
.faq .faq-question[aria-expanded="true"]::after { content: "−"; float: right; color: var(--color-accent-mystical); }
.faq .faq-question[aria-expanded="false"]::after { content: "+"; float: right; color: var(--color-text-muted); }
.faq .faq-answer { margin-top: var(--space-2); }