/* "Try it now" on the home page */
.lp-try { background: linear-gradient(180deg, #fff4e6 0%, #fff 70%); }
.lp-try-sub { max-width: 640px; margin: 0 auto; }
.lp-try-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 22px; align-items: start; }
.lp-try-left { margin: 0; }
.lp-try-step { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 1.05rem; margin-bottom: 8px; }
.lp-try-step span { flex: 0 0 26px; height: 26px; width: 26px; border-radius: 50%; background: var(--lp-brand); color: #fff; display: grid; place-items: center; font-size: .8rem; }
.lp-try-step small { font-weight: 500; color: var(--tblr-secondary); }
.lp-try-data { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .8rem; white-space: pre; overflow: auto; line-height: 1.5; background: #fbfcfd; }
.lp-try-ask { display: flex; gap: 8px; }
.lp-try-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.lp-try-chips button { border: 1px solid var(--tblr-border-color); background: #fff; border-radius: 99px; padding: 5px 12px; font-size: .875rem; color: inherit; cursor: pointer; }
.lp-try-chips button:hover { border-color: var(--lp-brand); color: var(--lp-brand-dark); }
.lp-try-reply { margin-top: 12px; background: #f1f3f5; border-radius: 12px; padding: 10px 12px; font-size: .95rem; white-space: pre-wrap; }
.lp-try-reply.is-error { background: #fff5f5; color: #c92a2a; }
.lp-try-right { min-width: 0; }
.lp-try-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.lp-try-bar select { width: auto; }
.lp-try-count { font-weight: 700; margin-right: auto; }
.lp-try-stage { background: #e9ecef; border-radius: 14px; padding: 16px; overflow: hidden; position: relative; }
#tryHolder { transform-origin: 0 0; }
#tryHolder .lp-sheet { box-shadow: 0 4px 20px rgba(0,0,0,.12); }
.lp-try-cta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.lp-try-stage.is-busy::after { content: 'The AI is working…'; position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255,255,255,.55); font-weight: 700; color: var(--lp-brand-dark); }
@media (max-width: 991.98px) { .lp-try-grid { grid-template-columns: minmax(0, 1fr); } }
.lp-try-stage.is-cropped::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(180deg, rgba(233,236,239,0), #e9ecef 85%); z-index: 1; pointer-events: none; }