:root{--paper:#f5f2eb;--paper-light:#fffdf8;--ink:#222522;--muted:#75786f;--line:#dcd8cf;--orange:#dc5935;--olive:#59725a;--blue:#526d91;--serif:Georgia,"Noto Serif TC",serif;--sans:Manrope,"Noto Sans TC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6.5vw}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;background:var(--orange);color:white;width:28px;height:28px;font-family:var(--serif);font-size:19px;font-style:italic}.topbar nav{display:flex;gap:36px}.topbar nav a,.topbar .edition{font-family:var(--mono);font-size:10px;color:#63665e;text-decoration:none;letter-spacing:.08em}.topbar nav a:hover,footer a:hover{color:var(--orange)}.edition{color:#99988f!important}.hero{min-height:535px;padding:100px 10vw 76px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:9vw;align-items:center;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #e5dfd4;border-radius:50%;left:-290px;top:90px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:#7e8178;margin:0 0 20px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:7px}.mono{font-family:var(--mono);margin-left:8px;color:#aaa79e}.hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1.22;letter-spacing:-.065em;font-weight:600;margin:0 0 25px}.hero h1 em,.closing h2 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-.05em}.hero-intro{max-width:575px;color:#65685f;font-size:15px;line-height:1.95;margin:0}.hero-meta{display:flex;gap:24px;margin-top:34px;font:10px var(--mono);color:#777a71;letter-spacing:.04em}.hero-note{background:var(--ink);color:var(--paper-light);padding:25px 24px 21px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.note-index,.note-foot{font:9px var(--mono);letter-spacing:.09em;color:#b7b7ac}.hero-note p{font-size:18px;line-height:1.6;margin:10px 0 0}.waveform{height:44px;display:flex;align-items:center;gap:4px}.waveform i{width:3px;height:calc(9px + (var(--i,0)*1px));background:#e36745;border-radius:3px}.waveform i:nth-child(3n){height:26px}.waveform i:nth-child(4n){height:35px}.waveform i:nth-child(5n){height:16px}.hero-index{position:absolute;right:5vw;bottom:32px;color:#a19e94;font:10px var(--mono);letter-spacing:.1em}.hero-index span{color:var(--orange);padding:0 8px}.method-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 10vw;border-bottom:1px solid var(--line)}.method-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);padding-left:25px}.method-strip>div:first-child{padding-left:0}.method-strip>div:last-child{border:0}.method-number{font:12px var(--mono);color:var(--orange)}.method-strip p{margin:0;display:flex;flex-direction:column;gap:2px}.method-strip b{font-size:12px;font-weight:700}.method-strip small{font-size:10px;color:var(--muted)}.section{padding:100px 8vw 94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-heading h2{font-size:clamp(27px,3.1vw,42px);line-height:1.35;letter-spacing:-.055em;margin:0;font-weight:700}.section-heading .eyebrow{margin-bottom:12px}.section-blurb{max-width:360px;color:#74766e;font-size:12px;line-height:1.9;margin:0 0 3px}.provider-legend{display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.provider-legend>span{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#888}.legend-dot.voai{background:var(--orange)}.legend-dot.edge{background:var(--olive)}.legend-dot.eleven{background:var(--blue)}.legend-note{margin-left:auto;color:#9a9a91;font:9px var(--mono)}.age-group{border-bottom:1px solid var(--line);padding:31px 0 32px}.age-label{display:flex;align-items:center;gap:14px;margin-bottom:19px}.age-label-no{font:10px var(--mono);color:var(--orange);align-self:flex-start;padding-top:5px}.age-label h3{margin:0;font-size:18px;line-height:1.25}.age-label div span{font:9px var(--mono);letter-spacing:.1em;color:#93938a}.age-label>p{margin:0 0 0 8px;color:#82847c;font-size:11px}.gender-row{display:grid;grid-template-columns:74px 1fr;gap:11px;margin-top:10px}.gender-label{display:flex;flex-direction:column;gap:4px;padding-top:18px;color:#989990;font-size:10px}.gender-label:first-letter{font-size:14px}.voice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.voice-card{min-height:165px;background:var(--paper-light);border:1px solid var(--line);padding:14px 15px 11px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.voice-card.has-audio{border-top:2px solid var(--card-color)}.voice-card.voai{--card-color:var(--orange)}.voice-card.edge{--card-color:var(--olive)}.voice-card.eleven{--card-color:var(--blue)}.voice-card:hover{transform:translateY(-2px);border-color:#b8b5ac}.voice-card-top,.language-card-head{display:flex;justify-content:space-between;align-items:center}.provider-name{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:#62665e}.voice-state{font:8px var(--mono);color:#a7a79e}.voice-card h4{font-size:14px;margin:15px 0 2px}.voice-impression{font-size:10px;color:#8b8c84;margin:0 0 10px}.voice-card audio,.language-card audio{height:30px;width:100%;margin:1px 0 4px;accent-color:var(--orange)}.audio-placeholder{height:34px;border:1px dashed #ddd8cf;display:flex;align-items:center;gap:8px;padding:0 10px;margin:2px 0 5px;font-size:9px;color:#a1a097}.audio-placeholder span:first-child{font-size:15px;color:var(--card-color)}.details-button{border:0;background:none;padding:7px 0 0;text-align:left;font:9px var(--mono);color:#71756d;cursor:pointer;margin-top:auto}.details-button span{color:var(--orange);padding-left:3px}.details-button:disabled{opacity:.35;cursor:default}.fineprint{font-size:10px;line-height:1.8;color:#898b82;margin:18px 0 0}.minnan-section{background:#ece8df;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.minnan-intro{display:grid;grid-template-columns:115px 1fr;gap:25px;align-items:center;padding:30px 34px;background:var(--paper-light);margin:0 0 15px}.minnan-glyph{font-size:38px;font-weight:900;letter-spacing:-.12em;color:var(--orange);line-height:1}.minnan-glyph span{font-family:var(--serif);font-style:italic;color:var(--ink)}.quote-script{font-size:18px;font-weight:600;margin:0 0 3px}.transliteration{font:11px var(--mono);color:#8d8e85;margin:0}.minnan-intro .fineprint{margin:7px 0 0}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.language-card{background:var(--paper-light);padding:18px 19px;min-height:170px;border-top:2px solid var(--card-color)}.language-card:has(.voai){--card-color:var(--orange)}.language-card:has(.edge){--card-color:var(--olive)}.language-card:has(.eleven){--card-color:var(--blue)}.language-card-head>span:first-child{display:flex;align-items:center;gap:7px;font:10px var(--mono)}.language-status{font-size:9px;color:var(--orange);background:#f8e9e2;padding:3px 7px}.language-status.edge{color:#536b50;background:#e9efe7}.language-status.eleven{color:#526d91;background:#e8edf3}.language-card p{font-size:11px;line-height:1.9;color:#74766e;margin:18px 0 0}.pricing-section{padding-bottom:84px}.pricing-table-wrap{overflow-x:auto;background:var(--paper-light);border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:850px;text-align:left}thead{background:#eae6dd}th,td{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:11px;line-height:1.75}thead th{font:9px var(--mono);letter-spacing:.08em;color:#777970}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{font-size:11px;font-weight:700;white-space:nowrap}tbody th .legend-dot{margin-right:8px}.unit-cost{font-weight:700;color:#44483f}.pricing-note{font-size:10px;line-height:1.9;color:#777970;padding:17px 18px;background:#eeebe4;margin:15px 0 0}.pricing-note b{color:#42463e}.sources-line{font:9px var(--mono);color:#999990;display:flex;gap:13px;flex-wrap:wrap;margin-top:17px}.sources-line a{color:#74776e;text-decoration:underline;text-underline-offset:3px}.closing{padding:90px 12vw 100px;text-align:center;background:var(--ink);color:var(--paper-light)}.closing .eyebrow{color:#a7aa9f}.closing h2{font-size:clamp(28px,4vw,48px);line-height:1.45;letter-spacing:-.05em;margin:0 0 17px}.closing p:last-child{max-width:520px;margin:auto;color:#b7b9af;font-size:12px;line-height:1.9}footer{padding:21px 6.5vw;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.04em;color:#888a81}footer a{color:#666960;text-decoration:none}dialog{position:fixed;border:1px solid var(--line);max-width:520px;width:calc(100% - 36px);padding:35px;background:var(--paper-light);color:var(--ink);box-shadow:0 22px 80px #1b1b1b38}dialog::backdrop{background:#1e211fcc}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:#777;cursor:pointer}dialog h2{font-size:24px;line-height:1.3;margin:0 0 24px}.detail-list{display:grid;grid-template-columns:115px 1fr;gap:9px 12px;font-size:11px;margin:0 0 25px}.detail-list dt{color:#888a82}.detail-list dd{margin:0;overflow-wrap:anywhere}.detail-list code{font:10px var(--mono);background:#eeeae2;padding:3px 5px}dialog audio{width:100%;height:35px} @media(max-width:860px){.hero{padding:80px 7vw;grid-template-columns:1fr 230px;gap:5vw}.section{padding-left:6vw;padding-right:6vw}.voice-cards{gap:7px}.voice-card{padding:12px 10px}.method-strip{padding-left:6vw;padding-right:6vw}.method-strip>div{padding-left:13px}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-blurb{max-width:570px}.language-grid{gap:8px}.language-card{padding:15px 13px}}@media(max-width:620px){.topbar{height:62px;padding:0 5vw}.topbar nav{gap:13px}.topbar nav a{font-size:9px}.edition{display:none}.hero{padding:69px 7vw 70px;display:block;min-height:auto}.hero h1{font-size:42px}.hero-intro{font-size:13px}.hero-meta{gap:13px;flex-wrap:wrap;font-size:9px}.hero-note{margin-top:32px;min-height:165px}.hero-index{bottom:13px;right:7vw}.method-strip{grid-template-columns:1fr;padding:14px 7vw}.method-strip>div{padding:12px 0;border:0;border-bottom:1px solid var(--line)}.method-strip>div:last-child{border:0}.section{padding:69px 5vw}.section-heading h2{font-size:30px}.provider-legend{gap:13px;flex-wrap:wrap}.legend-note{width:100%;margin:1px 0 0}.age-label{gap:10px}.age-label>p{margin-left:auto;max-width:110px;text-align:right;font-size:9px}.gender-row{grid-template-columns:1fr;gap:7px;margin-top:18px}.gender-label{flex-direction:row;align-items:center;padding:0}.gender-label:first-letter{font-size:12px}.voice-cards{grid-template-columns:1fr;gap:8px}.voice-card{min-height:149px;padding:13px 14px}.minnan-intro{grid-template-columns:65px 1fr;padding:22px 18px;gap:15px}.minnan-glyph{font-size:31px}.quote-script{font-size:15px}.transliteration{font-size:9px;line-height:1.7}.language-grid{grid-template-columns:1fr;gap:10px}.language-card{min-height:140px;padding:16px}.closing{padding:68px 8vw}.closing h2{font-size:32px}footer{padding:17px 5vw;gap:14px;flex-wrap:wrap}footer span:nth-child(2){display:none}}

/* Dark listening-room theme */
:root{color-scheme:dark;--paper:#111411;--paper-light:#1b201b;--ink:#e9eee5;--muted:#a2ac9e;--line:#303830;--orange:#ef805c;--olive:#91b386;--blue:#91acd2}
body{background:#111411;color:#e9eee5}
.topbar,.hero,.method-strip,.age-group{border-color:#303830}
.brand,.brand-mark{color:#f3f4ed}.brand-mark{background:#ef805c}
.topbar nav a,.topbar .edition{color:#adb6a9}.hero:before{border-color:#293129}.eyebrow{color:#a5b09f}.mono,.note-index,.note-foot,.hero-meta,.hero-index,.legend-note{color:#9aa596}
.hero-intro,.section-blurb,.age-label>p,.fineprint,.voice-impression,.language-card p,.pricing-note,.sources-line,footer{color:#a8b2a4}
.hero-note,.closing{background:#212821;color:#f1f3ec}.method-strip small{color:#a8b2a4}.method-number{color:#ef805c}
.provider-legend{border-color:#303830}.provider-name,.language-card-head>span:first-child{color:#e0e6db}.voice-state{color:#a6b09f}
.age-label div span{color:#9ba695}.age-label h3,.quote-script,.minnan-glyph span{color:#edf0e8}
.gender-label{font-size:15px;font-weight:700;color:#d7dfd2;letter-spacing:.02em}.gender-label:first-letter{font-size:20px;color:#ef805c}
.voice-card,.language-card,.minnan-intro,.pricing-table-wrap{background:#1b201b;border-color:#303830}.voice-card:hover{border-color:#697767}
.audio-placeholder{border-color:#414b40;color:#aab4a5}.details-button{color:#c0c9bb}.details-button:disabled{opacity:.52}
.minnan-section{background:#151a15;border-color:#303830}.transliteration{color:#bac4b7}.language-status{color:#ffad91;background:#392a24}.language-status.edge{color:#c2deb7;background:#283529}.language-status.eleven{color:#bfd2f1;background:#28313e}
thead{background:#252d25}th,td{border-color:#303830;color:#d6ded3}thead th{color:#aeb8aa}.unit-cost{color:#f0f2eb}
.pricing-note{background:#202620}.pricing-note b{color:#edf0e8}.sources-line a{color:#d0d9cb}footer a{color:#c5cec0}
dialog{background:#1b201b;color:#e9eee5;border-color:#414b40}.detail-list dt{color:#aab4a5}.detail-list code{background:#2b332b;color:#e8ede3}
@media(max-width:620px){.gender-label{font-size:15px}.gender-label:first-letter{font-size:18px}}

.multilingual-section{background:#131813;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.multilingual-panels{display:grid;gap:42px}
.multilingual-panel{border-top:1px solid #3a4439;padding-top:24px}
.multilingual-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:17px}
.multilingual-heading .eyebrow{margin:0 0 6px;color:#94a28f}
.multilingual-heading h3{font-size:25px;line-height:1.3;margin:0;color:#eef1e9}
.multilingual-heading>p{font-size:11px;line-height:1.8;max-width:500px;color:#a8b2a4;margin:0}
.multilingual-script{padding:18px 21px;background:#202720;border-left:2px solid var(--orange);margin-bottom:14px}
.script-label{font:9px var(--mono);letter-spacing:.12em;color:#abb7a7}
.multilingual-script>p{font-size:16px;line-height:1.85;margin:8px 0;color:#f0f2eb}
.multilingual-script small{display:block;font-size:10px;color:#aab4a5;line-height:1.8}
.multilingual-script small:after{content:attr(data-focus)}
.multilingual-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.multilingual-provider-card{background:#1b201b;border:1px solid #303830;border-top:2px solid var(--card-color);padding:15px 16px 12px;min-width:0}
.multilingual-provider-card.voai{--card-color:var(--orange)}.multilingual-provider-card.edge{--card-color:var(--olive)}.multilingual-provider-card.eleven{--card-color:var(--blue)}
.multilingual-provider-card .language-card-head{align-items:flex-start;gap:8px;min-height:34px}
.multilingual-provider-card .language-status{max-width:65%;text-align:right;line-height:1.45}
.multilingual-sample{border-top:1px solid #303830;padding-top:12px;margin-top:9px}
.multilingual-voice-name{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;color:#dfe6dc}
.multilingual-voice-name b{font-size:11px}.multilingual-voice-name span{font-size:10px;color:#aab4a5;text-align:right}
.multilingual-sample audio{height:32px;width:100%;accent-color:var(--orange)}
.multilingual-sample .audio-placeholder{margin:0;height:32px}
.multilingual-sample .details-button{padding-top:3px}
@media(max-width:860px){.multilingual-provider-grid{gap:8px}.multilingual-provider-card{padding:13px 11px 10px}.multilingual-provider-card .language-status{max-width:62%;font-size:8px}}
@media(max-width:620px){.topbar nav{gap:7px}.topbar nav a{font-size:8px}.multilingual-heading{align-items:flex-start;flex-direction:column;gap:10px}.multilingual-heading h3{font-size:22px}.multilingual-provider-grid{grid-template-columns:1fr;gap:10px}.multilingual-provider-card{padding:14px}.multilingual-script{padding:15px}.multilingual-script>p{font-size:14px}.multilingual-provider-card .language-status{font-size:9px;max-width:68%}}