:root{
  --cs-primary:#2563eb;
  --cs-bg:#f5f6f8;
  --cs-card:#ffffff;
  --cs-border:#e5e7eb;
}
body{ background-color: var(--cs-bg); }
.logo-badge{
  display:inline-grid; place-items:center;
  width:28px;height:28px;border-radius:8px;
  background: var(--cs-primary); color:#fff; font-weight:700; font-size:14px;
}
.bg-gradient-light{
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--cs-bg) 100%);
}
.mockup .card-body{ background:#fafafa; border-radius:.5rem; }
.check{
  width:14px;height:14px; border-radius:50%;
  display:inline-block; background: var(--cs-primary);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="white" d="M5.5 9.5L2.5 6.5L1.5 7.5L5.5 11.5L12.5 4.5L11.5 3.5z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill="white" d="M5.5 9.5L2.5 6.5L1.5 7.5L5.5 11.5L12.5 4.5L11.5 3.5z"/></svg>') center/contain no-repeat;
  background-color: var(--cs-primary);
}
.icon-wrap{ width:40px;height:40px; display:grid; place-items:center; background:#eef2ff; border-radius:.75rem; }
.icon{ font-size:20px; }
.feature .card-body{ padding:1.25rem 1.25rem; }
.steps li{ margin-bottom:.6rem; }
footer{ background:#fff; }
.navbar .btn{ border-radius:999px; padding:.5rem 1rem; }