/* ─── Utility ───────────────────────────────────────────────────────────────── */
.container    { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.section-pad  { padding: 100px 0; }
.text-center  { text-align: center; }
.text-white   { color: var(--white) !important; }
.text-muted   { color: var(--muted); }
.text-accent  { color: var(--accent); }
.text-primary { color: var(--primary); }

.label-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--cyan-soft);
  color: var(--primary-dark);
  border: 1px solid rgba(14,165,233,0.20);
  border-radius: var(--radius-full);
  font-size: 0.72rem;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 5px 14px;
  margin-bottom: 18px;
}

.section-title { margin-bottom: 12px; }
.section-sub   { max-width: 520px; margin: 0 auto 52px; font-size: 1.05rem; }

/* ─── Section Divider ───────────────────────────────────────────────────────── */
.divider {
  width: 48px; height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border-radius: 2px;
  margin: 16px auto 0;
}

/* ─── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .section-pad { padding: 72px 0; }
}
@media (max-width: 400px) {
  .container { padding: 0 16px; }
}