/* =============================================================================
   features.css — Features page. Loaded async. Tokens only. Mobile-first.
   ============================================================================= */

.pd-features-hero .pd-lead { max-width: 60ch; }

/* ---- Feature rows (alternating) ---- */
.pd-feature__row { display: grid; gap: var(--pd-space-8); align-items: center; margin-top: var(--pd-space-16); }
.pd-feature__row:first-child { margin-top: 0; }
.pd-feature__tag { display: flex; align-items: center; gap: var(--pd-space-3); margin-bottom: var(--pd-space-2); }
.pd-feature__tag .pd-eyebrow { margin-bottom: 0; }
.pd-feature__text h2 { margin-bottom: var(--pd-space-3); }
.pd-feature__media--split { display: flex; gap: var(--pd-space-4); align-items: flex-start; }
.pd-feature__media--split .pd-frame { flex: 1 1 0; min-width: 0; }
@media (min-width: 900px) {
  .pd-feature__row { grid-template-columns: 1fr 1fr; gap: var(--pd-space-16); }
  .pd-feature__row.is-reverse .pd-feature__media { order: 2; }
}

/* ---- Data Integrity callout ---- */
.pd-integrity__card { max-width: var(--pd-container-narrow); margin-inline: auto; text-align: center; border-color: rgba(194,97,252,0.40); }
.pd-integrity__card .pd-pillar__icon { display: flex; margin-inline: auto; }
.pd-integrity__card h2 { margin-bottom: var(--pd-space-4); }
.pd-integrity__card p { margin-inline: auto; }
.pd-integrity__badges { display: flex; gap: var(--pd-space-4); justify-content: center; flex-wrap: wrap; margin-top: var(--pd-space-6); }
.pd-badge--ok { background: rgba(56,217,169,0.14); color: var(--pd-success); }
.pd-badge--warn { background: rgba(251,191,36,0.16); color: var(--pd-warning); }
.pd-badge svg { width: 16px; height: 16px; }

/* ---- Self-hosted ---- */
.pd-selfhosted .pd-checklist li { font-size: var(--pd-text-base); }

/* ---- Compare / CTA spacing ---- */
.pd-features-compare .pd-section-head { margin-bottom: var(--pd-space-8); }
.pd-cta-band .pd-lead { margin-inline: auto; }
.pd-cta-band .pd-btn-row { margin-top: var(--pd-space-8); }