.chimti-products__badge--preview{border-color:#0a81d933;background:#edf7ff;color:#0878bf;padding:5px 8px;font-size:10px}
.chimti-feature-preview{position:absolute;inset:0 auto auto 0;height:100%;aspect-ratio:1272/795;container-type:inline-size;overflow:hidden;border:1px solid #dfe8ef;border-radius:16px;background:#f8fafc;color:#263448;pointer-events:none;font:400 1.42cqw/1.45 ChimtiFlow,Arial,sans-serif;letter-spacing:-.01em}
.cp-app{display:flex;height:100%;font-size:1.42cqw}
.cp-sidebar{position:relative;display:flex;flex-direction:column;flex:0 0 20%;padding:2.4cqw 1.3cqw;background:#fff;border-right:1px solid #e8edf2}
.cp-wordmark{display:block;width:12cqw;height:auto;margin:0 1cqw 3.4cqw}
.cp-workspace{font-size:.95cqw;letter-spacing:.12em;font-weight:600;color:#8b97a7;margin:0 1cqw 1.4cqw}
.cp-nav{display:flex;flex-direction:column;gap:.4cqw}
.cp-nav>div{display:flex;align-items:center;gap:.8cqw;padding:.8cqw;border-radius:.7cqw;color:#718094;font-size:1.2cqw;font-weight:500}
.cp-nav>div.is-active{background:#eaf5ff;color:#0788db}
.cp-nav img{width:1.8cqw;height:1.8cqw;border-radius:.45cqw;opacity:.75}
.cp-nav .is-active img{opacity:1}
.cp-account{display:flex;gap:.8cqw;align-items:center;margin-top:auto;padding-top:1.5cqw;font-size:1.08cqw}
.cp-account small{display:block;color:#9aa5b3;font-size:.92cqw}
.cp-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#e7f4ff;color:#087bc4;font-size:1.1cqw;font-weight:600}
.cp-main{flex:1;min-width:0;background:#f8fafc}
.cp-topbar{height:5.2cqw;display:flex;align-items:center;justify-content:space-between;padding:0 2.8cqw;background:#fff;border-bottom:1px solid #e8edf2;color:#8491a3;font-size:1.05cqw}
.cp-demo{font-size:.95cqw;font-weight:600;color:#628098;border:1px solid #d9e5ee;padding:.35cqw .65cqw;border-radius:.5cqw;letter-spacing:.08em}
.cp-page{padding:2cqw}
.cp-page-title{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-bottom:1.8cqw}
.cp-page-title strong{display:block;font-size:2.3cqw;font-weight:600;letter-spacing:-.05em;color:#172b43}
.cp-page-title small{display:block;margin-top:.45cqw;font-size:1.1cqw;color:#8793a1}
.cp-page-title>span{padding:.65cqw 1cqw;border:1px solid #dce6ee;border-radius:.6cqw;background:#fff;white-space:nowrap;font-size:1.05cqw;color:#527089}
.cp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw;margin-bottom:1.6cqw}
.cp-metrics>div{background:#fff;border:1px solid #e4ebf1;border-radius:1cqw;padding:1.2cqw}
.cp-metrics span{display:block;color:#718096;font-size:1.05cqw}
.cp-metrics strong{display:block;font-size:2.2cqw;color:#172b43;font-weight:600;letter-spacing:-.055em;line-height:1.5}
.cp-metrics small{color:#a0a9b4;font-size:.92cqw}
.cp-table{overflow:hidden;border:1px solid #e4ebf1;border-radius:1cqw;background:#fff;margin-top:1.8cqw}
.cp-tr{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:1cqw;align-items:center;min-height:4.3cqw;padding:.9cqw 1.5cqw;border-bottom:1px solid #edf1f5;font-size:1.18cqw}
.cp-tr:last-child{border:0}
.cp-tr.cp-th{min-height:3.4cqw;background:#fafcfe;color:#93a0b0;font-size:.95cqw;font-weight:500;padding-block:1cqw}
.cp-tr b{font-weight:600;color:#36516b}
.cp-tr small{display:block;color:#99a5b4;font-size:.95cqw;margin-top:.35cqw}
.cp-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:99px;padding:.45cqw .8cqw;background:#eaf5ff;color:#1685cf;font-size:.92cqw;font-weight:500;line-height:1.2}
.cp-pill--green{background:#e9f7f0;color:#298565}
.cp-pill--amber{background:#fff5e6;color:#b17b2b}
.cp-pill--slate{background:#f0f3f6;color:#8491a3}
.cp-dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.8cqw}
.cp-box{background:#fff;border:1px solid #e4ebf1;border-radius:1cqw;padding:1.2cqw;margin-top:1.8cqw}
.cp-dashboard-grid .cp-box{margin-top:0}
.cp-box-title{font-size:1.16cqw;font-weight:600;color:#3d546d;margin-bottom:1cqw}
.cp-bars{display:flex;align-items:flex-end;justify-content:space-around;height:10cqw;gap:1.1cqw;border-bottom:1px solid #e7edf3;padding:.3cqw .5cqw 1.9cqw}
.cp-bars>div{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;background:repeating-linear-gradient(to top,transparent,transparent 3cqw,#f1f5f8 3cqw,#f1f5f8 3.05cqw)}
.cp-bars i{display:block;position:relative;width:66%;border-radius:.45cqw .45cqw 0 0;background:linear-gradient(#45bdff,#0887db)}
.cp-bars span{position:absolute;bottom:-1.7cqw;font-size:.85cqw;color:#9aa6b5}
.cp-note{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;padding:.6cqw 0;border-bottom:1px solid #f0f3f7}
.cp-note:last-child{border:0}
.cp-note strong{display:block;font-size:1.03cqw;font-weight:500;color:#486077}
.cp-note small{display:block;font-size:.89cqw;line-height:1.2;color:#99a5b4;margin-top:.3cqw}
.cp-dashboard-grid+.cp-table{margin-top:1.4cqw}
.cp-dashboard-grid+.cp-table .cp-tr:not(.cp-th){min-height:3.8cqw}
.cp-profile{display:flex;align-items:center;gap:1.2cqw;padding:1.8cqw;background:white;border:1px solid #e4ebf1;border-radius:1cqw;margin-bottom:1cqw}
.cp-profile>.cp-avatar{width:5.2cqw;height:5.2cqw;font-size:1.5cqw}
.cp-profile>div{flex:1}
.cp-profile strong{display:block;font-size:1.7cqw;font-weight:600}
.cp-profile small{display:block;font-size:1cqw;color:#9aa5b3;margin-top:.4cqw}
.cp-preferences{display:flex;flex-wrap:wrap;gap:.7cqw}
.cp-preferences span{padding:.6cqw .9cqw;background:#f5f8fb;border-radius:.5cqw;color:#6d8196;font-size:1cqw}
.cp-tag-summary,.cp-filter-line{display:flex;align-items:center;gap:1.5cqw;margin-bottom:2cqw;font-size:1.1cqw;color:#8998a7}
.cp-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3cqw}
.cp-tag{display:flex;flex-direction:column;align-items:center;padding:1.6cqw .8cqw;border:1px dashed #c6d7e5;border-radius:.9cqw;background:white;text-align:center}
.cp-tag-logo{width:8cqw;height:auto;margin-bottom:2cqw}
.cp-tag strong{font-size:1.25cqw;font-weight:600}
.cp-tag>span{font-size:1cqw;color:#7c8c9b;margin-top:.4cqw}
.cp-tag .cp-qr{width:10cqw;height:10cqw;margin:1.4cqw 0}
.cp-tag b{font-size:1cqw;font-weight:500}
.cp-tag small{font-size:.8cqw;color:#a0aaba;margin-top:.5cqw}
.cp-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5cqw}
.cp-kanban>div{padding:1.2cqw;background:#edf2f7;border-radius:.9cqw}
.cp-stage{display:flex;justify-content:space-between;color:#62788e;font-size:1.05cqw;font-weight:600;margin-bottom:1.4cqw}
.cp-stage span{color:#9ba9b8}
.cp-job{padding:1.4cqw;background:#fff;border:1px solid #e0e8ef;border-radius:.8cqw;margin-bottom:1.3cqw}
.cp-job strong{display:block;font-size:1.3cqw;font-weight:600;color:#315b7c}
.cp-job small{display:block;font-size:1cqw;color:#8d9baa;margin:.7cqw 0 1.4cqw}
.cp-job footer{font-size:.85cqw;color:#a1afbd;margin-top:1.8cqw}
.cp-preview-note{margin-top:1.6cqw;color:#8fa3b5;font-size:1cqw}
.cp-inbox{display:grid;grid-template-columns:30% 70%;min-height:37cqw;border:1px solid #e0e8f0;border-radius:1cqw;overflow:hidden;background:#fff}
.cp-threads{border-right:1px solid #e7edf3}
.cp-threads>div{padding:1.8cqw 1.4cqw;border-bottom:1px solid #edf2f6}
.cp-threads>.is-current{background:#edf7ff}
.cp-threads b{display:block;font-size:1.15cqw;font-weight:600}
.cp-threads small{display:block;font-size:1cqw;color:#93a2b2;margin-top:.6cqw}
.cp-threads span{display:block;font-size:.9cqw;color:#42a0df;margin-top:.8cqw}
.cp-chat{position:relative;padding:0 1.6cqw 6cqw;background:#fcfdfe}
.cp-chat-head{display:flex;justify-content:space-between;align-items:center;padding:1.3cqw 0;border-bottom:1px solid #edf2f6;margin-bottom:1.5cqw;font-size:1.1cqw}
.cp-message{max-width:86%;padding:1.2cqw;background:#f1f4f8;border-radius:1cqw 1cqw 1cqw 0;margin:1.5cqw 0;font-size:1.1cqw;line-height:1.6;color:#5c7186}
.cp-message.is-outgoing{margin-left:auto;background:#e4f4ff;border-radius:1cqw 1cqw 0 1cqw;color:#337da9}
.cp-chat-context{display:flex;align-items:center;gap:.7cqw;font-size:1cqw;color:#8c9cad}
.cp-chat-compose{position:absolute;bottom:1.2cqw;left:1.6cqw;right:1.6cqw;padding:1.2cqw;border:1px solid #dfe8ef;border-radius:.7cqw;background:#fff;display:flex;justify-content:space-between;font-size:1cqw;color:#8ca0b2}
.cp-chat-compose span{font-size:.85cqw;color:#51a6db}
@media(max-width:767px){.chimti-products__heading h2{max-width:100%}}