/* === B03 demo === */
.zp-business .zp-demo{background:radial-gradient(ellipse at 2% 30%,#3a244d 0,transparent 64%),var(--zp-deep)}
.zp-business .zp-demo-panel{padding:28px;margin-top:38px}
.zp-business.zp-ready .zp-demo-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start;min-height:360px}
.zp-business .zp-conversation{padding-right:25px;border-right:1px solid #d6c1e9}
.zp-business .zp-bubbles{display:grid;gap:16px}
.zp-business .zp-bubble{padding:17px 20px;background:#ede0fc;border-radius:18px;box-shadow:0 5px 13px #532a7a12;font-size:15px}
.zp-business .zp-bubble b{display:block;font-weight:700;margin-bottom:5px}
.zp-business .zp-bubble p{line-height:1.5}
.zp-business .zp-demo-status{margin-top:15px;font-size:17px;font-weight:600}
.zp-business table{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}
.zp-business caption{text-align:left;font-size:13px;color:var(--zp-muted);margin-bottom:10px}
.zp-business th,.zp-business td{text-align:left;padding:10px 3px;border-bottom:1px solid #dac7eb}
.zp-business th:last-child,.zp-business td:last-child{text-align:right}
.zp-business tfoot{font-weight:700;font-size:24px}
.zp-business .zp-demo-alert{background:#e5cafa;border-radius:14px;padding:15px 18px;margin-top:20px;font-size:17px;font-weight:700}
.zp-business .zp-demo-explanation{font-size:15px;margin-top:20px}
.zp-business .zp-demo-controls{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid #dac7eb;margin-top:28px;padding-top:20px}
.zp-business .zp-demo-controls .zp-actions{margin:0;gap:14px}
.zp-business .zp-step{font-size:13px;color:var(--zp-muted)}
.zp-business .zp-transcript{margin-top:25px;padding-top:20px;border-top:1px solid #dac7eb;font-size:15px}
.zp-business summary{cursor:pointer;min-height:40px;font-weight:600}
.zp-business details>div{padding-block:12px}
.zp-business .zp-section-tail{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}
.zp-business .zp-section-tail p{max-width:850px}.zp-business .zp-section-tail .zp-btn{flex-shrink:0}
/* === B04 app === */
.zp-business .zp-app{border-top:1px solid #76648570;padding-top:72px;background:linear-gradient(145deg,#201732,#17122a)}
.zp-business .zp-app-layout{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:38px;margin-top:42px;align-items:start}
.zp-business .zp-benefits{list-style:none;padding:12px 0 0;display:grid;gap:30px}
.zp-business .zp-benefits li{padding-left:20px;border-left:3px solid var(--zp-line)}
.zp-business .zp-benefits h3{font-size:20px}.zp-business .zp-benefits p{font-size:16px;margin-top:10px}
.zp-business .zp-manager{padding:28px}
.zp-business .zp-manager h3{font-size:26px}
.zp-business .zp-work-list{padding:0;list-style:none;margin-top:22px;display:grid;gap:3px}
.zp-business .zp-work{display:flex;gap:15px;align-items:center;justify-content:space-between;text-align:left;padding:16px 12px;border:0;border-bottom:1px solid #e1cfef;background:transparent;border-radius:12px;width:100%;cursor:pointer;font:400 14px/1.5 var(--zp-font);color:var(--zp-ink)}
.zp-business .zp-work b{font-weight:700}.zp-business .zp-work small{display:block;font-size:14px;margin-top:4px}
.zp-business .zp-work-action{font-size:14px;font-weight:600;flex-shrink:0;max-width:140px}
.zp-business .zp-work[aria-expanded="true"]{background:#e5cafa}
.zp-business .zp-work-detail{border:1px solid #e0cbee;border-radius:18px;padding:20px;margin-top:22px;background:linear-gradient(130deg,#fff,#f5eaff)}
.zp-business .zp-work-title{margin-block:12px 20px}
.zp-business .zp-hour-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.zp-business .zp-hour-pair div+div{border-left:1px solid #c9a5e4;padding-left:20px}
.zp-business .zp-hour-pair strong{display:block;font-size:58px;line-height:1.2;letter-spacing:-.06em}
.zp-business .zp-hour-pair span{display:block;font-size:14px}
.zp-business .zp-work-info p{font-size:14px}.zp-business .zp-work-messages{font-size:13px;margin-top:18px}
.zp-business .zp-work-messages p{margin-block:10px}.zp-business .zp-work-detail .zp-btn{font-size:13px;padding:15px 20px;margin-top:15px}
.zp-business .zp-manager>.zp-caption{margin-top:22px;text-align:right}
.zp-business .zp-app>.zp-inner>.zp-note{margin-top:30px}
@media(hover:hover){.zp-business .zp-work:hover{background:#eee0f9}}