/* Public framing only. The conversation uses the production speaking.css
 * workspace, orbit, status controls and review pane without a history sidebar. */
.live-trial-page {
  --trial-ink: #193052;
  --trial-muted: #566982;
  --trial-line: #dce5f2;
  --trial-blue: var(--entry-blue);
  --trial-ease: cubic-bezier(.2, .7, .25, 1);
  color: var(--trial-ink);
  background: #f7faff;
}
.live-trial-page .entry-wrap { max-width: 1140px; }
.live-trial-page .entry-nav { min-height: 88px; }
.live-trial-main { padding-top: 38px; padding-bottom: 32px; }
.live-trial-intro { gap: 24px; }
.live-trial-intro h1 { margin: 0 0 12px; font-size: clamp(27px, 3vw, 38px); font-weight: 750; line-height: 1.3; letter-spacing: -.025em; text-wrap: balance; }
.live-trial-intro p { margin: 0; color: var(--trial-muted); font-size: 15px; line-height: 1.65; }
.trial-quota { flex: 0 0 auto; min-width: 112px; padding: 8px 0 8px 28px; border: 0; border-left: 1px solid var(--trial-line); border-radius: 0; background: transparent; gap: 3px; }
.trial-quota span { color: var(--trial-muted); font-size: 12px; }
.trial-quota strong { color: var(--trial-blue); font-size: 32px; line-height: 1.2; letter-spacing: .01em; }
.live-trial-main .quota-note { max-width: 900px; margin: 18px 0 28px; color: var(--trial-muted); font-size: 13px; line-height: 1.8; }
.trial-scene-toolbar { margin: 0 0 18px; padding: 0; align-items: center; }
.trial-scene-meta { margin: 0 0 5px; color: var(--trial-muted); font-size: 12px; line-height: 1.6; }
.trial-scene-toolbar h2 { margin: 0; color: var(--trial-ink); font-size: 22px; font-weight: 650; line-height: 1.5; }
.trial-scene-toolbar label { color: #536987; font-size: 13px; }
.trial-scene-toolbar select { min-height: 46px; min-width: 100px; padding: 10px 14px; border: 1px solid #d9e2f4; border-radius: 12px; background: #fff; color: #203454; font: inherit; }

/* The id scope intentionally activates the same production workspace rules.
 * Anonymous visitors have no account history column. */
.live-trial-page #app { display: block; min-height: 0; line-height: 1.6; }
.live-trial-page #app .speaking-round { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.live-trial-page #app .speaking-conversation-workspace { grid-template-columns: minmax(0, 1fr); }
.live-trial-page #app .speaking-round-heading-actions { justify-content: flex-start; }
.live-trial-page #app .speaking-round-heading-actions > p { text-align: left; }

/* Cancel legacy brand-refresh trial sizing; keep production visual values. */
.live-trial-page #app .speaking-orbit { margin: 0 0 19px; }
.live-trial-page #app .speaking-orbit-ring.ring-two { inset: 30px; }
.live-trial-page #app .speaking-call-card > h3 { font-size: 23px; }
.live-trial-page #app .speaking-call-actions { margin: 19px 0 13px; }
.live-trial-page #app :is(.speaking-live-button, .speaking-mute-button) {
  font-size: 13px;
  font-weight: 900;
  line-height: 1.6;
  transition: transform 120ms var(--trial-ease), box-shadow 160ms var(--trial-ease), background 160ms var(--trial-ease), border-color 160ms var(--trial-ease);
}
.live-trial-page #app :is(.speaking-live-button, .speaking-mute-button):active:not(:disabled) { transform: translateY(1px) scale(.98); transition-duration: 100ms; }
.live-trial-page #app .speaking-call-card > small { font-size: 11px; }
.live-trial-page #app .speaking-call-state i { transition: background 260ms var(--trial-ease), box-shadow 260ms var(--trial-ease); }
.live-trial-page #trial-pause-button[aria-pressed=true] { color: #3156b9; border-color: #bfcff3; background: #edf2ff; }
.live-trial-page #app .speaking-call-card.paused .speaking-call-state i { background: #be9b58; box-shadow: 0 0 0 6px #be9b581a; }
.live-trial-page #app .speaking-call-card.paused .speaking-orbit-ring,
.live-trial-page #app .speaking-call-card.paused .speaking-voice-core i { animation: none; }
.trial-privacy-note { margin: 20px 0 0; max-width: 920px; color: #63748f; font-size: 12px; line-height: 1.9; }
.trial-expired { margin: 0 0 24px; padding: 30px; border-color: #cddbf6; border-radius: 20px; background: #eff4ff; }
.trial-expired h2 { margin: 0 0 9px; color: var(--trial-ink); font-size: 25px; font-weight: 650; line-height: 1.4; }
.trial-expired p { margin: 0 0 20px; color: var(--trial-muted); font-size: 14px; }
.live-trial-page .entry-button { min-height: 46px; padding: 11px 19px; border-radius: 10px; font-size: 14px; transition: transform 120ms var(--trial-ease), background 160ms var(--trial-ease); }
.live-trial-page .entry-button:hover { transform: none; box-shadow: none; }
.live-trial-page .entry-button:active { transform: translateY(1px) scale(.98); }
.live-trial-page [inert] { opacity: .45; transition: opacity 260ms var(--trial-ease); }
.live-trial-intro { animation: trial-arrive 420ms var(--trial-ease) both; }
#trial-live-area { animation: trial-arrive 480ms 60ms var(--trial-ease) both; }
.trial-expired:not([hidden]) { animation: trial-arrive 260ms var(--trial-ease) both; }
@keyframes trial-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 850px) {
  .live-trial-page .entry-wrap { width: calc(100% - 48px); }
}
@media (max-width: 680px) {
  .live-trial-page .entry-wrap { width: calc(100% - 32px); }
  .live-trial-page .entry-nav { min-height: 76px; gap: 12px; }
  .live-trial-page .entry-nav nav { gap: 12px; font-size: 12px; }
  .live-trial-page .entry-nav .entry-button { min-height: 40px; padding: 8px 12px; font-size: 12px; }
  .live-trial-main { padding-top: 28px; }
  .live-trial-intro { gap: 16px; align-items: flex-start; }
  .trial-title-ending { display: block; }
  .live-trial-intro h1 { max-width: 10em; margin: 0 0 10px; font-size: 27px; line-height: 1.3; }
  .live-trial-intro > div > p:last-child { font-size: 14px; line-height: 1.65; }
  .trial-quota { min-width: 88px; padding: 6px 0 6px 15px; }
  .trial-quota strong { font-size: 28px; }
  .live-trial-main .quota-note { margin: 17px 0 24px; font-size: 12px; }
  .trial-scene-toolbar { gap: 14px; margin-bottom: 17px; }
  .trial-scene-toolbar h2 { font-size: 20px; }
  .trial-scene-toolbar label { gap: 4px; font-size: 12px; }
  .trial-scene-toolbar select { min-width: 82px; min-height: 42px; }
  .live-trial-page #app .speaking-voice-core { width: 115px; height: 115px; gap: 7px; }
  .live-trial-page #app .speaking-call-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; }
  .live-trial-page #app .speaking-live-button { grid-column: 1 / -1; }
  .live-trial-page #app .speaking-call-actions button { width: 100%; white-space: nowrap; }
  .trial-expired { padding: 25px 20px; }
  .trial-expired h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .live-trial-page *, .live-trial-page *::before, .live-trial-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}