body.cs-speech-page {
  color-scheme: light;
  --cs-deep-navy: #471318;
  --cs-navy-mid: #7d252d;
  --cs-cyan: #b8414d;
  --cs-cyan-bright: #ff8d78;
  --cs-metallic-1: #d8a49b;
  --cs-metallic-2: #f8e7e2;
  --cs-brand-primary: #7d252d;
  --cs-brand-accent: #b8414d;
  --cs-action-primary: #ff8d78;
  --cs-action-soft: #fff1ed;
  --cs-hero-accent: #f6ddd8;
  --cs-hero-accent-strong: #fff0ec;
  --cs-success: #cf5a53;
  --cs-warning: #e8a65b;
  --cs-bg: #fff7f5;
  --cs-surface: rgba(255, 250, 249, 0.94);
  --cs-surface-strong: #ffffff;
  --cs-surface-muted: #fff0ec;
  --cs-text: #431116;
  --cs-text-muted: #785457;
  --cs-text-soft: #9c777a;
  --cs-border: rgba(89, 28, 34, 0.12);
  --cs-border-strong: rgba(89, 28, 34, 0.2);
  --cs-shadow-soft: 0 22px 48px rgba(68, 15, 21, 0.12);
  --cs-shadow-card: 0 28px 62px rgba(68, 15, 21, 0.18);
  --cs-gradient-page: radial-gradient(circle at 12% 18%, rgba(184, 65, 77, 0.12), transparent 28%), radial-gradient(circle at 82% 10%, rgba(255, 141, 120, 0.14), transparent 24%), linear-gradient(180deg, #fffaf8 0%, #fff4f1 52%, #fff8f6 100%);
  --cs-gradient-page-alt: radial-gradient(circle at 84% 14%, rgba(255, 141, 120, 0.14), transparent 24%), radial-gradient(circle at 18% 84%, rgba(184, 65, 77, 0.1), transparent 26%), linear-gradient(180deg, #fff9f7 0%, #fff2ef 52%, #fff6f4 100%);
  --cs-gradient-page-soft: radial-gradient(circle at 52% 2%, rgba(184, 65, 77, 0.08), transparent 30%), radial-gradient(circle at 12% 88%, rgba(255, 141, 120, 0.08), transparent 26%), linear-gradient(180deg, #fffaf8 0%, #fff3f0 56%, #fff7f4 100%);
  --cs-gradient-hero: radial-gradient(720px 460px at 8% 18%, rgba(184, 65, 77, 0.28), transparent 26%), radial-gradient(520px 360px at 82% 18%, rgba(255, 141, 120, 0.2), transparent 28%), radial-gradient(480px 300px at 60% 82%, rgba(125, 37, 45, 0.24), transparent 30%), linear-gradient(135deg, #52151b 0%, #7d252d 52%, #a73742 100%);
  --cs-gradient-cta: linear-gradient(180deg, #ff9c82 0%, #ff7468 100%);
}

body.cs-speech-page[data-cs-theme="dark"] {
  color-scheme: dark;
  --cs-deep-navy: #24080b;
  --cs-navy-mid: #551219;
  --cs-cyan: #982633;
  --cs-cyan-bright: #ff8d78;
  --cs-metallic-1: #c99790;
  --cs-metallic-2: #f5d9d4;
  --cs-brand-primary: #ffd7d1;
  --cs-brand-accent: #ff8f85;
  --cs-action-primary: #ff8d78;
  --cs-action-soft: #3c1116;
  --cs-hero-accent: #f7cbc4;
  --cs-hero-accent-strong: #ffe4df;
  --cs-success: #ff8d78;
  --cs-warning: #ffc58a;
  --cs-bg: #140609;
  --cs-surface: rgba(40, 11, 16, 0.88);
  --cs-surface-strong: #21090d;
  --cs-surface-muted: #341016;
  --cs-text: #fff1ee;
  --cs-text-muted: #efc9c4;
  --cs-text-soft: #d7aaa6;
  --cs-border: rgba(255, 220, 216, 0.12);
  --cs-border-strong: rgba(255, 220, 216, 0.22);
  --cs-shadow-soft: 0 24px 58px rgba(8, 0, 1, 0.34);
  --cs-shadow-card: 0 34px 84px rgba(0, 0, 0, 0.46);
  --cs-gradient-page: radial-gradient(circle at 12% 18%, rgba(176, 40, 57, 0.24), transparent 28%), radial-gradient(circle at 82% 10%, rgba(255, 141, 120, 0.12), transparent 26%), linear-gradient(180deg, #17070a 0%, #120507 52%, #1b090d 100%);
  --cs-gradient-page-alt: radial-gradient(circle at 84% 14%, rgba(255, 111, 91, 0.14), transparent 24%), radial-gradient(circle at 18% 84%, rgba(110, 18, 27, 0.24), transparent 26%), linear-gradient(180deg, #170709 0%, #1a090c 52%, #200b10 100%);
  --cs-gradient-page-soft: radial-gradient(circle at 52% 2%, rgba(176, 40, 57, 0.14), transparent 30%), radial-gradient(circle at 12% 88%, rgba(255, 141, 120, 0.09), transparent 26%), linear-gradient(180deg, #160609 0%, #1a080b 56%, #210a0e 100%);
  --cs-gradient-hero: radial-gradient(720px 460px at 8% 18%, rgba(179, 36, 55, 0.32), transparent 26%), radial-gradient(520px 360px at 82% 18%, rgba(255, 141, 120, 0.16), transparent 28%), radial-gradient(480px 300px at 60% 82%, rgba(128, 17, 29, 0.26), transparent 30%), linear-gradient(135deg, #22090d 0%, #4a1219 52%, #721b25 100%);
}

body.cs-speech-page {
  background: var(--cs-gradient-page);
}

body.cs-speech-page .cs-header {
  background: color-mix(in srgb, var(--cs-surface) 96%, transparent);
}

body.cs-speech-page .cs-speech-banner {
  border-color: rgba(184, 65, 77, 0.18);
  background: linear-gradient(135deg, rgba(255, 239, 235, 0.96), rgba(255, 246, 243, 0.96));
  color: var(--cs-text);
}

body.cs-speech-page[data-cs-theme="dark"] .cs-speech-banner {
  border-color: rgba(255, 177, 167, 0.26);
  background: linear-gradient(135deg, rgba(101, 20, 28, 0.92), rgba(62, 13, 18, 0.9));
}

body.cs-speech-page .cs-button-primary {
  color: #2d090d;
}

body.cs-speech-page .cs-button-accent {
  background: color-mix(in srgb, var(--cs-brand-primary) 10%, var(--cs-surface-strong));
  color: var(--cs-brand-primary);
}

body.cs-speech-page .cs-nav-link[aria-current="page"] {
  background: color-mix(in srgb, var(--cs-brand-primary) 14%, var(--cs-surface-strong));
}

body.cs-speech-page .cs-hero::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.18));
}

body.cs-speech-page[data-cs-theme="dark"] .cs-device {
  background: linear-gradient(160deg, rgba(20, 33, 51, 0.96), rgba(10, 21, 36, 0.94));
  border-color: rgba(176, 204, 232, 0.18);
}

body.cs-speech-page[data-cs-theme="dark"] .cs-device-screen {
  background: rgba(11, 27, 43, 0.96);
}

.cs-speech-hero {
  min-height: min(48rem, calc(100vh - 10rem));
}

.cs-speech-device {
  width: min(100%, 35rem);
}

.cs-speech-wave {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  align-items: end;
  gap: 0.5rem;
  min-height: 4.25rem;
}

.cs-speech-wave span {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 157, 130, 0.96), rgba(145, 29, 40, 0.9));
  animation: csSpeechPulse 1.8s ease-in-out infinite;
}

.cs-speech-wave span:nth-child(1) { height: 38%; animation-delay: 0s; }
.cs-speech-wave span:nth-child(2) { height: 70%; animation-delay: 0.12s; }
.cs-speech-wave span:nth-child(3) { height: 52%; animation-delay: 0.24s; }
.cs-speech-wave span:nth-child(4) { height: 88%; animation-delay: 0.36s; }
.cs-speech-wave span:nth-child(5) { height: 64%; animation-delay: 0.48s; }
.cs-speech-wave span:nth-child(6) { height: 80%; animation-delay: 0.6s; }
.cs-speech-wave span:nth-child(7) { height: 46%; animation-delay: 0.72s; }
.cs-speech-wave span:nth-child(8) { height: 58%; animation-delay: 0.84s; }

.cs-speech-transcript {
  display: grid;
  gap: 0.55rem;
  padding: 0.95rem;
  border-radius: 1rem;
  border: 1px solid var(--cs-border);
  background: linear-gradient(180deg, rgba(92, 23, 31, 0.94), rgba(55, 14, 19, 0.94));
}

.cs-speech-line {
  color: var(--cs-text-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.cs-speech-line-strong {
  color: var(--cs-text);
  font-weight: 700;
}

.cs-speech-feature-grid,
.cs-speech-process-grid {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

@keyframes csSpeechPulse {
  0%,
  100% {
    transform: scaleY(0.84);
    opacity: 0.72;
  }

  50% {
    transform: scaleY(1.04);
    opacity: 1;
  }
}

@media (max-width: 47.99rem) {
}