.live-experience{padding:85px 0;scroll-margin-top:25px}.live-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.live-tabs button{display:flex;align-items:center;gap:13px;text-align:left;padding:19px;border:1px solid #e0e7f2;border-radius:15px;background:#fafcff;color:#273851;transition:transform .25s,box-shadow .25s}.live-tabs b{display:grid;place-items:center;background:linear-gradient(140deg,#9651ff,#387dfc);color:white;width:40px;height:42px;border-radius:12px;font-size:21px}.live-tabs button:nth-child(2) b{background:linear-gradient(140deg,#c3187b,#bc58e1)}.live-tabs button:nth-child(3) b{background:linear-gradient(140deg,#009860,#12c18b)}.live-tabs button>span{font-weight:750;font-size:13px}.live-tabs small{display:block;font-size:10px;color:#7d8aa0;font-weight:400;margin-top:6px}.live-tabs [aria-selected=true]{background:white;border-color:#6e83ec;box-shadow:0 8px 23px #4669c318;transform:translateY(-3px)}.live-surface{border:1px solid #dbe6ef;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#f4f8ff,#effbf4);box-shadow:0 20px 60px #2649650a}.live-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:1px solid #dde8ee;font-size:8px;letter-spacing:1px;color:#61798f}.live-toolbar i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#00b675;margin-right:7px}.live-toolbar button{font-size:10px;letter-spacing:0;color:#536e87;background:none}.live-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding:40px;align-items:center;animation:panel-in .35s ease-out}.live-panel[hidden]{display:none}.live-copy .eyebrow{font-size:8px}.live-copy h3{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin-bottom:18px}.live-copy>p:not(.eyebrow){font-size:13px;color:#61748b;max-width:350px}.live-copy>small{display:block;margin-top:15px;font-size:9px;line-height:1.7;color:#8091a5}.live-copy .button{margin-top:10px}.live-console{min-width:0;border:1px solid #d7e5e2;border-radius:17px;background:#ffffffea;padding:22px;box-shadow:0 15px 30px #235d4910}.console-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:23px}.console-title strong{font-size:13px}.console-title>span{font-size:7px;letter-spacing:1px;color:#759387}.live-metrics{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:9px}.live-metrics>div{border:1px solid #d5efdf;background:#f3fcf7;padding:14px 10px;border-radius:10px}.live-metrics small{display:block;font-size:8px;color:#61866e;margin-bottom:9px}.live-metrics strong{font-size:18px;letter-spacing:-.5px}.live-chart{margin:25px 0 15px}.live-chart>span{font-size:7px;letter-spacing:1px;color:#789887}.live-bars{display:flex;align-items:flex-end;gap:15px;height:120px;padding:15px 10px 0;border-bottom:1px solid #e3ece5;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#eef4f0 30px)}.live-bars i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#83d84f,#04ad76);transition:height .6s}.live-ledger{font-size:10px;line-height:1.7;color:#45806a;background:#edf9f2;padding:12px;border-radius:8px}.live-feedback{margin:0;padding:16px 30px;font-size:10px;line-height:1.6;border-top:1px solid #dde8ee;color:#61798f;background:#ffffff90}.sale-flow{display:flex;gap:8px;margin:24px 0}.sale-flow span{font-size:9px;background:#fff;border:1px solid #e2e4f0;border-radius:7px;padding:10px;color:#8792a6;transition:background .2s}.sale-flow .done{color:#9a2071;border-color:#e7a6d5;background:#fceaf7}.live-switch{background:none;color:#ad287f;padding:0}.receipt .console-title{background:linear-gradient(100deg,#bf1d78,#ba51df);padding:17px;border-radius:11px;color:white}.receipt .console-title>span{color:#ffe6fa;font-size:6px}.receipt-item{display:flex;gap:12px;align-items:center;margin:28px 0}.receipt-item>span{padding:12px;border-radius:10px;background:#f6ecfa;color:#a344b0;font-size:12px}.receipt-item strong{font-size:12px}.receipt-item small{display:block;font-size:9px;color:#8994a4;margin-top:7px}.receipt-item>b{margin-left:auto;font-size:13px}.receipt-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px dashed #dfe4ee}.receipt-total span{font-size:12px;color:#7a8599}.receipt-total strong{font-size:25px}.fake-payment{padding:10px;border-radius:7px;background:#f7f2fc;color:#896799;font-size:10px;margin-bottom:14px}.receipt .button{width:100%;background:linear-gradient(100deg,#bf1d78,#ba51df)}.receipt>small{display:block;margin-top:13px;font-size:9px;color:#8291a6}.crm-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crm-demo-metrics>div{background:#3288e9;color:white;padding:13px 10px;border-radius:8px;font-size:6px;font-weight:650}.crm-demo-metrics>div:nth-child(2){background:#776ae6}.crm-demo-metrics>div:nth-child(3){background:#00aa69}.crm-demo-metrics strong{display:block;font-size:21px;margin-top:8px}.demo-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;min-height:185px}.demo-kanban>div{background:#f1f9f5;border-radius:8px;padding:9px;min-width:0}.demo-kanban h4{font-size:8px;color:#608972;margin:0 0 12px}.demo-kanban article{padding:10px 8px;border-radius:7px;background:white;border:1px solid #d9e9e0;box-shadow:0 6px 12px #236d4310;animation:panel-in .35s}.demo-kanban article>span{display:block;width:23px;padding:6px 0;text-align:center;font-size:7px;background:#e6f6ed;color:#10985c;border-radius:50%;margin-bottom:10px}.demo-kanban strong{font-size:9px;display:block}.demo-kanban small{font-size:6px;color:#96a59c}.demo-kanban p{font-size:7px;color:#58866b;margin:12px 0 0}#panel-crm .primary{background:linear-gradient(100deg,#00985d,#17be83)}.live-experience button:disabled{opacity:.65;cursor:wait}.live-experience .complete:disabled{cursor:default}@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.live-panel{padding:28px;gap:24px}.live-copy h3{font-size:25px}.live-metrics strong{font-size:15px}.live-console{padding:17px}}@media(max-width:700px){.live-experience{padding:50px 0}.live-tabs{gap:7px}.live-tabs button{padding:12px 5px;flex-direction:column;gap:8px;text-align:center}.live-tabs button>span{font-size:9px}.live-tabs small{display:none}.live-tabs b{width:33px;height:35px;font-size:18px}.live-panel{grid-template-columns:1fr;padding:23px 16px;gap:25px}.live-toolbar{padding:15px;font-size:6px;letter-spacing:.4px}.live-toolbar button{font-size:8px}.live-feedback{padding:15px;font-size:9px}.live-console{padding:14px}.live-metrics{gap:5px}.live-metrics>div{padding:12px 7px}.live-metrics strong{font-size:14px}.live-metrics small{font-size:6px}.demo-kanban{gap:5px}.demo-kanban>div{padding:7px 5px}.demo-kanban strong{font-size:8px}.live-copy h3{font-size:27px}.receipt-item>b{font-size:11px}.receipt .button{font-size:11px}}@media(prefers-reduced-motion:reduce){.live-panel,.demo-kanban article{animation:none}.live-bars i{transition:none}}