:root{color-scheme:dark;--bg:#0c1018;--panel:#131b27;--line:#293342;--muted:#a3b0c2;--text:#f3f6fb;--blue:#8cbcff;--green:#b6efd2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a9ceff;outline-offset:3px}button{min-height:40px;border:0;border-radius:9px;color:var(--muted);background:transparent}button:hover{color:var(--text);background:#253146}a{color:var(--blue);text-decoration:none}.demo-nav{display:flex;justify-content:space-between;max-width:1100px;margin:auto;padding:24px}.demo-shell{max-width:920px;margin:28px auto;padding:0 24px}.demo-intro{max-width:680px;margin-bottom:36px}.demo-intro h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1.7px;line-height:1.12;margin:12px 0}.demo-intro p{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.scenario-tabs{display:flex;gap:3px;background:#151e2a;border:1px solid var(--line);border-radius:12px;padding:4px}.scenario-tabs button{padding:8px 16px;font-size:12px;font-weight:650}.scenario-tabs button[aria-pressed=true]{background:#dbe9ff;color:#152d50;box-shadow:0 2px 8px #0002}.example-label{font-size:10px;color:var(--muted);white-space:nowrap}.product-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.chat-panel{border:1px solid #374455;background:#101a22;border-radius:20px;overflow:hidden;box-shadow:0 22px 55px #0003;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:10px;padding:17px;background:#182b30;border-bottom:1px solid #294044}.business-avatar{position:relative;width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:#e7e0cd;color:#243b34;font-weight:800}.business-avatar span{position:absolute;right:-2px;bottom:-2px;background:#91e4b1;border:3px solid #182b30;border-radius:50%;width:12px;height:12px}.chat-header strong{display:block;font-size:13px}.chat-header div>span{display:block;font-size:9px;color:#b3c8c7}.chat-menu{margin-left:auto;font-size:12px;color:#b3c8c7}.chat-body{padding:16px 14px;min-height:322px;flex:1;background:radial-gradient(ellipse at 0 100%,#1c353530,transparent 75%)}.day-tag{display:block;text-align:center;color:#8da8a7;font-size:9px;margin:0 0 18px}.bubble{max-width:87%;padding:10px 12px;border-radius:12px;line-height:1.5;font-size:12px;margin-bottom:10px;animation:bubble-appear .28s ease-out;overflow-wrap:anywhere}.customer{background:#24423e;color:#e0f3eb;margin-left:auto;border-bottom-right-radius:3px}.assistant{background:#25313d;color:#f2f5fb;border-bottom-left-radius:3px}.bubble time{display:block;text-align:right;color:#a8bcba;font-size:8px;margin-top:4px}.typing{display:flex;gap:4px;align-items:center;background:#25313d;width:47px;height:27px;border-radius:10px}.typing span:not(.sr-only){width:4px;height:4px;background:#b6c2cf;border-radius:50%;animation:typing 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.composer{margin:0 12px 12px;padding:7px 8px 7px 14px;border-radius:20px;border:1px solid #2a3b43;color:#91a2af;font-size:11px;display:flex;align-items:center;justify-content:space-between}.send-icon{background:#b6efd2;color:#18382c;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-size:19px}.diary-panel{border:1px solid var(--line);background:linear-gradient(150deg,#1c2634,#131b27);border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;min-width:0}.diary-panel h2{font-size:16px;line-height:1.4;letter-spacing:-.3px;margin:5px 0 24px}.diary-date strong,.diary-date span{display:block}.diary-date strong{font-size:11px}.diary-date span{font-size:10px;color:var(--muted);margin-top:4px}.diary-hours{display:grid;grid-template-columns:35px 1fr;gap:14px 5px;margin:22px 0 12px;align-items:center;color:#8f9fb4;font-size:9px}.diary-hours i{height:1px;background:#34404f}.appointment{border:1px dashed #57687c;border-radius:12px;padding:13px;margin-left:25px;min-height:132px;transition:background .35s,border-color .35s,transform .35s}.appointment strong,.appointment>span{display:block}.appointment strong{font-size:16px;margin:5px 0}.appointment>span{font-size:11px}.appointment .appointment-status{text-transform:uppercase;letter-spacing:.8px;font-size:8px;color:var(--muted)}.appointment-meta{color:var(--muted);margin-top:5px}.appointment.confirmed{background:#203e3d;border:1px solid #507b6b;transform:translateY(-2px)}.appointment.confirmed .appointment-status{color:var(--green)}.appointment.cancelled{background:#242938;border:1px dashed #798396}.appointment.cancelled strong{text-decoration:line-through;color:var(--muted)}.diary-hours.lower{margin-top:16px}.sync-note{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:15px;color:var(--muted)}.sync-note p{font-size:10px;line-height:1.5;margin:0}.sync-icon{font-size:17px;color:var(--blue);line-height:1.2}.playback{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.playback-actions{display:flex;gap:3px}.playback button{font-size:11px;padding:8px 10px}#demo-play{color:var(--text);font-weight:650}#demo-counter{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px}.demo-progress{height:2px;background:var(--line);margin-top:3px;border-radius:3px;overflow:hidden}.demo-progress span{height:100%;display:block;background:var(--blue);transition:width .25s}.demo-caption{font-size:11px;color:var(--muted);margin:12px 0 0;min-height:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.embedded{background:transparent}.embedded .demo-nav,.embedded .demo-intro{display:none}.embedded .demo-shell{margin:0;padding:0;max-width:none}.embedded .diary-panel{padding:18px 14px}@keyframes bubble-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{50%{opacity:.25;transform:translateY(-2px)}}@media(max-width:499px){.demo-shell{padding:0 12px;margin:12px auto}.demo-toolbar{gap:5px;margin-bottom:12px}.scenario-tabs{flex:1}.scenario-tabs button{flex:1;padding:6px 7px;font-size:11px}.example-label{font-size:8px}.product-stage{grid-template-columns:1fr;gap:10px}.chat-panel{border-radius:16px}.chat-header{padding:12px 14px}.chat-body{min-height:280px;padding:12px}.day-tag{margin-bottom:13px}.bubble{font-size:11px;padding:8px 10px;margin-bottom:8px;max-width:88%}.composer{display:none}.diary-panel,.embedded .diary-panel{padding:12px 14px;display:grid;grid-template-columns:1fr 1.05fr;gap:8px 14px;border-radius:14px;align-items:center}.diary-panel header .eyebrow{font-size:8px}.diary-panel h2{font-size:12px;margin:4px 0 0}.diary-date,.diary-hours{display:none}.appointment{margin:0;padding:9px 11px;min-height:93px;grid-row:1 / 3;grid-column:2}.appointment strong{font-size:13px;margin:3px 0}.appointment>span{font-size:10px}.appointment .appointment-status{font-size:7px}.sync-note{padding-top:0}.sync-note p{font-size:9px}.sync-icon{display:none}.playback{margin-top:7px}.playback button{min-height:36px;padding:6px 7px;font-size:10px}.demo-caption{font-size:10px;margin-top:9px}.demo-nav{font-size:12px;padding:16px}.demo-intro{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Device and calendar styling; all events remain illustrative. */
.product-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center}.chat-panel{border:7px solid #08090c;border-radius:42px;box-shadow:0 0 0 1px #65707b,0 0 0 3px #252b32,0 22px 45px #0007;max-width:360px;width:100%;margin:auto}.phone-status{height:43px;background:#182b30;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;font-size:11px}.dynamic-island{position:absolute;width:86px;height:25px;border-radius:20px;background:#050608;left:50%;top:7px;transform:translateX(-50%)}.phone-indicators{font-size:11px;letter-spacing:1px}.chat-header{padding:8px 14px 12px}.chat-header strong{font-size:12px}.chat-body{min-height:350px}.home-indicator{width:105px;height:4px;background:#f0f2f5;border-radius:10px;margin:3px auto 8px}.composer{display:flex;margin-bottom:8px}.diary-panel,.embedded .diary-panel{background:#202125;border-color:#4b4c50;border-radius:15px;padding:0 16px 16px;box-shadow:0 12px 30px #0004;display:flex;flex-direction:column;gap:0;align-items:stretch}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 17px;padding:11px 12px;background:#2e2f33;border-radius:14px 14px 0 0;border-bottom:1px solid #404146;font-size:11px;color:#e7e7ec}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ff6059}.window-dots i:nth-child(2){background:#ffbd2e}.window-dots i:nth-child(3){background:#28c840}.diary-panel h2{font-size:14px;margin:3px 0 14px}.diary-panel header .eyebrow{font-size:8px}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:5px 0 12px;border-bottom:1px solid #3e3f44;margin-bottom:14px;color:#a8a9b2;text-align:center;font-size:8px}.calendar-week b{display:grid;place-items:center;font-weight:500;font-size:11px;width:23px;height:23px;margin:3px auto 0;border-radius:50%;color:#f1f1f5}.calendar-week .selected b{background:#ed554f;color:white}.diary-date{display:block}.diary-date strong{font-size:13px;color:#ff817c}.diary-date span{color:#b7b9c2}.diary-hours,.diary-hours.lower{display:grid;margin:15px 0 9px;gap:13px 5px}.diary-hours i{background:#45464d}.appointment{min-height:110px;margin-left:29px;border-radius:7px;padding:10px;border-color:#72747e;grid-row:auto;grid-column:auto}.appointment.confirmed{background:#263d64;border:1px solid #76a8ff;border-left:4px solid #8db7ff}.appointment.confirmed .appointment-status{color:#b8d3ff}.appointment strong{font-size:14px}.sync-note{padding-top:12px}.sync-note p{font-size:10px;color:#bac0cb}
@media(max-width:499px){.product-stage{grid-template-columns:minmax(0,1fr);gap:23px}.chat-panel{max-width:320px;border-width:6px;border-radius:37px}.chat-body{min-height:310px}.diary-panel,.embedded .diary-panel{max-width:360px;width:100%;margin:auto}.diary-hours,.diary-hours.lower{grid-template-columns:35px 1fr;gap:8px 5px;margin:9px 0}.diary-hours.lower{display:none}.appointment{min-height:91px}.calendar-toolbar{margin-bottom:12px}.diary-panel h2{margin-bottom:7px}.calendar-week{margin-bottom:10px;padding-bottom:7px}.sync-note{padding-top:9px}.demo-toolbar{flex-wrap:wrap}.example-label{margin-left:auto}}