
.btn { @apply inline-flex items-center justify-center rounded-2xl bg-slate-900 px-4 py-2 text-white text-sm font-semibold shadow-sm hover:opacity-90 transition; }
.btn-lg { @apply px-5 py-3 text-base; }
.btn-light { @apply bg-white text-slate-900; }
.card { @apply rounded-2xl border border-slate-200 bg-white; }
.card-head { @apply p-6 flex items-center gap-3; }
.card .title { @apply text-lg font-semibold; }
.feature { @apply flex items-center gap-2 rounded-xl border border-slate-200 p-3 text-sm text-slate-700; }
.step { @apply relative; }
.step-num { @apply flex h-8 w-8 items-center justify-center rounded-xl bg-slate-900 text-white text-xs absolute -top-3 -left-3; }
.logo-chip { @apply flex items-center justify-center rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm text-slate-600; }
.msg { @apply bg-slate-50 border border-slate-200 rounded-xl p-2; }
.bullet { @apply inline-block h-2 w-2 rounded-full bg-slate-900; }
.review .stars { @apply px-6 pt-6 text-amber-500 text-lg; }
.input { @apply w-full rounded-xl border border-slate-300 bg-white px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-slate-300; }
.textarea { @apply w-full rounded-xl border border-slate-300 bg-white px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-slate-300; }
