:root{--paper:#fffaf4;--player-red:#f03;--plum:#321139;--muted:#776b7c;--coral:#ff5845;--karaoke:#ff9a3d;--peach:#fff0e7;--lilac:#f1ebfa;--sage:#eef4ed;--line:#e9e0e6;--font-body:"Avenir Next","Segoe UI",sans-serif;--font-display:"Arial Rounded MT Bold","Avenir Next",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--plum);background:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.6}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:var(--font-display);font-weight:750;letter-spacing:-.035em}h3{font-weight:750}:focus-visible{outline:3px solid #a181bb;outline-offset:4px}[hidden]{display:none!important}
.section-shell,.site-header,.site-footer{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;align-items:center;gap:20px;min-height:100px;position:relative;z-index:10}.brand{flex-shrink:0;display:inline-flex;align-items:center}.brand img{width:120px;height:auto}.site-nav{display:flex;gap:26px;align-items:center;margin-inline-start:auto;font-size:14px;font-weight:600}.site-nav a{padding-block:12px}.site-nav a:hover,.legal-links a:hover,.text-link:hover{color:var(--coral)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 24px;background:var(--coral);color:#fff;border:0;border-radius:14px;font-size:16px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#ed4635;transform:translateY(-2px)}.button svg{width:20px;height:20px}.site-nav{order:1}.language-picker{order:2}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:650}.eyebrow{color:#986241;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:44px;padding:42px 0 44px}.hero-copy{min-width:0}.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.04;margin-bottom:20px;overflow-wrap:break-word}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--coral)}.hero-lede{font-size:17px;line-height:1.65;max-width:470px;margin-bottom:26px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center}.hero-actions .button{min-width:156px}.watch-demo{border:0;background:none;padding:0}.watch-demo svg{width:40px;height:40px;border:1px solid #cfc4d4;padding:11px;border-radius:50%;fill:var(--plum);stroke:none}.hero-note{font-size:13px;color:var(--muted);margin-top:20px}.hero-preview{position:relative;min-width:0}.translation-player{border:1px solid #30242c;border-radius:18px;background:#181818;box-shadow:0 18px 35px #32113922;overflow:hidden;color:#fff}.player-scene{position:relative;isolation:isolate}.player-languages{position:absolute;inset:16px 14px auto;display:flex;justify-content:space-between;gap:12px;direction:ltr}.original-tag,.target-tag{display:flex;align-items:center;gap:7px;background:#1b1b1bcb;border-radius:10px;padding:6px 9px;font-size:12px;color:#fff;max-width:48%}.target-tag select{color:#fff;background:none;border:0;min-height:30px;max-width:128px;width:100%;font-size:12px}.target-tag option{color:var(--plum);background:#fff}.player-caption{position:absolute;bottom:76px;inset-inline:20px;text-align:start;padding:9px 12px;border-radius:8px;background:#191719d9;color:#fff;font-size:15px;font-weight:650;line-height:1.5}.player-chrome{position:absolute;inset:auto 0 0;z-index:2;padding:24px 12px 4px;background:linear-gradient(transparent,#0009 45%,#000c);direction:ltr}.player-controls{display:flex;align-items:center;gap:8px;min-height:36px;color:#fff}.player-controls button{position:relative;width:36px;height:36px;flex:0 0 36px;border:0;background:none;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:750;padding:7px;border-radius:4px}.player-controls button:hover{background:#ffffff18}.player-control-spacer{flex:1}.player-controls output{font:12px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px #000}.sound-toggle .volume-speaker{fill:currentColor;stroke:none}.sound-toggle[aria-pressed=false] .volume-muted,.sound-toggle[aria-pressed=true] .volume-waves{display:none}.caption-mark{border:1.5px solid currentColor;border-radius:2px;font:900 12px/15px Arial,sans-serif;letter-spacing:-1px;padding:0 2px}.caption-toggle[aria-pressed=true]:not(:disabled)::after{content:"";position:absolute;bottom:3px;left:9px;right:9px;height:2px;border-radius:1px;background:var(--player-red)}.player-controls button svg{width:22px;height:22px}.voice-preview svg{fill:currentColor;stroke:none}.waveform{height:32px;display:flex;gap:2px;align-items:center;justify-content:space-between;color:var(--coral);min-width:0}.waveform i{display:block;flex:1;min-width:0;max-width:2px;height:9px;border-radius:2px;background:currentColor}.waveform i:nth-child(3n){height:24px}.waveform i:nth-child(3n + 1){height:16px}.waveform i:nth-child(5n){height:5px}.example-note{font-size:10px;color:var(--muted);margin-top:9px}.example-note:empty{display:none}.translation-player:is(:fullscreen,.is-fullscreen){display:flex;flex-direction:column;border:0;border-radius:0;background:#171219;width:100%;height:100%}.translation-player:is(:fullscreen,.is-fullscreen) .player-scene{flex:1;min-height:0}.translation-player:is(:fullscreen,.is-fullscreen) .player-caption{font-size:clamp(18px,3vw,30px)}
.platform-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 28px;background:#f7f3f3;border-radius:20px;padding:22px 26px}.platform-strip h2{font-size:20px;letter-spacing:-.03em}.platform-logos{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.platform{display:flex;align-items:center;gap:6px;font-size:16px;white-space:nowrap}.platform svg{width:25px;height:25px}.youtube svg{fill:#e52324;stroke:none}.youtube path{fill:#fff}.instagram-mark{width:25px;height:25px;padding:2px;border-radius:7px;background:linear-gradient(30deg,#ffd85a,#f12973,#9139d8)}.instagram-mark svg{display:block;width:100%;height:100%;stroke:#fff;stroke-width:2}.tiktok-mark{font-size:31px;font-weight:900;color:#161016;text-shadow:-2px -1px #24ded7,2px 1px #ff3c69;line-height:1}.spotify{color:#16b660}.spotify svg{fill:#16b660;stroke:none}.spotify path{fill:none;stroke:#fff;stroke-width:1.7}.netflix{color:#d91f29;font-size:20px;font-stretch:condensed;letter-spacing:-1px}.platform-strip>p{grid-column:1/-1;text-align:center;font-size:11px;color:var(--muted)}
.features-section{padding:66px 0 18px}.features-section>h2{text-align:center;font-size:clamp(28px,3.2vw,42px);margin-bottom:28px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card{border-radius:22px;padding:25px;display:flex;flex-direction:column;min-width:0;min-height:282px}.benefit-voice,.benefit-files{background:var(--lilac)}.benefit-captions{background:var(--sage)}.benefit-copy{display:flex;gap:14px;align-items:flex-start;min-width:0}.benefit-copy>div{min-width:0}.benefit-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#e0d2f8;flex-shrink:0}.benefit-captions .benefit-icon{background:#b7d2b7}.benefit-copy h3{font-family:var(--font-display);font-size:21px;letter-spacing:-.025em;margin:2px 0 8px;overflow-wrap:anywhere}.benefit-copy p{font-size:14px;line-height:1.55}.benefit-visual{margin-top:auto;padding-top:20px;min-width:0}.benefit-visual .waveform{height:56px;margin:4px 0 16px}.language-pair{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;background:#fff8;border-radius:12px;padding:12px}.caption-pair p{padding:10px 12px;background:#fff9;border-radius:10px;font-size:13px;line-height:1.45}.caption-pair p:first-child{color:var(--muted)}.caption-pair p:last-child{background:#e8e9f6;margin-top:4px;font-weight:650;color:var(--plum)}.file-example{position:relative;padding-top:0;margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 69px;background:#ffffffa8;border-radius:13px;overflow:hidden;min-height:120px}.file-example>img{width:100%;height:100%;object-fit:cover}.file-play{position:absolute;left:31%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:37px;height:37px;background:#fffc;border-radius:50%}.file-play svg{width:20px;height:20px;fill:var(--plum);stroke:none}.file-types{font-size:11px;display:grid;gap:4px;padding:10px}.file-types span::before{content:'▯';margin-inline-end:7px}.more-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;padding-top:24px;font-size:13px;color:var(--muted)}.more-modes a{text-decoration:underline;text-underline-offset:4px}
.section-heading h2{font-size:clamp(28px,3.2vw,40px);margin-bottom:14px}.section-heading p:not(.eyebrow){color:var(--muted)}.how-section{padding:54px 0 42px}.how-section .section-heading{text-align:center;margin-bottom:28px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.how-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:7px 14px;align-content:start;padding-inline-end:18px;border-inline-end:1px solid var(--line)}.how-item:last-child{border:0}.number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--coral);color:#fff;font-size:16px;grid-row:1/3}.how-item h3{font-size:18px;line-height:1.3}.how-item p{font-size:13px;color:var(--muted);line-height:1.65;grid-column:2}.how-item a,.setup-note a{text-decoration:underline;text-underline-offset:3px}.setup-note+.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--coral);color:#fff;border-radius:27px;padding:42px 54px;margin-bottom:72px;overflow:hidden}.closing-cta h2{font-size:clamp(30px,3.8vw,48px);margin-bottom:13px}.closing-cta p{font-size:20px;max-width:560px;line-height:1.5;margin-bottom:25px}.button-light{background:#fff;color:var(--coral)}.button-light:hover{background:var(--paper);color:var(--coral)}.cta-globe{width:205px;height:205px;flex:0 0 auto;stroke:#ffd2b8;stroke-width:2;fill:#ffd2b822}.cta-globe path:first-of-type{fill:#ffd2b8;stroke:none}
.languages-section{padding:0 0 65px}.language-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:'tiles copy';align-items:center;gap:40px;margin-bottom:26px}.language-copy{grid-area:copy;min-width:0}.language-intro h2{font-size:clamp(28px,3vw,38px);margin-bottom:15px}.language-intro p:not(.eyebrow){color:var(--muted);font-size:15px}.language-highlights{grid-area:tiles;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0}.language-highlights li{display:grid;place-items:center;min-height:47px;padding:7px 4px;background:var(--lilac);border-radius:10px;font-size:12px;text-align:center;overflow-wrap:anywhere}.language-disclosure{border-block:1px solid var(--line)}.language-disclosure summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:650}.language-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px;margin:0;padding:0 0 22px;color:var(--muted);font-size:13px}.language-list li{padding:8px 0;border-bottom:1px solid var(--line)}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:0 0 64px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;min-height:60px;padding:18px 28px 18px 0;font-size:14px;font-weight:650;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;inset-inline-end:2px;top:14px;font-size:24px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details>p{color:var(--muted);font-size:13px;padding-bottom:20px}.faq-list a{text-decoration:underline}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:25px 0 32px;border-top:1px solid var(--line)}.site-footer .brand img{width:90px}.site-footer>p{color:var(--muted);font-size:12px;margin-inline-end:auto}.legal-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.site-footer>a:last-child:not(.brand){font-size:12px;font-weight:650}
.site-dialog{width:min(600px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:24px;padding:35px;color:var(--plum);background:var(--paper);box-shadow:0 28px 100px #32113955}.site-dialog::backdrop{background:#211524a8;backdrop-filter:blur(5px)}.site-dialog h2{font-size:30px;padding-inline-end:30px;margin-bottom:25px}.site-dialog>p{font-size:14px;color:var(--muted);margin:20px 0}.dialog-close{position:absolute;inset-inline-end:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--lilac);font-size:27px;line-height:1}.store-badges{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.store-badge img{height:48px;width:auto}.store-badge-google img{height:72px;max-width:none;margin:-12px}.guide-dialog{width:min(460px,calc(100% - 32px));text-align:center}.guide-dialog h2{font-size:22px;line-height:1.3;padding-inline:30px;margin-bottom:12px}.guide-dialog video{display:block;width:auto;max-width:100%;max-height:65dvh;margin:0 auto;border:6px solid #242127;border-radius:32px;background:var(--paper);box-shadow:0 0 0 1px #6c626c,0 12px 28px #21152426}
/* Shared guide, support and legal-page layout. */
.legal-page{padding:56px 0 75px}.legal-hero{max-width:840px;padding-bottom:36px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(38px,5vw,62px);margin-bottom:20px}.legal-hero>p:not(.eyebrow){font-size:19px;color:var(--muted);max-width:640px}.legal-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px;font-size:12px;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:200px minmax(0,760px);gap:60px;padding-top:40px;align-items:start}.legal-toc{display:flex;flex-direction:column;gap:12px;position:sticky;top:28px;font-size:14px;color:var(--muted)}.legal-toc strong{color:var(--plum)}.legal-toc a:hover{color:var(--coral)}.legal-copy{min-width:0;overflow-wrap:anywhere}.legal-copy section{margin-bottom:36px}.legal-copy h2{font-size:26px;margin-bottom:16px}.legal-copy h3{font-size:19px;margin:24px 0 10px}.legal-copy p{line-height:1.8;margin-bottom:14px;color:var(--muted)}.legal-copy strong{color:var(--plum)}.legal-copy ul,.legal-copy ol{padding-inline-start:22px;margin:0 0 20px;color:var(--muted)}.legal-copy li{padding-inline-start:4px;margin-bottom:12px;line-height:1.8}.legal-copy a,.legal-meta a{text-decoration:underline;text-underline-offset:3px}.legal-notice{padding:20px 24px;background:var(--peach);border:1px solid #f2d8cc;border-radius:16px;margin-bottom:36px;font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px;font-size:14px;color:var(--muted)}.breadcrumbs a:hover,.mode-link:hover{color:var(--coral)}.mode-link{display:inline-block;margin-top:22px;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.mode-page-image{display:block;width:100%;max-width:1020px;height:auto;max-height:340px;object-fit:cover;border-radius:24px;margin-top:32px}.error-links{padding-top:32px}
.language-picker{position:relative;flex:none;font-size:13px}.language-picker summary{cursor:pointer;padding:9px 11px;border:1px solid var(--line);border-radius:100px;white-space:nowrap}.language-picker ul{position:absolute;inset-inline-end:0;top:100%;width:210px;max-height:70vh;overflow:auto;list-style:none;margin:8px 0 0;padding:8px;background:#fffcf8;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #32183b14}.language-picker a{display:block;padding:8px 12px;border-radius:8px}.language-picker a:hover,.language-picker a[aria-current]{background:var(--peach)}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:48px}.site-nav{gap:17px}.benefit-card{padding:22px}.benefit-copy{gap:11px}.benefit-icon{width:40px;height:40px}.benefit-copy h3{font-size:19px}.platform-strip{grid-template-columns:1fr;text-align:center}.platform-logos{justify-content:center;gap:20px 30px}.closing-cta{padding:36px}.site-header{gap:14px}.brand img{width:100px}}
@media(max-width:800px){.section-shell,.site-header,.site-footer{width:calc(100% - 40px)}.site-header{min-height:78px;gap:10px}.brand img{width:90px}.language-picker{order:3;margin-inline-start:auto}.language-picker summary{display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 9px;font-size:12px}.language-indicator-flag{width:18px;height:18px}.language-indicator-code{font-weight:550}.site-nav{display:none;position:absolute;top:72px;inset-inline:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fffcf8;box-shadow:0 16px 32px #32183b14;z-index:15;margin:0}.site-nav a{padding:12px;font-size:15px}.hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0 30px}.hero h1{font-size:clamp(29px,7.7vw,44px);line-height:1.06;margin-bottom:14px}.hero-copy{text-align:start}.hero-lede{font-size:14px;line-height:1.45;margin-bottom:18px;max-width:100%}.hero-actions{gap:8px;justify-content:center}.watch-demo{gap:8px;min-height:32px;font-size:14px;font-weight:500}.watch-demo svg{width:28px;height:28px;padding:8px;border:0;background:var(--lilac)}.hero-actions .button{width:100%}.hero-note{text-align:center;margin-top:8px;font-size:11px}.player-caption{font-size:14px;inset-inline:12px}.example-note{text-align:center}.platform-strip{padding:20px 14px;border-radius:18px;gap:15px}.platform-strip h2{font-size:20px}.platform-logos{gap:16px 22px}.platform{font-size:14px}.platform-strip>p{font-size:10px;line-height:1.6}.features-section{padding-top:35px}.features-section>h2{text-align:start;font-size:27px;margin-bottom:20px}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:14px;padding:18px;min-height:130px;border-radius:18px}.benefit-copy{gap:10px;align-items:flex-start}.benefit-icon{width:36px;height:36px}.benefit-icon svg{width:22px;height:22px}.benefit-copy h3{font-size:17px;margin:2px 0 6px}.benefit-copy p{font-size:12px;line-height:1.5}.benefit-visual{margin:0;padding:0}.benefit-visual .waveform{height:48px;margin:0}.language-pair{display:none}.caption-pair p{font-size:11px;padding:8px}.file-example{grid-template-columns:minmax(0,1fr) 44px;min-height:100px}.file-types{font-size:9px;padding:8px 5px}.file-types span::before{margin-inline-end:3px}.file-play{width:30px;height:30px;left:29%}.more-modes{gap:12px 22px;font-size:12px}.how-section{padding:36px 0}.how-section .section-heading{text-align:start;margin-bottom:24px}.section-heading h2{font-size:27px}.how-grid{grid-template-columns:1fr;gap:24px}.how-item{border:0;padding:0;gap:6px 15px}.how-item h3{font-size:17px}.how-item p{font-size:13px}.closing-cta{padding:28px;border-radius:20px;gap:12px;margin-bottom:46px}.closing-cta h2{font-size:30px}.closing-cta p{font-size:15px;margin-bottom:20px}.cta-globe{width:125px;height:125px}.closing-cta .button{font-size:14px;padding:11px 18px}.language-intro{grid-template-columns:1fr;grid-template-areas:'copy' 'tiles';gap:24px}.language-intro h2{font-size:29px}.language-highlights{gap:7px}.language-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.languages-section{padding-bottom:42px}.faq-section{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.legal-layout{grid-template-columns:1fr;gap:28px}.legal-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;border:1px solid var(--line);border-radius:16px}.legal-toc strong{grid-column:1/-1}.legal-page{padding:36px 0 50px}.legal-hero h1{font-size:38px}.legal-hero>p:not(.eyebrow){font-size:17px}.site-footer{gap:16px}.site-footer>p{margin:0}.legal-links{width:100%;gap:22px}.site-dialog{padding:28px 22px}.guide-dialog video{max-height:64dvh}}
@media(max-width:480px){.closing-cta{position:relative;display:block;min-height:220px;padding:25px}.closing-cta>div{position:relative;z-index:1;max-width:80%}.closing-cta h2{font-size:29px}.closing-cta p{max-width:210px;font-size:14px}.cta-globe{position:absolute;inset-inline-end:-18px;bottom:10px;opacity:.65;width:135px;height:135px}.language-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}.language-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc{grid-template-columns:1fr}.player-languages{inset:10px 9px auto;gap:6px}.original-tag,.target-tag{padding:3px 6px;font-size:11px}.target-tag select{font-size:11px;max-width:110px}.player-controls{gap:2px}.player-chrome{padding-inline:8px}.player-controls output{font-size:11px}.player-caption{font-size:12px;padding:7px 8px}.benefit-copy p{font-size:11px}}
@media(max-width:360px){.section-shell,.site-header,.site-footer{width:calc(100% - 32px)}.site-header{gap:5px}.brand img{width:76px}.benefit-card{padding:14px;gap:10px}.benefit-copy{gap:7px}.benefit-icon{width:28px;height:28px}.benefit-icon svg{width:19px;height:19px}.benefit-copy h3{font-size:15px}.platform-logos{gap:14px 18px}.platform{font-size:12px}.platform svg,.instagram-mark{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Live advertising demo: category controls and the existing caption surface. */
.demo-categories{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:12px;}
.demo-category{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 7px;border:0;border-radius:0;background:transparent;color:var(--muted)}
.demo-category-logos{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;direction:ltr}
.demo-category-logos img{width:18px;height:18px;object-fit:contain}
.demo-category-label{font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}

.player-scene>video{display:block;width:100%;aspect-ratio:var(--demo-aspect,16/9);object-fit:contain;background:#171219}.original-tag select{color:#fff;background:none;border:0;min-height:30px;max-width:145px;width:100%;font-size:12px}.original-tag option{color:var(--plum);background:#fff}.player-caption:empty{display:none}.player-caption span{white-space:pre-wrap}.karaoke-current{color:var(--karaoke)}.player-progress{display:flex;align-items:center}.player-progress input{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:24px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--seek-progress:0%}
.player-progress input:dir(rtl){--seek-direction:left}
.player-progress input::-webkit-slider-runnable-track{height:3px;border:0;border-radius:999px;background:linear-gradient(to var(--seek-direction,right),var(--player-red) 0 var(--seek-progress),#ffffff45 var(--seek-progress) 100%)}
.player-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:var(--player-red);box-shadow:none}
.player-progress input::-moz-range-track{height:3px;border:0;border-radius:999px;background:#ffffff45}
.player-progress input::-moz-range-progress{height:3px;border-radius:999px;background:var(--player-red)}
.player-progress input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--player-red);box-shadow:none}
.player-progress input:focus-visible{outline:2px solid #ff584580;outline-offset:1px;border-radius:999px}
.player-progress input:disabled{opacity:.45;cursor:default}.player-settings{display:flex;flex-wrap:wrap;gap:8px 16px;background:#181818;padding:12px 14px;font-size:10px}.player-settings label{display:flex;align-items:center;gap:5px;cursor:pointer}.player-settings input{accent-color:var(--coral);margin:0}.voice-preview.is-playing svg{fill:none;stroke:currentColor;stroke-width:5}.player-controls button:disabled{opacity:.45;cursor:default}.translation-player:is(:fullscreen,.is-fullscreen) .player-scene>video{height:100%;object-fit:contain}
@media(max-width:800px){.original-tag select{max-width:120px}}





/* Explicit translation action, separate from playback of the original. */
.demo-translation-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:0 14px 14px;background:#181818}
.demo-target-label{display:flex;flex:1;flex-direction:column;gap:4px;min-width:125px;font-size:10px;color:#cfc5d1}
.demo-translation-bar .target-tag{max-width:none;min-height:42px;border:1px solid #ffffff24;background:#ffffff09;color:#fff}
.demo-translation-bar .target-tag select{max-width:none;font-size:13px}
#demo-translate{flex:1;min-width:130px;min-height:42px;border:0;border-radius:10px;padding:10px 12px;background:var(--coral);color:#fff;font-size:13px;font-weight:650;line-height:1.3}
#demo-translate[aria-pressed=true]{background:#ffffff18;color:#fff}
#demo-translate:disabled{opacity:.45;cursor:default}




/* Two complete caption lines, following the native file-player renderer. */
.caption-words{display:block;text-align:start;max-height:3em;line-height:1.5;overflow:hidden;overflow-wrap:anywhere}
.player-caption:has(.caption-words:empty){display:none}

/* Identical lossless circle flags to the native language picker. */
.language-flag{display:inline-block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;vertical-align:middle}
.language-pair>span,[data-demo-target]{display:inline-flex;align-items:center;gap:6px}


/* Small app flags inside the target-language menu, above clipping player layers. */
#demo-language-button{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;min-height:30px;padding:0;border:0;background:none;color:#fff;font-size:13px;text-align:start}
#demo-language-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#demo-language-button svg{width:16px;height:16px;flex-shrink:0}
#demo-language-options{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #e9e0e6;border-radius:12px;background:#fffcf8;color:var(--plum);box-shadow:0 12px 36px #0003;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font:14px/1.35 var(--font-body)}
#demo-language-options::backdrop{background:transparent}
#demo-language-options button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:start;font:inherit}
#demo-language-options button img{width:16px;height:16px;flex:0 0 16px;object-fit:contain}
#demo-language-options button[aria-selected=true]{background:#ff584514;color:#b42b20;font-weight:650}
#demo-language-options button[aria-selected=true]::after{content:'✓';margin-inline-start:auto;padding-inline-start:8px}
#demo-language-options button:hover,#demo-language-options button:focus-visible{background:#3211390a;outline:none}

.language-indicator-flag,.language-indicator-code{display:none}
@media(max-width:800px){.landing-header .language-indicator-name{display:none}.landing-header .language-indicator-flag,.landing-header .language-indicator-code{display:inline-block}}
.language-picker summary{list-style:none}.language-picker summary::-webkit-details-marker{display:none}

@media(max-width:800px){
.demo-categories{flex-wrap:nowrap;justify-content:space-between;gap:6px;margin-bottom:8px}
.demo-category:nth-child(3){display:none}
.demo-category{gap:4px;min-height:30px;padding:3px 0;min-width:0}
.demo-category-logos{gap:2px}
.demo-category-logos img{width:16px;height:16px}
.demo-category-label{font-size:clamp(9px,2.5vw,12px)}
}

.guide-service-logos{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.guide-service-logos .platform{font-size:12px;gap:5px}.guide-service-logos .platform svg,.guide-service-logos .instagram-mark{width:20px;height:20px}.guide-service-logos .tiktok-mark{font-size:26px}.guide-dialog #guide-status:empty{display:none}

/* Balanced download dialog; Google artwork includes transparent outer padding. */
#get-idub{width:min(360px,calc(100% - 32px));padding:30px 24px 28px;text-align:center}
#get-idub h2{padding-inline:24px;margin-bottom:26px;font-size:24px;font-weight:600;line-height:1.25}
#get-idub .dialog-close{width:32px;height:32px;font-size:23px}
#get-idub .store-badges{flex-direction:column;align-items:center;gap:24px}
#get-idub .store-badge{display:flex;align-items:center;justify-content:center;width:180px}
#get-idub .store-badge img{display:block;width:180px;height:auto}
#get-idub .store-badge-google{position:relative;flex-direction:column}
#get-idub .store-badge-google img{width:208px;max-width:none;margin:-13px -14px}
#get-idub .store-soon{position:absolute;inset-block-start:-9px;inset-inline-end:-15px;display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#f1ebfa;color:var(--muted);font:500 11px/1.4 var(--font-body);white-space:nowrap}

.guide-service-logos .instagram-mark svg{width:100%;height:100%}

/* Optional analytics; playback and download stay available without consent. */
.analytics-consent{position:fixed;inset-inline:16px;bottom:16px;z-index:1000;max-width:440px;margin-inline:auto;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--cream,#fffaf4);color:var(--plum);box-shadow:0 8px 32px #32113926;text-align:start}
.analytics-consent-copy{margin:0 0 12px;font:400 13px/1.5 var(--font-body)}
.analytics-consent-actions{display:flex;gap:8px;flex-wrap:wrap}
.analytics-consent-button{min-height:36px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;font:500 13px/1.2 var(--font-body);cursor:pointer}
.analytics-consent-allow{background:var(--plum);border-color:var(--plum);color:#fff}
.analytics-settings{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

html.demo-fullscreen-open,html.demo-fullscreen-open body{overflow:hidden}.translation-player.is-fullscreen{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;box-shadow:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.translation-player:is(:fullscreen,.is-fullscreen) .player-scene>video{position:absolute;inset:0;aspect-ratio:auto}