/* ============================================
   THEME-READY LANDING PAGE STYLES
   ============================================ */

.landing {
    padding: 20px;
}

/* HERO SECTION */
.hero {
    text-align: center;
    padding: 40px 10px;
    background: var(--color-bg);
    color: var(--color-text);
}

.hero h1 {
    color: var(--color-primary);
    margin-bottom: 10px;
}

.hero p {
    font-size: 1.1rem;
}

/* FEATURES SECTION */
.features {
    margin-top: 50px;
    padding: 20px;
}

.features h2 {
    color: var(--color-primary);
}

.features ul {
    list-style-type: none;
    padding: 0;
}

.features li {
    margin-bottom: 8px;
    font-size: 1rem;
}

/* CTA SECTION */
.cta {
    margin-top: 60px;
    padding: 35px 20px;
    text-align: center;
    background: var(--color-secondary);
    color: #ffffff;
    border-radius: var(--radius-default);
}

.cta h2 {
    color: #ffffff;
}

.cta .btn {
    margin-top: 15px;
}
body {
    background: var(--color-bg);
}