/* Matches the D4W demo player and unmute overlay. */
.receptionist-demo-player { position: relative; overflow: hidden; border-radius: 20px; background: #101827; box-shadow: 0 30px 60px -15px rgba(24,144,255,.18); }
.receptionist-demo-player video { display: block; width: 100%; aspect-ratio: 16 / 9; }
.receptionist-demo-unmute { position: absolute; top: 50%; left: 50%; display: grid; gap: 5px; width: min(62%,430px); min-height: 190px; padding: 24px; place-items: center; border: 2px solid rgba(255,255,255,.9); border-radius: 16px; color: #fff; background: rgba(17,55,91,.84); box-shadow: 0 18px 48px rgba(0,0,0,.42); cursor: pointer; transform: translate(-50%,-50%); backdrop-filter: blur(5px); font-family: inherit; line-height: 1.08; text-align: center; }
.receptionist-demo-unmute:hover { background: rgba(39,110,241,.9); }
.receptionist-demo-unmute:focus-visible { outline: 3px solid #72e0c4; outline-offset: 4px; }
.receptionist-demo-unmute svg { width: 54px; height: 54px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.receptionist-demo-unmute strong { font-size: clamp(21px,2.25vw,31px); }
.receptionist-demo-unmute span { font-size: clamp(18px,1.8vw,25px); font-weight: 800; }
.receptionist-demo-unmute[hidden] { display: none; }
@media(max-width:600px) { .receptionist-demo-unmute { width: 76%; min-height: 120px; padding: 14px; border-radius: 12px; } .receptionist-demo-unmute svg { width: 38px; height: 38px; } }