/* HelmDMS shared styles — supplements Tailwind */

body { font-family: 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, .font-display {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  letter-spacing: -0.02em;
}

/* Backgrounds */
.gradient-deep {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(245,149,7,.18), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(46,114,168,.35), transparent 60%),
    linear-gradient(135deg, #081a2c 0%, #0e2a44 55%, #173d5e 100%);
}
.gradient-warm {
  background: linear-gradient(180deg, #fbf7ee 0%, #fff 100%);
}

/* Wave dividers */
.wave-divider { display:block; width:100%; height: 60px; }

/* Cards */
.feature-card { transition: transform .2s ease, box-shadow .2s ease; }
.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(8,26,44,.08), 0 24px 48px -16px rgba(8,26,44,.18);
}

/* CTA button */
.btn-cta {
  background: linear-gradient(180deg, #ffb220 0%, #f59507 100%);
  color: #1a0f02;
}
.btn-cta:hover {
  background: linear-gradient(180deg, #ffc14a 0%, #ffa721 100%);
}

/* Comparison table */
.compare-table th, .compare-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(8,26,44,.08);
  text-align: left;
  vertical-align: top;
}
.compare-table th { font-weight: 700; }
.compare-table thead th { color: #fff; }
.compare-table .check { color: #047857; font-weight: 700; }
.compare-table .x { color: #b91c1c; font-weight: 700; }
.compare-table .meh { color: #b45309; font-weight: 600; }

/* SEO content */
.prose-helm { max-width: 65ch; }
.prose-helm p { margin: 0 0 1rem 0; line-height: 1.7; color: #0e2a44; }
.prose-helm h2 { margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.875rem; font-weight: 800; color: #081a2c; }
.prose-helm h3 { margin-top: 2rem; margin-bottom: 0.75rem; font-size: 1.375rem; font-weight: 800; color: #0e2a44; }
.prose-helm ul { margin: 0 0 1rem 1.5rem; line-height: 1.7; color: #0e2a44; }
.prose-helm li { margin-bottom: 0.4rem; }
.prose-helm a { color: #1d5a8c; text-decoration: underline; font-weight: 600; }
.prose-helm a:hover { color: #0e2a44; }
.prose-helm strong { color: #081a2c; }