#jl-sales-live{--jl-blue:#2861eb;--jl-blue-soft:#eaf0ff;--jl-ink:#192436;--jl-muted:#637083;--jl-line:#e3e7ed;--jl-paper:#fff;--jl-surface:#f6f8fb;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--jl-ink);width:100%;margin:0 auto;color-scheme:light}
#jl-sales-live *{box-sizing:border-box}
#jl-sales-live [hidden]{display:none!important}
#jl-sales-live h2,#jl-sales-live h3,#jl-sales-live p{margin:0}
#jl-sales-live svg{width:19px;height:19px;flex:none;stroke-width:1.6}
#jl-sales-live .jl-demo-shell{background:var(--jl-paper);border:1px solid #354052;border-radius:16px;overflow:hidden;box-shadow:0 20px 64px #00000024}
#jl-sales-live .jl-demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#121c2b;color:#fff;padding:18px 25px}
#jl-sales-live .jl-demo-brand{display:flex;align-items:center;gap:11px}
#jl-sales-live .jl-demo-brand strong{font-size:18px;font-weight:600;letter-spacing:-.4px;display:block}
#jl-sales-live .jl-demo-brand strong span{font-size:12px;font-weight:400;letter-spacing:0;color:#bbc9dc;margin-left:3px}
#jl-sales-live .jl-demo-brand small{display:block;color:#aab9cd;font-size:12px;margin-top:1px}
#jl-sales-live .jl-logo-slot svg{width:41px;height:34px}
#jl-sales-live .jl-demo-label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.1px;color:#b8c9df;padding:6px 9px;border:1px solid #35445b;border-radius:5px}
#jl-sales-live .jl-demo-label>span{width:5px;height:5px;border-radius:50%;background:#7ba5ff}
#jl-sales-live .jl-demo-stages{display:flex;gap:0;border-bottom:1px solid var(--jl-line);background:#fff;padding:0 24px}
#jl-sales-live .jl-demo-stages>div{font-size:13px;font-weight:500;color:#8993a1;display:flex;align-items:center;gap:9px;padding:14px 23px 13px;border-bottom:2px solid transparent;transition:color .25s,border-color .25s}
#jl-sales-live .jl-demo-stages>div:first-child{padding-left:0}
#jl-sales-live .jl-demo-stages span{font-size:11px;font-variant-numeric:tabular-nums}
#jl-sales-live .jl-demo-stages .current{color:#2054cd;border-bottom-color:var(--jl-blue)}
#jl-sales-live .jl-demo-stages .done{color:#35475f}
#jl-sales-live .jl-demo-grid{display:grid;grid-template-columns:39% 61%;min-height:596px}
#jl-sales-live .jl-chat{border-right:1px solid var(--jl-line);display:flex;flex-direction:column;background:#f0f3f1;min-width:0}
#jl-sales-live .jl-chat-channel{display:flex;align-items:center;gap:7px;background:#fff;padding:15px 19px 0;color:#18795b;font-size:13px;font-weight:600}
#jl-sales-live .jl-chat-channel small{margin-left:auto;font-size:11px;font-weight:400;color:var(--jl-muted)}
#jl-sales-live .jl-chat-person{display:flex;gap:10px;align-items:center;padding:12px 19px 16px;background:#fff;border-bottom:1px solid var(--jl-line)}
#jl-sales-live .jl-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9edf4;color:#52657e;font-weight:500;font-size:13px}
#jl-sales-live .jl-chat-person strong{font-size:14px;font-weight:600;display:block}
#jl-sales-live .jl-chat-person small{display:block;font-size:11px;color:var(--jl-muted)}
#jl-sales-live .jl-channel-dot{width:7px;height:7px;border-radius:50%;background:#46a786;margin-left:auto}
#jl-sales-live .jl-messages{flex:1;padding:12px 16px 16px;position:relative;display:flex;flex-direction:column;gap:11px;background-image:radial-gradient(#667c6814 .7px,transparent .7px);background-size:16px 16px}
#jl-sales-live .jl-today{align-self:center;color:#75867d;font-size:11px;background:#e9efeb;padding:3px 8px;border-radius:5px;margin-bottom:1px}
#jl-sales-live .jl-message{border:1px solid #dfe7e3;border-radius:3px 11px 11px 11px;padding:10px 12px 6px;max-width:95%;font-size:13px;line-height:1.55;background:white;box-shadow:0 1px 1px #17372408;animation:jl-message-in .32s ease both}
#jl-sales-live .jl-message.incoming{align-self:flex-start}
#jl-sales-live .jl-message.outgoing{background:#e0f3e8;align-self:flex-end;border-color:#cde6d8;border-radius:11px 3px 11px 11px}
#jl-sales-live .jl-message p+p{margin-top:8px}
#jl-sales-live .jl-message b{font-weight:600}
#jl-sales-live .jl-message time{display:block;text-align:right;font-size:11px;color:#7a8b80;margin-top:4px}
#jl-sales-live .jl-message time span{font-size:12px;letter-spacing:-3px;color:#2985b6;margin-left:5px;margin-right:3px}
#jl-sales-live .jl-sender{display:block;color:#337b60;font-size:11px;font-weight:600;margin-bottom:5px}
#jl-sales-live .jl-reading{font-size:11px;color:#4f7b66;display:flex;gap:6px;align-items:center;align-self:flex-end;padding:4px 2px}
#jl-sales-live .jl-reading-dot{width:6px;height:6px;border-radius:50%;background:#3c9e79;animation:jl-dot-pulse 1.2s infinite}
#jl-sales-live .jl-typing{display:flex;gap:4px;align-self:flex-end;border-radius:9px;background:#e0f3e8;padding:12px 16px;border:1px solid #cde6d8}
#jl-sales-live .jl-typing span{width:5px;height:5px;border-radius:50%;background:#6c9d83;animation:jl-type-dot 1.1s infinite}
#jl-sales-live .jl-typing span:nth-child(2){animation-delay:.14s}
#jl-sales-live .jl-typing span:nth-child(3){animation-delay:.28s}
#jl-sales-live .jl-chat-bottom{display:flex;align-items:center;gap:7px;padding:10px 16px;background:#f8faf9;border-top:1px solid #e2e9e4;color:#718278;font-size:11px}
#jl-sales-live .jl-chat-bottom svg{width:14px;height:14px}
#jl-sales-live .jl-work{padding:24px;background:var(--jl-surface);min-width:0;position:relative}
#jl-sales-live .jl-work-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}
#jl-sales-live .jl-work-eyebrow{color:#7d899b;font-size:11px;letter-spacing:1.4px;font-weight:600;display:block;margin-bottom:4px}
#jl-sales-live h2{font-size:23px;font-weight:600;letter-spacing:-.7px;color:#202c3e;line-height:1.25}
#jl-sales-live .jl-work-state{font-size:11px;background:#e9edf2;color:#6a7688;padding:4px 7px;border-radius:5px;white-space:nowrap}
#jl-sales-live[data-phase="lookup"] .jl-work-state,#jl-sales-live[data-phase="reply"] .jl-work-state{background:var(--jl-blue-soft);color:#245ac5}
#jl-sales-live .jl-catalog-view,#jl-sales-live .jl-quote-view{animation:jl-panel-in .36s ease both}
#jl-sales-live .jl-source{display:flex;gap:10px;align-items:center;padding:15px 13px;border:1px solid var(--jl-line);border-radius:8px;background:#fff}
#jl-sales-live .jl-source-icon{color:#338160;background:#eaf5ef;border-radius:6px;display:grid;place-items:center;width:34px;height:38px}
#jl-sales-live .jl-source strong{font-size:12px;font-weight:600;display:block}
#jl-sales-live .jl-source small{font-size:11px;color:#8a95a5;display:block;margin-top:1px}
#jl-sales-live .jl-source-status{color:#3d8566;margin-left:auto;font-size:11px;background:#eef7f1;padding:3px 6px;border-radius:4px}
#jl-sales-live .jl-query{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dfe5ed;border-radius:7px;padding:13px;margin:17px 0 22px;min-height:47px;transition:border-color .3s,box-shadow .3s}
#jl-sales-live .jl-query>svg{width:16px;height:16px;color:#8090a5}
#jl-sales-live .jl-query>span:first-of-type{font-size:12px;color:#96a0ae}
#jl-sales-live[data-phase="lookup"] .jl-query{border-color:#7b9ef5;box-shadow:0 0 0 3px #2861eb0b}
#jl-sales-live[data-phase="lookup"] .jl-query>span:first-of-type,#jl-sales-live[data-phase="reply"] .jl-query>span:first-of-type{color:#304766}
#jl-sales-live .jl-query-caret{height:15px;width:1px;background:#2861eb;animation:jl-blink .75s steps(1) infinite}
#jl-sales-live .jl-catalog-label{display:flex;justify-content:space-between;color:#8b95a4;font-size:11px;margin-bottom:9px}
#jl-sales-live .jl-products{display:flex;flex-direction:column;gap:9px}
#jl-sales-live .jl-product{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:15px 12px;border:1px solid var(--jl-line);border-radius:8px;background:white;transition:background .4s,border-color .4s;animation:jl-panel-in .35s ease both}
#jl-sales-live .jl-product.selected{border-color:#9ab6ff;background:#f0f5ff}
#jl-sales-live .jl-device{position:relative;height:30px;width:40px;display:grid;place-items:center;border-radius:4px;background:#eaf0f8;color:#6982a1}
#jl-sales-live .jl-device svg{height:24px;width:24px}
#jl-sales-live .jl-product strong{display:block;font-size:13px;font-weight:600}
#jl-sales-live .jl-product .specs{display:block;font-size:11px;color:#8893a3;margin-top:1px}
#jl-sales-live .jl-product .price{text-align:right;font-size:14px;color:#243b5f;font-weight:600;font-variant-numeric:tabular-nums}
#jl-sales-live .jl-product .stock{display:block;font-size:11px;font-weight:400;color:#62856f;margin-top:2px}
#jl-sales-live .jl-match{display:flex;gap:10px;align-items:center;background:#eaf0ff;border-radius:7px;padding:13px;margin-top:14px;animation:jl-panel-in .3s ease both}
#jl-sales-live .jl-match-check{display:grid;place-items:center;background:#2861eb;border-radius:50%;width:23px;height:23px;color:#fff;flex:none}
#jl-sales-live .jl-match-check svg{width:14px;height:14px}
#jl-sales-live .jl-match strong{font-size:12px;font-weight:600;display:block;color:#305388}
#jl-sales-live .jl-match span{font-size:11px;display:block;color:#6c80a1;margin-top:2px}
#jl-sales-live .jl-extracted{margin-top:24px;padding-top:20px;border-top:1px solid #e0e6ee;animation:jl-panel-in .4s ease both}
#jl-sales-live .jl-extracted>span{font-size:11px;letter-spacing:1.1px;color:#8996a8}
#jl-sales-live .jl-extracted>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;gap:8px}
#jl-sales-live .jl-extracted small{font-size:11px;color:#8a96a6;display:block}
#jl-sales-live .jl-extracted strong{font-size:14px;font-weight:500;color:#415570}
#jl-sales-live .jl-quote-document{background:#fff;border:1px solid #dce3ec;border-radius:7px;padding:21px;box-shadow:0 4px 18px #293f5d06}
#jl-sales-live .jl-document-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e8edf3}
#jl-sales-live .jl-document-heading>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#485a73}
#jl-sales-live .jl-document-logo{font-size:19px;font-weight:700;color:#2861eb;letter-spacing:-1px}
#jl-sales-live .jl-draft{font-size:11px;letter-spacing:1.2px;color:#71819b;background:#f1f4f8;padding:4px 7px;border-radius:3px}
#jl-sales-live .jl-document-title{display:flex;justify-content:space-between;align-items:flex-end;margin-top:17px;gap:8px}
#jl-sales-live .jl-document-title small{font-size:11px;letter-spacing:1.5px;color:#7f8b9c}
#jl-sales-live .jl-document-title h3{font-size:24px;letter-spacing:-.7px;font-weight:500;color:#263c5a}
#jl-sales-live .jl-document-title>span{font-size:11px;color:#8895a7}
#jl-sales-live .jl-customer{display:flex;flex-direction:column;margin:18px 0 16px}
#jl-sales-live .jl-customer small{font-size:11px;letter-spacing:1px;color:#8995a7;margin-bottom:3px}
#jl-sales-live .jl-customer strong{font-size:16px;color:#344967;font-weight:600}
#jl-sales-live .jl-customer>span{font-size:11px;color:#8d98a8;margin-top:2px}
#jl-sales-live .jl-quote-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
#jl-sales-live .jl-quote-table th{font-size:11px;color:#7e8a9a;font-weight:400;text-align:right;background:#f5f7fa;padding:8px 6px;white-space:nowrap}
#jl-sales-live .jl-quote-table th:first-child{text-align:left;padding-left:9px}
#jl-sales-live .jl-quote-table td{font-size:11px;text-align:right;vertical-align:top;padding:14px 6px;border-bottom:1px solid #e9edf3;white-space:nowrap}
#jl-sales-live .jl-quote-table td:first-child{text-align:left;white-space:normal;padding-left:0}
#jl-sales-live .jl-quote-table td strong{font-size:12px;font-weight:600;display:block}
#jl-sales-live .jl-quote-table td span,#jl-sales-live .jl-quote-table td small{display:block;font-size:11px;color:#8993a4;margin-top:2px}
#jl-sales-live .jl-quote-total{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}
#jl-sales-live .jl-quote-total>span{font-size:11px;color:#63738c}
#jl-sales-live .jl-quote-total>strong{font-size:25px;letter-spacing:-.5px;color:#245ad0;font-weight:600;font-variant-numeric:tabular-nums}
#jl-sales-live .jl-quote-note{font-size:11px;color:#94a0b0;margin-top:9px}
#jl-sales-live .jl-review{display:flex;align-items:center;gap:9px;border:1px solid #b8cdf9;background:#edf3ff;border-radius:7px;padding:13px 12px;margin-top:15px;animation:jl-review-in .4s ease both}
#jl-sales-live .jl-review-avatar{display:grid;place-items:center;border-radius:50%;background:#dce8ff;color:#2b62cf;font-size:11px;font-weight:600;width:29px;height:29px;flex:none}
#jl-sales-live .jl-review strong{font-size:12px;color:#315eaa;display:block;font-weight:600}
#jl-sales-live .jl-review div>span{font-size:11px;color:#7388ab;display:block;margin-top:2px}
#jl-sales-live .jl-review>svg{width:15px;height:15px;color:#7390be;margin-left:auto}
#jl-sales-live .jl-not-sent{display:flex;align-items:center;justify-content:center;gap:5px;color:#8591a4;font-size:11px;margin-top:14px}
#jl-sales-live .jl-not-sent svg{width:13px;height:13px}
#jl-sales-live .jl-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 23px;background:#fff;border-top:1px solid #e4e8ef;font-size:12px}
#jl-sales-live .jl-demo-footer>div{display:flex;align-items:center;gap:8px;color:#4e607a}
#jl-sales-live .jl-footer-dot{width:6px;height:6px;background:#477ef3;border-radius:50%;flex:none}
#jl-sales-live .jl-demo-footer small{font-size:11px;color:#949fae}
#jl-sales-live .jl-demo-progress{height:2px;background:#e9eef8}
#jl-sales-live .jl-demo-progress span{height:100%;display:block;background:#2861eb;width:0}
#jl-sales-live .jl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes jl-message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes jl-panel-in{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes jl-review-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes jl-type-dot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}}
@keyframes jl-dot-pulse{50%{opacity:.3}}
@keyframes jl-blink{50%{opacity:0}}
@container jl-sales (min-width:1100px){#jl-sales-live .jl-message{font-size:15px}#jl-sales-live .jl-demo-grid{min-height:630px}#jl-sales-live .jl-work{padding:28px}#jl-sales-live .jl-product strong{font-size:15px}#jl-sales-live .jl-product .price{font-size:16px}}
@container jl-sales (max-width:760px){#jl-sales-live .jl-demo-top{padding:14px 16px}#jl-sales-live .jl-demo-label{font-size:11px;padding:5px}#jl-sales-live .jl-demo-brand strong{font-size:17px}#jl-sales-live .jl-demo-brand strong span{display:none}#jl-sales-live .jl-demo-stages{padding:0 16px;justify-content:space-between}#jl-sales-live .jl-demo-stages>div{font-size:12px;padding:13px 7px;gap:6px}#jl-sales-live .jl-demo-stages>div:last-child{padding-right:0}#jl-sales-live .jl-demo-grid{display:block;min-height:566px}#jl-sales-live .jl-chat{min-height:566px;border-right:none}#jl-sales-live .jl-work{min-height:566px;padding:22px 18px}#jl-sales-live[data-mobile="chat"] .jl-work{display:none}#jl-sales-live:not([data-mobile="chat"]) .jl-chat{display:none}#jl-sales-live .jl-chat-channel{font-size:14px}#jl-sales-live .jl-chat-person strong{font-size:16px}#jl-sales-live .jl-message{font-size:15px;max-width:91%}#jl-sales-live .jl-messages{padding:17px;gap:13px}#jl-sales-live .jl-work-header{margin-bottom:21px}#jl-sales-live .jl-source strong{font-size:12px}#jl-sales-live .jl-source small{font-size:11px}#jl-sales-live .jl-source-status{display:none}#jl-sales-live .jl-product{grid-template-columns:34px 1fr auto;gap:8px}#jl-sales-live .jl-device{width:32px}#jl-sales-live .jl-product strong{font-size:13px}#jl-sales-live .jl-demo-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 16px;font-size:12px}#jl-sales-live .jl-demo-footer small{font-size:11px;padding-left:14px}#jl-sales-live .jl-quote-document{padding:17px 14px}#jl-sales-live .jl-quote-table td{font-size:11px;padding:13px 4px}#jl-sales-live .jl-quote-table td strong{font-size:11px}#jl-sales-live .jl-quote-table td span{font-size:11px}#jl-sales-live .jl-quote-table th{font-size:11px}#jl-sales-live .jl-not-sent{font-size:11px}#jl-sales-live .jl-review strong{font-size:12px}#jl-sales-live .jl-review div>span{font-size:11px}#jl-sales-live .jl-document-title>span{display:none}#jl-sales-live .jl-quote-total>strong{font-size:25px}#jl-sales-live .jl-query>span:first-of-type{font-size:11px}}
@media(prefers-reduced-motion:reduce){#jl-sales-live *{animation:none!important;transition:none!important}}

#jl-sales-live .jl-demo-grid{height:710px;min-height:710px}
#jl-sales-live .jl-chat{min-height:0;overflow:hidden}
#jl-sales-live .jl-messages{min-height:0;overflow:auto;scrollbar-width:none}
#jl-sales-live .jl-messages::-webkit-scrollbar{display:none}
#jl-sales-live .jl-message{font-size:15px;flex-shrink:0}
#jl-sales-live .jl-message time{font-size:11px}
#jl-sales-live .jl-product strong{font-size:15px}
#jl-sales-live .jl-product .price{font-size:16px}
#jl-sales-live .jl-query>span:first-of-type{font-size:14px}
#jl-sales-live .jl-quote-table td{font-size:13px}
#jl-sales-live .jl-quote-table td strong{font-size:14px}
#jl-sales-live .jl-review strong{font-size:14px}
#jl-sales-live .jl-not-sent{display:none}
#jl-sales-live .jl-quote-document{padding:18px}
#jl-sales-live .jl-document-heading{padding-bottom:12px}
#jl-sales-live .jl-document-title{margin-top:13px}
#jl-sales-live .jl-customer{margin:14px 0 12px}
#jl-sales-live .jl-quote-table td{padding-top:11px;padding-bottom:11px}
#jl-sales-live .jl-quote-total{margin-top:14px}
#jl-sales-live i[data-lucide]{display:inline-grid;place-items:center;min-width:16px;font-style:normal;font-size:12px}
#jl-sales-live i[data-lucide="sheet"]::before{content:"XLS";font-size:9px;font-weight:600}
#jl-sales-live i[data-lucide="laptop"]::before{content:"PC";font-size:10px;font-weight:600}
#jl-sales-live i[data-lucide="search"]::before{content:"⌕";font-size:22px;line-height:1}
#jl-sales-live i[data-lucide="check"]::before{content:"✓"}
#jl-sales-live i[data-lucide="message-circle"]::before{content:"◉";font-size:14px}
@container jl-sales (max-width:760px){#jl-sales-live .jl-demo-grid{height:600px;min-height:600px}#jl-sales-live .jl-chat{height:600px}#jl-sales-live .jl-work{height:600px;min-height:600px;padding:20px 16px}#jl-sales-live .jl-quote-table td{font-size:11px;padding:12px 3px}#jl-sales-live .jl-quote-table td strong{font-size:12px}#jl-sales-live .jl-quote-table td small{display:none}#jl-sales-live .jl-quote-table td span{font-size:11px}#jl-sales-live .jl-quote-table th{padding:7px 3px;font-size:11px}#jl-sales-live .jl-quote-document{padding:15px 12px}#jl-sales-live .jl-review strong{font-size:13px}#jl-sales-live .jl-product strong{font-size:14px}#jl-sales-live .jl-query>span:first-of-type{font-size:12px}#jl-sales-live .jl-demo-footer small{font-size:11px}}

/* Only the sales demo and its immediate frame change. */
.ai-feature.jl-sales-feature{display:block;padding:26px;background:var(--soft);border:1px solid var(--line)}
.jl-sales-feature>.sales-feature-intro{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:30px;align-items:start;margin-bottom:26px}
.jl-sales-feature .sales-feature-intro h3{margin:0}
.jl-sales-feature .sales-feature-intro p{margin-top:0;font-size:14px;line-height:1.75}
.jl-sales-feature .sales-feature-links{display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:17px}
.jl-sales-feature .sales-feature-links .text-link{margin:0;font-size:12px;gap:10px}
.jl-sales-feature .home-agent-demo{margin:0;max-width:none;width:100%;border:0;overflow:visible}
.detail-layout.jl-sales-detail{display:block}
.jl-sales-detail .detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:35px}
.jl-sales-detail .detail-features h2{margin-top:0}
.jl-sales-detail .detail-demo{position:static;max-width:1100px;margin:0 auto;width:100%;border:0;background:transparent;overflow:visible}
.jl-sales-detail .detail-demo figcaption{display:none}
#jl-sales-live{container-type:inline-size;container-name:jl-sales}
/* Preserve the approved application's typography inside the marketing site. */
#jl-sales-live p{font:inherit;color:inherit;letter-spacing:normal}
#jl-sales-live .jl-quote-note{font-size:11px;color:#738197;margin-top:9px}
#jl-sales-live .jl-demo-shell{box-shadow:0 12px 35px #0000000d}
@container jl-sales (max-width:760px){
 #jl-sales-live .jl-demo-grid{height:640px;min-height:640px}
 #jl-sales-live .jl-chat,#jl-sales-live .jl-work{height:640px;min-height:640px}
 #jl-sales-live .jl-work-header{display:block;position:relative}
 #jl-sales-live .jl-work-header h2{margin-top:8px;font-size:22px}
 #jl-sales-live .jl-work-state{position:absolute;top:0;right:0;font-size:10px}
 #jl-sales-live .jl-work-eyebrow{font-size:10px;letter-spacing:1px}
}
@container jl-sales (max-width:360px){
 #jl-sales-live .jl-demo-grid{height:690px;min-height:690px}
 #jl-sales-live .jl-chat,#jl-sales-live .jl-work{height:690px;min-height:690px}
}
@media(max-width:740px){
 .ai-feature.jl-sales-feature{padding:0;background:transparent;border:0}
 .jl-sales-feature>.sales-feature-intro{display:block;margin-bottom:23px}
 .jl-sales-feature .sales-feature-intro h3{margin-bottom:14px}
 .jl-sales-feature .sales-feature-links{gap:15px 22px}
 .jl-sales-detail .detail-copy{display:block;margin-bottom:28px}
 .jl-sales-detail .detail-features{margin-top:28px}
 .jl-sales-detail .detail-features h2{margin-top:0}
}

/* The sales walkthrough follows its available column, including narrow phones. */
@container jl-sales (max-width: 420px) {
  #jl-sales-live .jl-demo-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
  }
  #jl-sales-live .jl-demo-label {
    font-size: 10px;
    letter-spacing: .9px;
    padding: 4px 7px;
  }
  #jl-sales-live .jl-demo-stages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 0 12px;
  }
  #jl-sales-live .jl-demo-stages > div {
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 10px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
  }
  #jl-sales-live .jl-demo-grid,
  #jl-sales-live .jl-chat,
  #jl-sales-live .jl-work {
    height: 640px;
    min-height: 640px;
  }
  #jl-sales-live .jl-work { padding: 14px 12px; }
  #jl-sales-live .jl-work-header { margin-bottom: 14px; }
  #jl-sales-live .jl-work-header h2 { font-size: 20px; }
  #jl-sales-live .jl-work-state {
    max-width: 105px;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
  }
  #jl-sales-live .jl-work-eyebrow { max-width: calc(100% - 110px); }
  #jl-sales-live .jl-source { padding: 10px; }
  #jl-sales-live .jl-source-icon { flex: none; }
  #jl-sales-live .jl-source > div { min-width: 0; overflow-wrap: anywhere; }
  #jl-sales-live .jl-query { padding: 10px; margin: 10px 0 14px; }
  #jl-sales-live .jl-query > span:first-of-type { min-width: 0; }
  #jl-sales-live .jl-query-caret { flex: none; }
  #jl-sales-live .jl-products { gap: 7px; }
  #jl-sales-live .jl-product {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 9px 10px;
  }
  #jl-sales-live .jl-device { display: none; }
  #jl-sales-live .jl-product > div { min-width: 0; }
  #jl-sales-live .jl-product strong { font-size: 13px; }
  #jl-sales-live .jl-product .price { font-size: 14px; }
  #jl-sales-live .jl-extracted { margin-top: 12px; padding-top: 12px; }
  #jl-sales-live .jl-extracted > div { gap: 6px; margin-top: 8px; }
  #jl-sales-live .jl-extracted strong { font-size: 13px; }
  #jl-sales-live .jl-messages { padding: 14px; gap: 10px; }
  #jl-sales-live .jl-message { max-width: 95%; font-size: 14px; line-height: 1.5; }

  /* Keep the complete quote readable instead of squeezing four tiny columns. */
  #jl-sales-live .jl-quote-document { padding: 12px; }
  #jl-sales-live .jl-document-heading {
    flex-wrap: wrap;
    gap: 8px 10px;
    padding-bottom: 8px;
  }
  #jl-sales-live .jl-document-title { margin-top: 9px; }
  #jl-sales-live .jl-document-title h3 { line-height: 1.25; }
  #jl-sales-live .jl-customer { margin: 10px 0 8px; }
  #jl-sales-live .jl-quote-table { display: block; }
  #jl-sales-live .jl-quote-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  #jl-sales-live .jl-quote-table tbody { display: block; }
  #jl-sales-live .jl-quote-table tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 4px;
  }
  #jl-sales-live .jl-quote-table td {
    display: block;
    min-width: 0;
    padding: 6px 0;
    text-align: left;
    white-space: normal;
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  #jl-sales-live .jl-quote-table td:first-child { grid-column: 1 / -1; }
  #jl-sales-live .jl-quote-table td::before {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    color: var(--jl-muted);
  }
  #jl-sales-live .jl-quote-table td:first-child::before { content: "Descripción"; }
  #jl-sales-live .jl-quote-table td:nth-child(2)::before { content: "Cant."; }
  #jl-sales-live .jl-quote-table td:nth-child(3)::before { content: "Unitario"; }
  #jl-sales-live .jl-quote-table td:nth-child(4)::before { content: "Importe"; }
  #jl-sales-live .jl-quote-table td small { display: block; }
  #jl-sales-live .jl-quote-total { flex-wrap: wrap; gap: 4px 10px; margin-top: 10px; }
  #jl-sales-live .jl-quote-total > strong { font-size: 23px; }
  #jl-sales-live .jl-quote-note { margin-top: 7px; line-height: 1.4; }
  #jl-sales-live .jl-review { padding: 10px 9px; margin-top: 12px; }
  #jl-sales-live .jl-review strong { font-size: 12px; line-height: 1.35; }
  #jl-sales-live .jl-review div > span { line-height: 1.4; }
}