@keyframes cw-ai-receptionist-system-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.92); }
}
@keyframes cw-ai-receptionist-system-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
@keyframes cw-ai-receptionist-system-ring {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
@keyframes cw-ai-receptionist-system-wave {
  0%, 100% { transform: scaleY(0.35); }
  50% { transform: scaleY(1); }
}

.cw-ai-receptionist-system-page-main,
[class^="cw-ai-receptionist-system-"] {
  box-sizing: border-box;
}

[class^="cw-ai-receptionist-system-"] input[type="range"] {
  width: 100%;
  accent-color: #d4f53c;
  cursor: pointer;
}

.cw-ai-receptionist-system-btn-pill {
  border: 0;
  border-radius: 999px;
  padding: 9px 16px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  font-family: inherit;
}

.cw-ai-receptionist-system-btn-pill:focus-visible {
  outline: 2px solid #d4f53c;
  outline-offset: 2px;
}

.cw-ai-receptionist-system-chip {
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 600;
}

.cw-ai-receptionist-system-mono {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11px;
}

.cw-ai-receptionist-system-animate-in {
  animation: cw-ai-receptionist-system-in 0.35s ease both;
}