/* ─────────────────────────────────────────────────────────────
   14-section-deliverables.css
   Section: What You Get (Deliverables)
   Two-column checklist with category grouping.
   Sits after the Mechanism section.
───────────────────────────────────────────────────────────── */

#deliverables {
  background-color: #0A0A0A;
}

#deliverables .inner {
  max-width: 900px;
  margin: 0 auto;
}

/* ── Two-column checklist layout ── */
.deliverables__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 64px;
}

/* ── Each column group ── */
.deliverables__group {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

#deliverables.visible .deliverables__group {
  opacity: 1;
  transform: translateY(0);
}

#deliverables.visible .deliverables__group:nth-child(1) { transition-delay: 0.1s; }
#deliverables.visible .deliverables__group:nth-child(2) { transition-delay: 0.25s; }
#deliverables.visible .deliverables__group:nth-child(3) { transition-delay: 0.40s; }
#deliverables.visible .deliverables__group:nth-child(4) { transition-delay: 0.55s; }

/* ── Group heading ── */
.deliverables__group-title {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #C8F04A;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #1e1e1e;
}

/* ── Checklist item ── */
.deliverables__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}

.deliverables__item:last-child {
  margin-bottom: 0;
}

/* ── Lime checkmark icon ── */
.deliverables__check {
  flex-shrink: 0;
  margin-top: 3px;
  color: #C8F04A;
}

/* ── Item text ── */
.deliverables__item-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  color: #bbb;
  line-height: 1.6;
}

/* ── Bottom highlight bar ── */
.deliverables__footer {
  margin-top: 56px;
  background: linear-gradient(135deg, #0f1200 0%, #111 100%);
  border: 0.5px solid #2a2a2a;
  border-left: 3px solid #C8F04A;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.deliverables__footer-text {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  color: #999;
  line-height: 1.6;
}

.deliverables__footer-text strong {
  color: #ffffff;
  font-weight: 500;
}