.landing-hero {
    min-height: 88vh;
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, .22), transparent 32rem),
        radial-gradient(circle at bottom right, rgba(111, 66, 193, .2), transparent 28rem),
        var(--bs-body-bg);
}

.landing-navbar {
    backdrop-filter: blur(12px);
    background: rgba(var(--bs-body-bg-rgb), .84);
    border-bottom: 1px solid var(--bs-border-color);
}

.landing-card {
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 1.25rem;
    background: var(--bs-body-bg);
}

.landing-card-header {
    display: flex;
    gap: .5rem;
    padding: .9rem 1rem;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.landing-dot {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
}

.mini-stat {
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--bs-tertiary-bg);
}

.mini-stat-label {
    display: block;
    color: var(--bs-secondary-color);
    font-size: .875rem;
}

.landing-check-list li {
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: .55rem;
}

.landing-check-list li::before {
    position: absolute;
    left: 0;
    content: "✓";
    color: var(--bs-success);
    font-weight: 700;
}

.feature-card {
    padding: 1.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1.25rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .04);
}

.landing-cta {
    background: var(--bs-tertiary-bg);
    border-top: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
}

[data-bs-theme="dark"] .landing-hero {
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, .28), transparent 32rem),
        radial-gradient(circle at bottom right, rgba(111, 66, 193, .24), transparent 28rem),
        var(--bs-body-bg);
}

[data-bs-theme="dark"] .feature-card,
[data-bs-theme="dark"] .landing-card {
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .22);
}