.lp .analytics-preview{text-align:start;font-family:var(--font-rubik),sans-serif;color:#29252e;background:#fafaf9;border:1px solid #e7e3eb;border-radius:16px;padding:18px}.analytics-preview header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-preview header b{font-size:16px;display:block}.analytics-preview small{color:#82798a;font-size:10px;display:block}.lp .ap-period button{background:#fff;border:1px solid #e2dbe9;padding:6px 8px;font-size:10px}.lp .ap-period button[aria-pressed=true]{color:#fff;background:#4f18db;border-color:#4f18db}.ap-kpis{grid-template-columns:1.5fr 1fr;gap:12px;margin:16px 0;display:grid}.ap-kpis>div{background:#fff;border:1px solid #e7e2ec;border-radius:10px;padding:12px}.ap-kpis b{font-size:22px;display:block}.ap-kpis b small{display:inline}.analytics-preview section{background:#fff;border:1px solid #e7e2ec;border-radius:10px;margin-bottom:12px;padding:12px}.lp .analytics-preview h3{margin:0 0 12px;font-size:12px;font-weight:600}.ap-bars{align-items:end;gap:12px;height:108px;display:flex}.ap-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.ap-bars i{background:#8c60e9;border-radius:4px 4px 0 0;width:100%;transition:height .3s;display:block}.ap-bars small{font-size:9px}.analytics-preview table{border-collapse:collapse;width:100%;font-size:11px}.analytics-preview :is(th,td){text-align:start;border-bottom:1px solid #eee9f4;padding:7px 0}.analytics-preview :is(th,td):last-child{text-align:end}.analytics-preview th{color:#82798a;font-weight:400}.ap-channels{justify-content:space-between;gap:12px;font-size:10px;display:flex}.ap-channels b{color:#4f18db;font-size:15px;display:block}.analytics-preview footer{color:#82798a;font-size:9px}.lp .feature-head-visual>.analytics-preview{max-width:none}@media (prefers-reduced-motion:reduce){.ap-bars i{transition:none}}
.customer-demo{--bg:#fafafa;--surface:#fff;--surface2:#f5f5f5;--surface3:#ededed;--text:#171717;--text-dim:#666;--text-muted:#888;--border:#e8e8e8;--border-strong:#ccc;--accent:#5c32e5;--accent-text:#fff;--accent-line:#5c32e5;--accent-soft:#f1ebff;--radius:10px;--radius-lg:16px;font-family:var(--font-rubik),sans-serif;background:var(--bg);width:100%;max-width:520px;color:var(--text);text-align:start;border:1px solid #e4ddee;border-radius:22px;margin:auto;overflow:hidden}.customer-demo button{cursor:pointer}.customer-demo button:focus-visible{outline-offset:2px;outline:3px solid #ae8eed}.cs-demohead{background:#f2edfa;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cs-demohead b{font-size:12px}.cs-demohead button{font:inherit;background:#fff;border:1px solid #ddd1ee;border-radius:8px;padding:6px 10px;font-size:11px}.cs-viewport{overscroll-behavior:contain;scrollbar-width:thin;height:520px;overflow:auto}.cs-disclaimer{color:#7b7187;border-top:1px solid var(--border);background:#fff;padding:12px 16px;font-size:10px;line-height:1.6}.cs-entry{flex-direction:column;gap:18px;padding:24px;display:flex}.lp .cs-entry h3{font:600 23px/1.3 var(--font-rubik),sans-serif;letter-spacing:-.02em;margin:0}.cs-entry p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.7}.cs-brand{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:grid}.cs-brand.small{width:36px;height:36px;font-size:18px}.cs-choices{gap:10px;display:grid}.cs-choices button,.cs-tables button{text-align:start;border:1px solid var(--border);font:inherit;background:#fff;border-radius:12px;padding:14px}.cs-choices span,.cs-tables small{color:var(--text-dim);margin-top:5px;font-size:11px;display:block}.cs-choices button[aria-pressed=true],.cs-tables button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.customer-demo .cs-primary{background:var(--accent);color:#fff;font:600 13px var(--font-rubik),sans-serif;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:13px 16px;display:flex}.cs-table-sign{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;place-items:center;gap:10px;padding:20px;display:grid}.cs-table-sign small{color:var(--text-dim);font-size:11px}.cs-tables{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cs-storehead{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:10px;padding:16px;display:flex}.cs-storehead>div{flex:1}.cs-storehead b{font-size:14px}.cs-storehead small{color:var(--text-dim);font-size:10px;display:block}.cs-storehead button,.cs-back{font:inherit;color:var(--accent);background:0 0;border:0;font-size:12px}.cs-item-detail{min-height:520px}.cs-item-visual{color:#6a3ce5;background:linear-gradient(145deg,#f7f2ff,#e9defb);border:1px solid #e8ddf6;border-radius:16px;place-items:center;height:140px;display:grid;position:relative;overflow:hidden}.cs-item-visual.sides{color:#9b6a16;background:linear-gradient(145deg,#fff7df,#f7e6b2)}.cs-item-visual.drinks{color:#167d68;background:linear-gradient(145deg,#e5f9f4,#cbeee4)}.cs-item-visual span{opacity:.14;border:1px solid;border-radius:50%;width:190px;height:190px;position:absolute;inset:-95px -30px auto auto}.cs-item-visual svg{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 10px 10px #331d5c1f);width:112px}.cs-item-detail>.cs-primary{margin-top:auto}.cs-search{padding:14px 16px 8px;display:block}.cs-search>span{margin-bottom:5px;font-size:11px;display:block}.cs-search input{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:10px;padding:10px 12px;font-size:12px}.cs-categories{gap:8px;padding:8px 16px;display:flex;overflow:auto}.cs-categories button{border:1px solid var(--border);font:inherit;white-space:nowrap;background:#fff;border-radius:20px;padding:7px 12px;font-size:11px}.cs-categories button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.cs-items{gap:10px;padding:12px 16px;display:grid}.cs-item{text-align:start;border:1px solid var(--border);font:inherit;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.cs-item b{font-size:14px}.cs-item p{color:var(--text-dim);margin:7px 0;font-size:11px}.cs-item strong{font-size:12px}.cs-add{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.customer-demo .cs-cartbar{justify-content:space-between;width:calc(100% - 32px);margin:8px 16px 16px;position:sticky;bottom:12px}.cs-mod{align-items:center;gap:10px;padding:16px 0;font-size:13px;display:flex}.cs-mod b{margin-inline-start:auto}.cs-summary{background:var(--accent-soft);border-radius:12px;padding:14px;font-size:13px}.cs-line{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.cs-line.total{border-top:1px solid var(--border);padding-top:16px;font-size:16px}.cs-stages{gap:8px;font-size:11px;display:flex}.cs-stages span{background:#eee;border-radius:8px;padding:8px}.cs-stages .active{background:var(--accent-soft);color:var(--accent)}.lp .feature-head-visual:has(.customer-demo){align-items:start}.lp .feature-head-visual>.customer-demo{max-width:520px}@media (max-width:620px){.cs-entry{padding:18px}.cs-viewport{height:480px}}.cs-ticket-qty{align-items:center;gap:10px;display:flex}.cs-ticket-qty button{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px}.cs-line small{color:var(--text-dim);font-size:10px;display:block}.customer-demo button:disabled{opacity:.4;cursor:not-allowed}