:root {
    --sc-dark: #173b2c;
    --sc-green: #1f7a4d;
}

.bg-primary-dark { background-color: var(--sc-dark); }

.hero {
    background: linear-gradient(160deg, var(--sc-dark) 0%, var(--sc-green) 100%);
}

.step-icon {
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: .75rem;
}

.feature h5 i { margin-right: .35rem; }
.feature { border: 0; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .06); }

.pricing-card { max-width: 380px; border-width: 2px; }
.pricing-card li { margin-bottom: .35rem; }
.pricing-card li i { margin-right: .4rem; }

.cta-band { background: linear-gradient(160deg, var(--sc-green) 0%, var(--sc-dark) 100%); }

/* WhatsApp-style demo bubbles */
.chat-demo { max-width: 420px; border-radius: 1rem; background: #e5ddd5; border: 0; }
.chat-demo .bubble {
    border-radius: .65rem;
    padding: .55rem .75rem;
    margin-bottom: .55rem;
    max-width: 92%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12);
    color: #111;
}
.chat-demo .them { background: #fff; }
.chat-demo .me { background: #d9fdd3; margin-left: auto; width: fit-content; }

/* WhatsApp-style reply button pill under a bot message */
.chat-demo .chat-btn {
    background: #fff;
    color: #00a884;
    font-weight: 600;
    text-align: center;
    border-radius: .65rem;
    padding: .45rem .75rem;
    margin: -0.2rem 0 .55rem;
    max-width: 92%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .12);
}
.chat-demo .chat-hint {
    font-size: .72rem;
    color: #5b6a72;
    text-align: center;
    margin-top: .25rem;
}