body { font-family: 'Lato', sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Catamaran', sans-serif; }

/* Hero */
.hero {
  background: linear-gradient(135deg, #0d1117 0%, #1a2744 50%, #0d2137 100%);
  padding: 120px 0 80px;
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(13,110,253,0.15) 0%, transparent 70%);
  top: -100px; right: -100px;
  border-radius: 50%;
}
.hero::after {
  content: '';
  position: absolute;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(111,66,193,0.12) 0%, transparent 70%);
  bottom: -80px; left: -60px;
  border-radius: 50%;
}

/* Section alternating */
.section-light { background-color: #f8f9fa; }
.section-dark  { background-color: #0d1117; }
.section-mid   { background-color: #131c2e; }

/* Stat cards */
.stat-card {
  border: 1px solid rgba(13,110,253,0.2);
  border-radius: 12px;
  background: rgba(13,110,253,0.05);
  transition: transform 0.2s, border-color 0.2s;
}
.stat-card:hover { transform: translateY(-4px); border-color: rgba(13,110,253,0.5); }

/* Feature icons */
.feature-icon {
  width: 56px; height: 56px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* Roadmap */
.roadmap-item { border-left: 3px solid #0d6efd; padding-left: 1.25rem; margin-bottom: 0.75rem; }
.roadmap-item.done { border-color: #198754; }
.roadmap-item.in-progress { border-color: #fd7e14; }
.roadmap-item.planned { border-color: #6c757d; }

/* Metrics table */
.metrics-table th { background: #0d6efd; color: #fff; border: none; }
.metrics-table td { border-color: #dee2e6; }
.metrics-table tr:nth-child(even) td { background: #f0f5ff; }

/* Badge pill labels */
.badge-pill-list .badge { font-size: 0.8rem; padding: 0.45em 0.9em; margin: 0.2rem; }

/* Inline style replacements (CP-1275: removes unsafe-inline from style-src) */
.brand-accent       { color: #4d9fff; }
.hero-tagline       { max-width: 640px; }
.feature-card       { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); }
.bg-purple-dim      { background: rgba(111,66,193,0.2); }
.tech-divider       { border-color: rgba(255,255,255,0.1); }
.roadmap-item--consideration { border-color: #6c757d; }
.cta-container      { max-width: 720px; }