/* ===== CardiaX Intelligence — Main CSS Bundle =====
   All modules imported here. No inline styles in EJS.
   Load order: base → layout → components → sections
   ================================================= */

/* Base */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* Layout */
@import './layout/grid.css';
@import './layout/nav.css';
@import './layout/footer.css';

/* Components */
@import './components/buttons.css';
@import './components/badges.css';
@import './components/cards.css';
@import './components/metric-cards.css';

/* Sections — Part 1 (hero + pathway) */
@import './sections/hero.css';
@import './sections/pathway.css';

/* Sections — Part 2 (below-hero redesign) */
@import './sections/wedge.css';
@import './sections/heartflow-comparison.css';
@import './sections/evidence.css';
@import './sections/publications.css';
@import './sections/sample-report.css';
@import './sections/hospital-it.css';
@import './sections/closer.css';
@import './sections/demo-form.css';

/* Legacy sections (kept for static pages) */
@import './sections/marquee.css';
@import './sections/capabilities.css';
@import './sections/use-cases.css';
@import './sections/stats.css';
@import './sections/how-it-works.css';
@import './sections/why-different.css';
@import './sections/dark-cta.css';

/* ===== Page-specific: Privacy & Terms ===== */
.legal-page {
  background: var(--color-bg-white);
  padding: 120px 0 var(--section-pad);
}

.legal-page .container {
  max-width: 800px;
}

.legal-page h1 {
  margin-bottom: var(--space-4);
}

.legal-page .last-updated {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-bottom: var(--space-12);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.legal-page h2 {
  font-size: 1.375rem;
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
}

.legal-page p {
  margin-bottom: var(--space-4);
}

.legal-page ul {
  list-style: disc;
  padding-left: var(--space-8);
  margin-bottom: var(--space-4);
}

.legal-page ul li {
  margin-bottom: var(--space-2);
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
}

/* ===== Utility ===== */
.text-center { text-align: center; }
.mt-4 { margin-top: var(--space-4); }
.mt-8 { margin-top: var(--space-8); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-8 { margin-bottom: var(--space-8); }
.hidden { display: none; }

/* ===== Scroll reveal animation ===== */
.reveal-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}