/* CTA انتخاب پلن — پنلِ برندِ سایت که جانشینِ فرم مشاوره در صفحهٔ اصلی و قیمت شد (§۱۹) */
.plan-cta {
  padding: var(--section-y) 0;
  background: var(--color-surface);
}

.plan-cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-10) var(--sp-5);
  text-align: center;
  border: 1px solid var(--color-brand-border);
  border-radius: var(--radius-2xl);
  background: linear-gradient(180deg, var(--color-brand-subtle), var(--color-brand-surface, var(--color-surface)));
}

.plan-cta-inner h2 {
  margin: 0;
  max-inline-size: 26ch;
  font-size: var(--fs-h2, clamp(1.6rem, 3.6vw, 2.25rem));
  line-height: var(--lh-tight);
  color: var(--color-text-strong);
}

.plan-cta-inner p {
  margin: 0;
  max-inline-size: 52ch;
  font-size: var(--fs-md);
  line-height: var(--lh-relaxed);
  color: var(--color-text-muted);
}

.plan-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--sp-4);
  margin-block-start: var(--sp-3);
}

.plan-cta-note {
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
}

/* موبایل: دکمه‌ها تمام‌عرض تا مسیر شروع در هر اندازه در دسترس باشد */
@media (max-width: 639px) {
  .plan-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .plan-cta-actions .btn {
    inline-size: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .plan-cta-inner {
    transition: none;
  }
}