/* Marketing composition follows the supplied local sintelses reference.
   Controls remain registry components; these tokens only shape this page. */
.speech-public,.speech-marketing-nav{--landing-canvas:#fbfbfd;--landing-surface:#fff;--landing-subtle:#f5f5f7;--landing-border:#e5e5e7;--landing-text:#1d1d1f;--landing-secondary:#6e6e73;--landing-blue:var(--primary);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--landing-text)}
.dark .speech-public,.dark .speech-marketing-nav{--landing-canvas:#09090b;--landing-surface:#141417;--landing-subtle:#18181c;--landing-border:#29292e;--landing-text:#f4f4f5;--landing-secondary:#a1a1aa}
.speech-public{background:var(--landing-canvas);width:100%;-webkit-font-smoothing:antialiased}.speech-public [hidden]{display:none!important}.speech-public section,.speech-public #benchmarks{scroll-margin-top:80px}.speech-public :focus-visible,.speech-marketing-nav :focus-visible{outline:2px solid var(--landing-blue);outline-offset:4px}.speech-public a,.speech-marketing-nav a{cursor:pointer}.speech-public .speech-text-link{color:var(--landing-blue);font-size:13px;padding:10px 0;min-height:44px}.speech-public [data-slot=button]{cursor:pointer}.speech-public [data-slot=button]:disabled{cursor:default}
.speech-marketing-nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid var(--landing-border);background:color-mix(in srgb,var(--landing-canvas) 85%,transparent);backdrop-filter:blur(16px)}.speech-marketing-nav-inner{height:56px;max-width:1152px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.speech-marketing-brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600;letter-spacing:-.5px;flex-shrink:0}.speech-brand-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--landing-text)}.speech-brand-icon img{display:block;width:100%;height:100%;object-fit:contain}.speech-desktop-links{display:flex;align-items:center;gap:25px;color:var(--landing-secondary);font-size:12px}.speech-desktop-links a{padding:12px 0;white-space:nowrap}.speech-desktop-links a:hover{color:var(--landing-text)}.speech-marketing-nav-actions{display:flex;align-items:center;gap:8px}.speech-marketing-nav .speech-mobile-trigger{display:none}.speech-theme-sun{display:none}.dark .speech-theme-sun{display:contents}.dark .speech-theme-moon{display:none}.speech-skip-link{position:absolute;left:12px;top:-100px;background:var(--landing-surface);padding:12px;border-radius:8px}.speech-skip-link:focus{top:8px;z-index:100}.speech-mobile-links{display:grid;padding:8px 24px 24px;gap:4px}.speech-mobile-links a{padding:12px 0;min-height:44px}.speech-mobile-sheet{padding-top:24px}
.speech-public-hero{position:relative;overflow:hidden;padding:100px 24px 128px}.speech-public-hero-inner{max-width:1152px;margin:auto;text-align:center;position:relative;z-index:1}.speech-public h1{font-size:clamp(48px,8.9vw,128px);font-weight:600;line-height:.98;letter-spacing:-.055em;max-width:1080px;margin:0 auto 30px}.speech-public h1>span{display:block}.speech-public-lead{font-size:24px;line-height:1.35;color:var(--landing-secondary);max-width:690px;margin:0 auto 32px}.speech-public-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.speech-hero-player{max-width:672px;margin:56px auto 0}.speech-player-surface{display:flex;align-items:center;gap:20px;padding:24px 20px;border:1px solid var(--landing-border);border-radius:28px;background:var(--landing-surface);box-shadow:0 20px 44px #00000012}.dark .speech-player-surface{background:#18181c;box-shadow:0 20px 44px #0003}.speech-public .speech-play-button{width:48px;height:48px;min-width:48px}.speech-play-button svg{fill:currentColor;width:18px;height:18px}.speech-hero-player .speech-sample-player>figcaption{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;color:var(--landing-secondary);font-size:12px}.speech-public #public-sample-voice{font-size:12px;min-height:32px;height:auto;padding:4px 0;text-decoration:underline;text-underline-offset:3px;color:inherit}.speech-player-surface>output{font:11px ui-monospace,SFMono-Regular,monospace;color:var(--landing-secondary);min-width:30px}.speech-player-surface>audio{display:none}[data-sample-wave]{height:56px;flex:1;min-width:0;cursor:pointer;touch-action:none}[data-sample-wave] rect{fill:var(--landing-border)}[data-sample-wave] rect[data-played]{fill:var(--landing-blue)}.speech-sine-band{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7;--landing-wave:#d2d2d7}
.dark .speech-sine-band{--landing-wave:#3a3a3c}
.speech-sine-band path{fill:none;stroke:var(--landing-wave);stroke-width:1.5;vector-effect:non-scaling-stroke}
.speech-sine{animation:speech-sine-drift 24s linear infinite}
.speech-sine-1{animation-duration:34s}
.speech-sine-2{animation-duration:46s}
@keyframes speech-sine-drift{to{transform:translateX(-720px)}}
.speech-section,.speech-story{padding:96px 24px;border-top:1px solid var(--landing-border)}.speech-section-white{background:var(--landing-surface)}.dark .speech-section-white{background:#0c0c0e}.speech-section-inner{max-width:1024px;margin:0 auto}.speech-section-heading{text-align:center;max-width:710px;margin:0 auto 40px}.speech-eyebrow{font:600 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--landing-blue);margin-bottom:8px}.speech-public h2{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.035em}.speech-section-heading>p:last-child{font-size:16px;line-height:1.65;margin-top:16px;color:var(--landing-secondary)}.speech-story-grid{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:48px}.speech-story-reverse{grid-template-columns:7fr 5fr}.speech-story-copy>p:not(.speech-eyebrow){font-size:16px;line-height:1.7;color:var(--landing-secondary);margin:18px 0 24px}.speech-checks{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:12px;color:var(--landing-secondary)}.speech-checks li{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.speech-checks svg{color:var(--landing-blue);flex-shrink:0;margin-top:2px}.speech-public .speech-preview-card{padding:24px;border:1px solid var(--landing-border);border-radius:24px;box-shadow:0 4px 24px #0000000a;background:var(--landing-subtle);gap:16px}.speech-public .speech-preview-card>[data-slot],.speech-public .speech-gallery-card>[data-slot]{padding:0}.speech-preview-card [data-slot=card-title]{display:flex;align-items:center;gap:8px;font-size:12px}.speech-preview-card [data-slot=card-title]>svg{color:var(--landing-blue)}.speech-preview-card [data-slot=card-description]{font:11px ui-monospace,monospace;color:var(--landing-secondary);margin-top:6px}.speech-public [data-slot=field-label]{font-size:12px;color:var(--landing-secondary)}.speech-public textarea{font-size:14px;line-height:1.6;background:var(--landing-surface);color:var(--landing-text);min-height:110px;border-radius:14px;border-color:var(--landing-border);resize:vertical}.speech-public [data-slot=input-group]{background:var(--landing-surface);border-color:var(--landing-border);border-radius:14px}.speech-public .speech-preview-footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.speech-preview-footer>span{font:11px ui-monospace,monospace;color:var(--landing-secondary)}.speech-preview-footer [data-slot=button]{flex-shrink:0}.speech-mini-wave{height:40px;margin-top:14px;padding:5px 12px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-surface);display:flex;align-items:center;justify-content:space-between;gap:3px}.speech-mini-wave>span{width:3px;min-height:3px;background:var(--landing-border);border-radius:2px}.speech-transcript{background:var(--landing-subtle);padding:20px;border:1px solid var(--landing-border);border-radius:16px;display:grid;align-content:center;gap:14px;min-height:160px;font-size:14px;line-height:1.6}.speech-public .speech-transcript-card{background:var(--landing-surface)}
.speech-public .speech-filter{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;justify-content:center;margin:0 auto 32px;padding:4px;border:1px solid var(--landing-border);border-radius:var(--radius-md);background:var(--landing-subtle);gap:4px}.speech-filter [data-slot=toggle]{border-radius:var(--radius-md);min-width:44px;min-height:36px;padding:8px 14px;font-size:12px;color:var(--landing-secondary)}.speech-filter [aria-pressed=true]{background:var(--landing-text);color:var(--landing-canvas);box-shadow:0 2px 8px #0001}.speech-voice-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.speech-public .speech-gallery-card{padding:20px;border:1px solid var(--landing-border);border-radius:18px;background:var(--landing-canvas);box-shadow:none;gap:18px;min-width:0}.speech-public .speech-gallery-card[hidden]{display:none}.speech-public .speech-gallery-card>.speech-gallery-identity{display:flex;align-items:center;gap:12px}.speech-gallery-heading{min-width:0}.speech-gallery-card .speech-avatar{width:42px;height:42px;border:1px solid var(--landing-border);border-radius:12px;color:var(--landing-text)}.speech-gallery-card [data-slot=card-title]{font-size:16px;font-weight:600;line-height:1.35}.speech-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--landing-subtle);font-size:14px}.speech-gallery-card [data-slot=card-description]{font-size:12px;line-height:1.5;color:var(--landing-secondary);margin:3px 0 0}.speech-language-tags{display:flex;flex-wrap:wrap;gap:6px;font:11px ui-monospace,monospace}.speech-language-tags [data-slot=badge],.speech-language-tags>span{padding:3px 7px;border-radius:6px;background:var(--landing-subtle);border:1px solid var(--landing-border);font:inherit;color:var(--landing-secondary)}.speech-public .speech-gallery-action{width:100%;min-height:44px}.speech-gallery-card .speech-language-tags{align-items:center;min-height:28px}.speech-gallery-card .speech-language-tags [data-slot=badge]{min-height:26px}.speech-public .speech-gallery-card>[data-slot=card-footer]{margin-top:auto;padding-top:16px;border-top:1px solid var(--landing-border)}.speech-section-note{font-size:12px;color:var(--landing-secondary);line-height:1.7;margin-top:24px;text-align:center}.speech-empty{padding:32px;border:1px dashed var(--landing-border);border-radius:20px;color:var(--landing-secondary);text-align:center}
.speech-public .speech-dark-band{padding:112px 24px;background:#000;color:#fff;--landing-text:#fff;--landing-secondary:#a1a1aa;--landing-border:#29292e;--landing-blue:var(--brand-blue-light);background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:24px 24px}.speech-dark-band .speech-section-heading{max-width:800px;margin-bottom:56px}.speech-dark-band h2{font-size:60px}.speech-dark-band .speech-section-heading>p:last-child{font-size:20px}.speech-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.speech-public .speech-integration-card{padding:32px;border:1px solid #ffffff1a;border-radius:30px;background:#121215;color:#fff;box-shadow:0 12px 30px #0003;gap:24px}.speech-integration-card>[data-slot]{padding:0}.speech-integration-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#ffffff0d;color:var(--landing-blue);margin-bottom:24px}.speech-integration-card [data-slot=card-title]{font-size:20px;line-height:1.3;letter-spacing:-.025em}.speech-integration-card [data-slot=card-description]{font-size:14px;line-height:1.7;color:#a1a1aa;margin-top:12px}.speech-integration-card [data-slot=card-footer]{border-top:1px solid #ffffff1a;padding-top:20px;margin-top:auto;font:11px ui-monospace,monospace;color:#a1a1aa}.speech-local-note{display:flex;align-items:flex-start;gap:14px;padding:20px;margin-top:40px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;font-size:12px;line-height:1.7;color:#d4d4d8}.speech-local-note svg{color:#34d399;flex-shrink:0}
.speech-public .speech-centered-tabs{display:flex;width:fit-content;margin:0 auto 32px;border-radius:var(--radius-md);padding:4px;background:var(--landing-subtle);height:auto}.speech-centered-tabs [data-slot=tabs-trigger]{border-radius:var(--radius-md);min-height:36px;padding:8px 20px}.speech-public .speech-studio-card{border:1px solid var(--landing-border);background:var(--landing-canvas);border-radius:24px;padding:32px}.speech-studio-card>[data-slot]{padding:0}.speech-studio-grid{display:grid;grid-template-columns:7fr 5fr;gap:32px}.speech-studio-grid textarea{min-height:190px}.speech-studio-grid .speech-public-actions{justify-content:flex-start;margin-top:20px}.speech-studio-grid .speech-section-note{text-align:left}.speech-studio-summary{border:1px solid var(--landing-border);border-radius:16px;padding:24px;background:var(--landing-surface)}.speech-studio-summary h3,.speech-upload-preview h3{font-size:14px;font-weight:600;margin-bottom:24px}.speech-studio-summary .speech-checks{gap:18px}.speech-studio-summary .speech-mini-wave{margin-top:24px}.speech-upload-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border:1px dashed var(--landing-border);border-radius:16px}.speech-upload-preview>svg{color:var(--landing-blue)}.speech-upload-preview h3{margin:0}.speech-upload-preview>p{font-size:12px;color:var(--landing-secondary);text-align:center}.speech-model-table{border:1px solid var(--landing-border);border-radius:24px;overflow:hidden;background:var(--landing-surface)}.speech-model-table table{min-width:780px;font-size:12px}.speech-model-table th{font:500 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.035em;color:var(--landing-secondary);background:var(--landing-subtle);padding:16px}.speech-model-table td{padding:20px 16px;border-color:var(--landing-border);color:var(--landing-secondary)}.speech-model-table td:first-child{color:var(--landing-text);white-space:nowrap}.speech-model-table td:last-child{max-width:320px;white-space:normal;line-height:1.7}.speech-model-table [data-slot=badge]{color:var(--landing-blue);background:var(--landing-subtle);font:11px ui-monospace,monospace}.speech-model-table tr{border-color:var(--landing-border)}.speech-benchmarks{margin-top:48px;padding:32px;border:1px solid var(--landing-border);border-radius:24px;background:var(--landing-surface)}.speech-benchmarks .speech-section-heading{text-align:left;max-width:none;margin-bottom:24px}.speech-benchmarks h2{font-size:24px}.speech-benchmarks .speech-section-heading>p:last-child{font-size:13px}.speech-benchmark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.speech-public .speech-metric{padding:18px 12px;border:1px solid var(--landing-border);border-radius:16px;background:var(--landing-subtle);box-shadow:none;text-align:center}.speech-metric>[data-slot]{padding:0}.speech-metric p{font:10px ui-monospace,monospace;text-transform:uppercase;color:var(--landing-secondary);margin-bottom:8px}.speech-metric strong{display:block;font:600 26px ui-monospace,monospace;letter-spacing:-.04em;color:var(--landing-text)}.speech-metric span{display:block;margin-top:8px;font-size:11px;color:#15803d}.dark .speech-metric span{color:#4ade80}.speech-benchmark-provenance{margin-top:24px;padding:14px;border-radius:12px;background:var(--landing-subtle);color:var(--landing-secondary);font:11px/1.8 ui-monospace,monospace}.speech-benchmarks .speech-section-note{text-align:left;margin-top:14px}
.speech-code-window{border:1px solid #ffffff1a;border-radius:24px;background:#1d1d1f;color:#e4e4e7;box-shadow:0 18px 50px #0002;overflow:hidden}.speech-code-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 24px;background:#ffffff05;border-bottom:1px solid #ffffff1a;font:12px ui-monospace,monospace;color:#a1a1aa}.speech-code-toolbar #public-copy-code{justify-self:end;color:#d4d4d8;min-height:44px}.speech-code-toolbar #public-copy-code:hover{background:#ffffff14;color:#fafafa}.speech-code-dots{display:flex;justify-self:start;gap:8px}.speech-code-dots i{height:10px;width:10px;border-radius:50%;background:#fb7185}.speech-code-dots i:nth-child(2){background:#fbbf24}.speech-code-dots i:nth-child(3){background:#34d399}.speech-code-window [data-tui-tabs-list]{display:flex;justify-self:center;gap:4px;height:auto;width:max-content;max-width:100%;border:1px solid #45454d;border-radius:10px;background:#141416;padding:4px}.speech-code-window [data-tui-tabs-trigger]{height:auto;min-height:40px;border:1px solid transparent;border-radius:6px;padding:8px 14px;background:transparent;color:#c4c4cc;font:500 12px/1.4 var(--font-sans);box-shadow:none}.speech-code-window [data-tui-tabs-trigger]:hover{background:#ffffff14;color:#fafafa}.speech-code-window [data-tui-tabs-trigger][aria-selected=true]{background:#f4f4f5;color:#18181b;border-color:#f4f4f5}.speech-code-window [data-tui-tabs-trigger]:focus-visible{outline:2px solid #7dd3fc;outline-offset:3px;box-shadow:none}.speech-code-window pre{padding:24px;overflow:auto;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre}.speech-code-window [role=tabpanel]{min-width:0}.speech-code-window #public-copy-status{padding:0 24px 12px;font-size:12px;color:#a1a1aa;min-height:16px}.speech-quickstart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.speech-quickstart>div{padding:24px;background:var(--landing-subtle);border:1px solid var(--landing-border);border-radius:16px}.speech-quickstart>div>span{display:grid;place-items:center;width:28px;height:28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:50%;font:12px ui-monospace,monospace;margin-bottom:16px}.speech-quickstart h3{font-size:14px;font-weight:600;margin-bottom:10px}.speech-quickstart p{font-size:13px;line-height:1.7;color:var(--landing-secondary)}.speech-api-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:24px;border:1px solid var(--landing-border);border-radius:16px}.speech-api-note h3{font-size:16px;font-weight:600;margin-bottom:8px}.speech-api-note p{font-size:13px;line-height:1.7;color:var(--landing-secondary)}.speech-api-note [data-slot=button]{white-space:normal;min-height:44px;flex-shrink:0;font-size:12px}
@media(max-width:1150px){.speech-desktop-links{gap:16px}.speech-marketing-nav-inner{padding:0 24px;gap:16px}.speech-story-grid{gap:32px}}
@media(max-width:1000px){.speech-desktop-links{display:none}.speech-marketing-nav .speech-mobile-trigger{display:inline-flex}.speech-public-hero{padding-top:80px}.speech-public h1{font-size:clamp(52px,9.5vw,96px)}.speech-public-lead{font-size:21px}.speech-story-grid,.speech-story-reverse{grid-template-columns:1fr 1fr;gap:28px}.speech-integration-grid{gap:16px}.speech-public .speech-integration-card{padding:24px}.speech-dark-band h2{font-size:48px}.speech-voice-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.speech-section,.speech-story{padding:64px 24px}.speech-public-hero{padding:64px 20px 80px}.speech-public h1{font-size:clamp(44px,9vw,68px);line-height:1.02;letter-spacing:-.05em}.speech-public-lead{font-size:18px;max-width:500px;line-height:1.5}.speech-hero-player{margin-top:44px}.speech-player-surface{padding:16px;gap:14px;border-radius:24px}.speech-public h2{font-size:30px}.speech-story-grid,.speech-story-reverse,.speech-studio-grid{grid-template-columns:1fr;gap:32px}.speech-story-reverse>.speech-story-copy{grid-row:1}.speech-public .speech-preview-card{padding:20px}.speech-integration-grid{grid-template-columns:1fr}.speech-dark-band h2{font-size:40px}.speech-dark-band .speech-section-heading>p:last-child{font-size:18px}.speech-public .speech-dark-band{padding:80px 24px}.speech-public .speech-integration-card{padding:28px}.speech-public .speech-studio-card{padding:24px}.speech-benchmarks{padding:24px}.speech-benchmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speech-quickstart{grid-template-columns:1fr;gap:16px}.speech-api-note{flex-direction:column;align-items:flex-start}.speech-code-window pre{font-size:11px}}
@media(max-width:480px){.speech-marketing-nav-inner{padding:0 16px;gap:8px}.speech-marketing-brand{font-size:16px}.speech-marketing-nav-actions{gap:4px}.speech-marketing-nav .speech-nav-cta{display:none}.speech-marketing-nav .speech-theme-toggle,.speech-marketing-nav .speech-mobile-trigger,.speech-marketing-nav #speech-public-locale-menu-trigger{min-height:44px;min-width:44px}.speech-voice-gallery{grid-template-columns:1fr}.speech-public-hero{padding-top:56px}.speech-public h1{font-size:clamp(42px,11vw,52px)}.speech-public h1>span:last-child{max-width:400px;margin:auto}.speech-public-actions{gap:12px}.speech-player-surface{gap:10px}.speech-public .speech-play-button{width:44px;height:44px;min-width:44px}.speech-hero-player .speech-sample-player>figcaption{font-size:11px}.speech-preview-footer{flex-wrap:wrap}.speech-preview-footer>span{font-size:11px}.speech-public .speech-gallery-action,.speech-filter [data-slot=toggle],.speech-public #public-sample-voice{min-height:44px}.speech-code-toolbar{padding:12px 16px}.speech-code-window [data-tui-tabs-trigger]{font-size:11px;padding:8px 10px}.speech-benchmarks{padding:20px}.speech-metric strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.speech-public *,.speech-marketing-nav *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.speech-public .speech-more-languages{font:11px ui-monospace,monospace;height:auto;min-height:28px;padding:3px 7px;border:1px solid var(--landing-border);border-radius:6px;color:var(--landing-secondary)}.speech-languages-popover{width:280px;max-height:280px;overflow:auto}.speech-languages-popover>p{font-size:12px;font-weight:600;margin-bottom:12px}.speech-languages-popover .speech-language-tags{display:flex;flex-wrap:wrap;gap:6px}.speech-languages-popover .speech-language-tags>span{padding:4px 7px;border-radius:6px;background:var(--muted);font:11px ui-monospace,monospace}.speech-mobile-close{position:absolute;right:16px;top:16px}

.speech-gallery-card [data-slot=card-footer]{margin-top:auto}

.speech-sample-player{min-width:0}.speech-sample-words{display:flex;flex-wrap:wrap;gap:3px 5px;text-align:left;margin:16px 4px 0;font-size:14px;line-height:1.9;color:var(--landing-secondary)}.speech-sample-words span{padding:0 4px;border-radius:5px;transition:background-color .1s,color .1s}.speech-sample-words [data-active]{color:var(--landing-blue);background:color-mix(in srgb,var(--landing-blue) 14%,transparent)}.speech-sample-words-compact{font-size:12px;line-height:1.7}.speech-sample-player>figcaption{font-size:12px;color:var(--landing-secondary);margin-top:8px}.speech-preview-card .speech-sample-player{margin-top:16px}.speech-preview-card .speech-player-surface,.speech-studio-summary .speech-player-surface{padding:12px;gap:10px;border-radius:16px;box-shadow:none}.speech-studio-summary .speech-sample-player{margin-top:24px}
.speech-code-window #public-copy-status:empty{display:none}#public-code-tabs{gap:0}.speech-code-example{padding:12px;min-width:0;gap:0}.speech-code-example>div:has(>[data-slot=field-label]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.speech-code-example .speech-code-editor{border:0;border-radius:12px;box-shadow:none}.speech-code-example textarea{white-space:pre;min-height:180px}

/* The hero exposes the recorded waveform at the reference's larger scale. */
.speech-hero-player .speech-player-surface{padding:32px;background:color-mix(in srgb,var(--landing-subtle) 60%,transparent)}
.speech-hero-player [data-sample-wave]{height:112px}
.speech-hero-player [data-sample-wave] rect{width:9px;fill:var(--landing-secondary);fill-opacity:.55}
.speech-hero-player [data-sample-wave] rect[data-played]{fill:var(--landing-blue);fill-opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--landing-blue) 60%,transparent))}
@media(max-width:760px){.speech-hero-player .speech-player-surface{padding:16px}.speech-hero-player [data-sample-wave]{height:96px}}

/* Keep the SSML surface evenly inset without shifting Ace's positioned layers. */
.speech-story-grid>*{min-width:0}
.speech-public #ssml [data-code-editor-root]{padding:12px;border:1px solid var(--landing-border);border-radius:16px;background:#fff}
.dark .speech-public #ssml [data-code-editor-root]{background:#1d1f21}
.speech-public #ssml [data-code-editor-root] .ace_editor{border:0;border-radius:4px;box-shadow:none}

@media(max-width:640px){.speech-code-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px}.speech-code-dots{grid-column:1;grid-row:1}.speech-code-toolbar #public-copy-code{grid-column:2;grid-row:1}.speech-code-toolbar [data-tui-tabs-list]{grid-column:1/-1;grid-row:2}.speech-code-toolbar [data-tui-tabs-trigger]{min-height:44px}}
@media(max-width:360px){.speech-code-window [data-tui-tabs-trigger]{padding-inline:5px}}

/* Preview peaks align with the adjacent play button. */
:is(#public-tts-sample-wave,#public-ssml-sample-wave,#public-demo-sample-wave){height:48px}
@media(max-width:480px){:is(#public-tts-sample-wave,#public-ssml-sample-wave,#public-demo-sample-wave){height:44px}}

/* Theme-matched product screenshot in a quiet browser frame below the hero. */
.speech-product-preview{padding:0 24px 96px}
.speech-product-preview-inner{max-width:1152px;margin:0 auto}
.speech-browser{margin:0;overflow:hidden;border:1px solid var(--landing-border);border-radius:16px;background:var(--landing-surface);box-shadow:0 24px 80px -24px #00000025}
.dark .speech-browser{box-shadow:0 24px 80px -24px #0008}
.speech-browser-toolbar{display:grid;grid-template-columns:1fr minmax(120px,320px) 1fr;align-items:center;gap:16px;height:48px;padding:0 18px;border-bottom:1px solid var(--landing-border);background:var(--landing-subtle);color:var(--landing-secondary)}
.speech-browser-dots{display:flex;gap:7px}
.speech-browser-dots>span{width:9px;height:9px;border:1px solid color-mix(in srgb,var(--landing-secondary) 35%,transparent);border-radius:50%;background:var(--landing-border)}
.speech-browser-address{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--landing-border);border-radius:6px;padding:4px 12px;background:var(--landing-surface);font-size:11px}
.speech-browser-caption{justify-self:end;font-size:11px}
.speech-browser picture,.speech-browser img{display:block;width:100%}
.speech-browser img{height:auto}
@media(max-width:760px){.speech-product-preview{padding:0 24px 64px}.speech-browser{border-radius:10px}.speech-browser-toolbar{height:36px;padding:0 12px;grid-template-columns:1fr minmax(100px,180px) 1fr;gap:8px}.speech-browser-dots{gap:4px}.speech-browser-dots>span{width:6px;height:6px}.speech-browser-caption{display:none}.speech-browser-address{font-size:10px;padding:2px 8px}}