:root {
  --primary-dark: #0f172a;
  --accent-green: #10b981;
  --accent-green-hover: #059669;
}

.landing-page {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.security-icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}

.content-width-sm {
  max-width: 700px;
}

.content-width-md {
  max-width: 750px;
}

.content-width-lg {
  max-width: 800px;
}

.gradient-hero {
  background: linear-gradient(135deg, #090d16 0%, #0f172a 50%, #1e293b 100%);
}

.feature-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.badge-privacy {
  background-color: rgba(16, 185, 129, 0.15);
  color: var(--accent-green);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-tactical {
  background-color: rgba(234, 179, 8, 0.15);
  color: #eab308;
  border: 1px solid rgba(234, 179, 8, 0.3);
}

.text-accent-green {
  color: var(--accent-green) !important;
}

.security-badge-card {
  background: rgba(30, 41, 59, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.pricing-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}