.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-soft); }
.btn.primary { background: var(--accent); color: #fff; }
.btn.ghost { background: transparent; border-color: rgba(0,0,0,0.14); }
.btn.outline { background: transparent; border-color: var(--accent); color: var(--accent); }
.btn.gradient { background: linear-gradient(135deg, var(--accent), #7c5cff); color: #fff; }

.section { padding: 72px 0; }
@media (min-width: 900px) { .section { padding: 96px 0; } }
.section.soft { background: var(--bg-soft); }

.section-head { margin-bottom: 22px; text-align: center; }
.section-title { margin: 0; font-size: clamp(26px, 7vw, 36px); font-weight: 900; letter-spacing: 0.02em; text-align: center; }
.section-lead { margin: 10px 0 0; color: var(--muted); font-weight: 700; }