/* Home page styles */

.hero .card {/* padding: 24px; */}

.h1 {
  margin: 0 0 12px;
  font-size: 42px;
  line-height: 1.2;
}

.lead {
    margin: 0 0 18px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.55;
}

.actions { display: flex; gap: 12px; margin: 16px 0; flex-wrap: wrap; }

.badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 18px 0 0;
}

.badge {
display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    /* border-radius: 999px; */
    border: 1px solid var(--border);
    background: rgb(255 255 255 / 4%);
    color: var(--muted);
    font-size: 13px;
}

.badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--blue);
}

screenshots .container{
    padding-top:0px;
    padding-bottom: 0px;
}

screenshots img {
    margin-left: -27px;
    max-width: 100%;
}