.landing-page .ldb-hero h1 {
    max-width: 16ch;
}
.hero-inbox {
    display: grid;
    grid-template-columns: 0.42fr 0.58fr;
    min-height: 360px;
    background: #fff;
    border: 1px solid var(--ldb-border);
    border-radius: 22px;
    box-shadow: var(--ldb-shadow);
    overflow: hidden;
}
.hero-inbox__list {
    border-right: 1px solid var(--ldb-border);
    background: #f8fdfb;
}
.hero-inbox__list-head,
.hero-inbox__thread-head {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--ldb-border);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2e4e57;
}
.hero-inbox__thread-head strong {
    display: block;
    font-size: 0.92rem;
    text-transform: none;
    letter-spacing: -0.02em;
    color: var(--ldb-navy);
}
.hero-inbox__thread-head span {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--ldb-muted);
    text-transform: none;
    letter-spacing: 0;
}
.hero-inbox__item {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e8f1ee;
}
.hero-inbox__item strong,
.hero-inbox__item em,
.hero-inbox__item small {
    display: block;
}
.hero-inbox__item strong { font-size: 0.86rem; color: var(--ldb-navy); }
.hero-inbox__item em { font-style: normal; font-size: 0.78rem; color: var(--ldb-slate); }
.hero-inbox__item small { font-size: 0.7rem; color: var(--ldb-muted); }
.hero-inbox__item.is-on { background: #eaf4f1; }
.hero-inbox__msgs {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}
.cc-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}
.chat-points {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    color: var(--ldb-slate);
}
.chat-points li {
    padding-left: 1.1rem;
    position: relative;
}
.chat-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--ldb-teal);
}
.widget-preview { position: relative; min-height: 280px; }
.widget-preview__page {
    height: 240px;
    border-radius: 18px;
    background: linear-gradient(180deg, #eaf4f1, #fff);
    border: 1px solid var(--ldb-border);
}
.widget-preview__box {
    position: absolute;
    right: 12px;
    bottom: 8px;
    width: min(260px, 80%);
    background: #fff;
    border: 1px solid var(--ldb-border);
    border-radius: 16px;
    box-shadow: var(--ldb-shadow);
    padding: 0.75rem;
}
.widget-preview__box header {
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--ldb-navy);
    margin-bottom: 0.55rem;
}
.mini-tabs, .mini-flow, .mini-kanban {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
}
.mini-tabs span, .mini-flow span, .mini-kanban b {
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--ldb-border);
    font-size: 0.75rem;
    font-weight: 700;
    color: #2e4e57;
}
.mini-tabs span.is-on { background: #2e4e57; color: #fff; border-color: #2e4e57; }
.mini-flow i {
    width: 18px;
    height: 2px;
    background: #c99661;
    align-self: center;
}
.mini-kanban b:nth-child(2) { background: #fff8ef; border-color: #e4bb8f; }
.mini-kanban b:nth-child(3) { background: #eef8f4; }
@media (max-width: 900px) {
    .hero-inbox, .cc-split { grid-template-columns: 1fr; }
    .hero-inbox__list { display: none; }
    .landing-page .ldb-hero h1 { max-width: none; }
}
.ldb-chat-head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}
.ldb-chat-head strong { display: block; font-size: 0.86rem; }
.ldb-chat-head span { display: block; font-size: 0.68rem; opacity: 0.8; }
.ldb-bubbles { display: flex; flex-direction: column; gap: 0.45rem; }
.ldb-bubble {
    max-width: 88%;
    padding: 0.55rem 0.7rem;
    border-radius: 14px;
    font-size: 0.72rem;
    line-height: 1.4;
}
.ldb-bubble--in { background: #eaf4f1; color: #21323f; }
.ldb-phone--chat .ldb-bubble--in { background: rgba(255,255,255,0.16); color: #fff; }
.ldb-bubble--out {
    align-self: flex-end;
    background: #e4bb8f;
    color: #27393f;
}
.ldb-chat-input {
    margin-top: 0.75rem;
    background: rgba(255,255,255,0.95);
    color: #4a646d;
    border-radius: 12px;
    padding: 0.55rem 0.7rem;
    font-size: 0.72rem;
}
.ldb-feature__media--chat {
    align-items: stretch;
}
.ldb-mini-chat {
    width: min(100%, 210px);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.ldb-mini-chat i {
    display: block;
    height: 28px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--ldb-border);
}
.ldb-mini-chat i:nth-child(2) { width: 72%; background: #e4bb8f; border-color: #e4bb8f; align-self: flex-end; }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 2rem 1rem; }
.auth-card {
    width: min(460px, 100%);
    background: #fff;
    border: 1px solid var(--ldb-border);
    border-radius: var(--ldb-radius);
    box-shadow: var(--ldb-shadow);
    padding: 1.6rem 1.4rem;
}
.auth-card h1 { font-size: 1.45rem; margin: 0.4rem 0 0.35rem; color: var(--ldb-navy); }
.auth-card p.lead { color: var(--ldb-slate); margin-bottom: 1.1rem; font-size: 0.92rem; }
.auth-field { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.85rem; }
.auth-field label { font-size: 0.78rem; font-weight: 700; color: #2e4e57; letter-spacing: 0.03em; text-transform: uppercase; }
.auth-field input,
.auth-field select {
    border: 1px solid var(--ldb-border);
    border-radius: 12px;
    padding: 0.75rem 0.85rem;
    background: #f8fdfb;
    width: 100%;
    min-height: 46px;
    font: inherit;
}
.auth-error {
    background: #fff4f0;
    color: #9a3412;
    border: 1px solid #f2c4b0;
    border-radius: 12px;
    padding: 0.7rem 0.85rem;
    margin-bottom: 0.9rem;
    font-size: 0.88rem;
}
.auth-ok {
    background: #eef8f4;
    color: #0f766e;
    border: 1px solid #b2d8c3;
    border-radius: 12px;
    padding: 0.7rem 0.85rem;
    margin-bottom: 0.9rem;
    font-size: 0.88rem;
}