.slm-landing {
    display: grid;
    gap: 1.5rem;
    padding-bottom: 2rem;
}

.slm-landing-section {
    padding: clamp(1.2rem, 2.4vw, 2.4rem);
    border-radius: 1.25rem;
    background: linear-gradient(180deg, var(--theme-surface-elevated), var(--theme-surface));
    border: 1px solid var(--theme-border-color);
    box-shadow: var(--slm-shadow-sm);
}

.slm-alt-surface {
    background: linear-gradient(180deg, var(--theme-page-background-alt), var(--theme-surface));
}

.slm-panel {
    border: 1px solid var(--theme-border-color);
    border-radius: 1rem;
    background: linear-gradient(180deg, var(--theme-surface-elevated), var(--theme-surface));
    color: var(--theme-text);
    padding: 1.1rem;
    box-shadow: var(--slm-shadow-sm);
}

.slm-kicker {
    color: var(--slm-primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.slm-section-title {
    font-size: clamp(1.35rem, 2.6vw, 2.1rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    color: var(--slm-text);
}

.slm-section-copy {
    max-width: 62ch;
    color: var(--slm-text-muted);
    margin-bottom: 0;
}

.slm-hero {
    background: radial-gradient(circle at top right, color-mix(in srgb, var(--theme-primary) 20%, transparent), transparent 55%), linear-gradient(145deg, var(--theme-surface-elevated), var(--theme-surface));
    border-color: color-mix(in srgb, var(--theme-primary) 32%, var(--theme-border-color));
}

.slm-hero .slm-panel {
    background: color-mix(in srgb, var(--theme-surface-elevated) 92%, transparent);
    border-color: color-mix(in srgb, var(--theme-primary) 28%, var(--theme-border-color));
    color: var(--slm-text);
}

.slm-hero .slm-section-title,
.slm-hero .slm-section-copy,
.slm-hero .slm-kicker,
.slm-hero .h5 { color: var(--slm-text); }

.slm-hero .slm-section-copy { color: var(--theme-text-muted); }

.slm-hero-bullets li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.45rem;
    color: var(--theme-text);
}

.slm-hero-bullets i,
.slm-benefit-icon,
.slm-icon-badge { color: var(--slm-primary); }

.slm-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.slm-metric-card {
    border: 1px solid color-mix(in srgb, var(--theme-primary) 28%, var(--theme-border-color));
    border-radius: 0.8rem;
    background: var(--theme-surface);
    padding: 0.75rem;
}

.slm-metric-value { display: block; font-size: 1.1rem; font-weight: 800; color: var(--slm-primary); }
.slm-metric-label { display: block; font-size: 0.84rem; color: var(--slm-text-muted); }

.slm-chip-row { display: flex; flex-wrap: wrap; gap: 0.55rem; }

.slm-chip,
.slm-banner-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.36rem 0.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface));
    border: 1px solid color-mix(in srgb, var(--theme-primary) 28%, var(--theme-border-color));
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--slm-text);
}

.slm-section-head { margin-bottom: 1rem; }

.slm-icon-badge {
    display: inline-grid;
    place-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface));
    font-size: 1.2rem;
}

.slm-benefit-icon { font-size: 1.5rem; }

.slm-rewards-section {
    background: linear-gradient(120deg, color-mix(in srgb, var(--theme-accent) 16%, var(--theme-surface-elevated)), var(--theme-surface));
}

.slm-rewards-section .slm-kicker,
.slm-rewards-section .slm-section-title,
.slm-rewards-section .slm-section-copy,
.slm-rewards-section .slm-chip { color: var(--slm-text); }

.slm-reward-grid { display: grid; gap: 0.8rem; }

.slm-reward-card {
    border: 1px solid rgba(242, 190, 98, 0.22);
    background: color-mix(in srgb, var(--theme-accent) 8%, var(--theme-surface));
    border-radius: 0.9rem;
    padding: 0.95rem;
}

.slm-reward-label {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 0.72rem;
    color: var(--theme-text-muted);
}

.slm-reward-value { margin: 0.45rem 0 0; color: var(--slm-text); font-weight: 600; }

.slm-banner-size-strip { display: flex; flex-wrap: wrap; gap: 0.75rem; }

.slm-banner-chip {
    padding: 0.6rem 1rem;
    background: color-mix(in srgb, var(--theme-primary) 8%, var(--theme-surface));
}

.slm-faq .accordion-item {
    border: 1px solid rgba(242, 190, 98, 0.16);
    margin-bottom: 0.6rem;
    border-radius: 0.7rem;
    overflow: hidden;
    background: var(--theme-surface);
}

.slm-faq .accordion-button {
    background: var(--theme-surface-elevated);
    color: var(--slm-text);
}

.slm-faq .accordion-button:not(.collapsed) {
    color: var(--slm-primary);
    background: color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-elevated));
    box-shadow: none;
}

.slm-faq .accordion-body { color: var(--slm-text-muted); }

.slm-final-cta .slm-panel {
    background: radial-gradient(circle at top center, color-mix(in srgb, var(--theme-primary) 12%, transparent), var(--theme-surface));
    box-shadow: var(--slm-glow-shadow);
}

@media (max-width: 991px) {
    .slm-landing-section { border-radius: 1rem; }
    .slm-metric-grid { grid-template-columns: 1fr; }
}