:root{--ink:#183d43;--paper:#f6f5ed;--muted:#5f7272;--line:#d8dfd6;--lime:#e3edbd;--orange:#e9a47e;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.site-head{max-width:1320px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px;margin-right:9px;font-size:28px}.brand-dot{font-size:9px;color:#a8bf73;margin-left:3px}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a{text-decoration:none}main{max-width:1200px;margin:0 auto;padding:0 30px}section{margin:64px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.9vw,66px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:26px}h2{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-1.2px}h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}em{font-family:Georgia,serif;font-weight:400}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin-bottom:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin:74px 0 65px}.lead{font-size:19px;color:var(--muted);max-width:600px;line-height:1.65}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:#fffef6;padding:14px 22px;text-decoration:none;font-weight:700;font-size:14px;gap:6px}.btn.small{padding:10px 16px}.btn.outline{background:transparent;color:var(--ink)}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:20px 0}.text-link{font-weight:700;font-size:14px}.fine,small{font-size:12px;color:var(--muted)}.fine{margin:14px 0}.muted{color:var(--muted)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.hero-tags span,.badge{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:12px}.hero-art{min-height:480px;position:relative;display:grid;place-items:center;background:#e6eadf;border-radius:180px 180px 22px 22px;overflow:hidden;padding:35px}.orbit{position:absolute;border:1px solid #c2cfbd;width:420px;height:420px;border-radius:50%;top:85px}.o2{width:550px;height:550px;top:20px}.listener-card{position:relative;background:var(--white);padding:24px;border-radius:14px;width:100%;max-width:330px;box-shadow:0 24px 60px #173e4220;transform:rotate(-4deg)}.listener-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin-top:25px}.live-pill{font-size:8px;letter-spacing:.5px;padding:4px 7px;background:var(--lime);border-radius:20px}.listener-card .eyebrow{font-size:8px;margin:0}.wave{color:#5b8170;letter-spacing:3px;font-size:23px;height:65px;overflow:hidden;white-space:nowrap}.demo-languages{display:flex;gap:6px}.demo-languages button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px;font-size:11px}.demo-languages .selected{background:var(--ink);color:white}#demo-text{margin:22px 0;font-family:Georgia,serif;font-size:21px;min-height:66px}.demo-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:11px}.floating-note{position:absolute;right:5px;bottom:19px;background:var(--orange);padding:16px 22px;transform:rotate(6deg);font-size:13px;border-radius:6px}.live-dot{display:inline-block;width:7px;height:7px;background:#7d9d54;border-radius:50%;margin-right:6px}.intro-strip{border-block:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.intro-strip p{margin:0}.intro-strip span{font-size:13px}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{max-width:650px}.feature{padding:28px 20px 20px 0}.feature p{color:var(--muted);font-size:15px}.number{display:block;font-size:13px;color:#7f925d;border-top:1px solid var(--line);padding-top:16px;margin-bottom:30px}.dark-section{background:var(--ink);color:var(--paper);border-radius:18px;padding:50px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.dark-section p{color:#c7d4cc}.dark-section .eyebrow{color:var(--lime)}.checklist{padding:20px;background:#ffffff08;border-radius:12px}.checklist p{border-bottom:1px solid #ffffff20;padding-bottom:16px}.checklist small{color:#c7d4cc}.panel{background:var(--white);border:1px solid var(--line);padding:28px;border-radius:12px;min-width:0}.panel h2{font-size:26px}.panel p{font-size:15px}.grid>section{margin:0}.closing{text-align:center;padding:45px 10px}.closing h2{font-size:58px}.closing p{color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1200px;margin:50px auto 0;padding:40px 30px 80px}footer p{font-family:Georgia,serif;margin-top:10px}footer div{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;margin:25px 0}footer small{display:block;max-width:650px}.page-title{max-width:800px;margin:60px 0 40px}.page-title.compact h1{font-size:38px;letter-spacing:-1.5px}.page-title.compact{max-width:none}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.price{font-size:48px!important;font-weight:700;letter-spacing:-2px}.price small{letter-spacing:0;font-weight:400;font-size:14px}.pricing li{margin:12px 0;font-size:14px}.pricing ul{padding-left:18px;margin-bottom:25px}.featured{border:2px solid var(--ink);background:#edf0de}.prose{max-width:850px;margin:50px auto}.prose h1{font-size:42px}.prose h2{margin-top:36px}.prose p{font-size:16px}.narrow{max-width:650px;margin:50px auto}label{display:block;font-size:14px;font-weight:600;margin:15px 0}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bdcac5;border-radius:6px;background:white;color:var(--ink);margin-top:6px}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:auto;margin:0;flex-shrink:0}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400}.check a{display:contents}.language-options{display:flex;flex-wrap:wrap;gap:7px 16px}.language-options label{display:flex;align-items:center;gap:5px;font-size:13px;margin:2px 0}.quiet{background:none;color:var(--ink);border:0;text-decoration:underline;text-underline-offset:4px;padding:8px;font-size:13px}.danger,.error{color:#a13f32}.error:empty,.message:empty{display:none}.message{font-size:14px;overflow-wrap:anywhere}.error{background:#fff1e8;padding:12px;border-radius:7px}.notice{padding:16px;background:#eef0de;border-radius:8px}.break,pre{overflow-wrap:anywhere;word-break:break-word}pre{white-space:pre-wrap;font:14px/1.6 Arial,sans-serif;max-height:650px;overflow:auto}details{margin:15px 0}summary{cursor:pointer;font-weight:700;padding:10px 0}.org{margin:35px 0}.room-card{padding:18px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.room-card h3{margin-bottom:10px}.meter{height:12px;background:#e4e8dd;border-radius:8px;overflow:hidden;margin:20px 0}.meter span{height:100%;display:block;width:0;background:#779c62;transition:width .1s}.qr{width:140px;height:140px;float:right;margin:0 0 15px 15px}.captions{background:#edf0e6;border-radius:9px;padding:20px;min-height:150px;max-height:450px;overflow:auto;font-size:23px;line-height:1.5}.captions article{padding:10px 0;border-bottom:1px solid #d7dfd2}.captions small{display:block;font-size:14px}.listener-shell{max-width:740px;margin:40px auto}.listener-shell h1{font-size:44px;letter-spacing:-1px}#audio-sink audio{display:block;width:100%;margin:14px 0}.prepared{white-space:pre-wrap;background:#e5ecc6;padding:24px;font-size:26px;margin:20px 0;border-radius:8px}.large .captions{font-size:34px}.large .prepared{font-size:38px}.question{padding:15px 0;border-bottom:1px solid var(--line)}.question p{margin:6px 0}.record{padding:18px 0;border-bottom:1px solid var(--line)}.feedback-tab{position:fixed;bottom:18px;right:18px;background:var(--ink);color:white;border:1px solid #ffffff40;padding:11px 17px;border-radius:25px;box-shadow:0 3px 15px #0002;font-size:13px;z-index:20}dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);max-width:520px;width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#132c3d88}dialog h2{font-size:26px}.screen .site-head,.screen footer,.screen #question-form,.screen #help-sound,.screen .feedback-tab,.screen #listen-start,.screen #listen-stop{display:none}.screen main,.screen .listener-shell{max-width:none}.screen .captions{font-size:42px;max-height:70vh}.screen .captions small{font-size:22px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d28d5b;outline-offset:3px}@media(max-width:800px){.site-head{padding:18px 20px}.brand{font-size:20px}nav{gap:12px}nav>a:not(.btn){display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:35px;margin:45px 0}.hero-art{min-height:420px;max-width:500px;width:100%;margin:auto}.three,.two{grid-template-columns:1fr}.intro-strip{flex-wrap:wrap;gap:15px}.intro-strip p{width:100%}.dark-section{grid-template-columns:1fr;padding:28px;gap:15px}section{margin:40px 0}.closing h2{font-size:43px}.panel{padding:22px}.page-title.compact h1{font-size:32px}.row{align-items:flex-start}.listener-shell h1{font-size:34px}.screen .captions{font-size:28px}footer{padding:30px 20px 85px}}@media print{.site-head,footer,.feedback-tab,button{display:none}.qr{width:300px;height:300px}.panel{break-inside:avoid}}

.sound-card{margin:24px 0;padding:22px;border:2px solid #9eada8;background:#eff2ec;border-radius:12px}.sound-card>strong{display:block;font-size:23px;line-height:1.3}.sound-steps{padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:16px 0}.sound-steps li{border-radius:20px;padding:5px 10px;background:#fff}.sound-steps li[data-done=yes]{background:#cde8d2;color:#16442a;font-weight:700}.sound-card[data-state=playing]{border-color:#29804a;background:#e4f5e8}.sound-card[data-state=blocked],.sound-card[data-state=stalled],.sound-card[data-state=paused]{border-color:#c07c24;background:#fff2d9}.sound-card[data-state=failed]{border-color:#b44132;background:#fff0ed}.sound-card[data-state=connecting],.sound-card[data-state=reconnecting],.sound-card[data-state=enabling]{border-color:#3d79a0;background:#eaf3fa}.sound-card[data-state=connecting]>strong:before,.sound-card[data-state=reconnecting]>strong:before{content:'◌';display:inline-block;margin-right:9px;animation:sound-spin 1s linear infinite}.screen .sound-card{display:none}@keyframes sound-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sound-card>strong:before{animation:none!important}}

.studio-status{padding:16px;border:2px solid #9caca5;background:#eff2ec;border-radius:10px;font-size:17px;font-weight:700}.studio-status.live{background:#e4f5e8;border-color:#29804a}.studio-status.connecting{background:#eaf3fa;border-color:#3d79a0}.studio-status.paused{background:#fff2d9;border-color:#c07c24}.listener-audio-health{line-height:2.5;margin-bottom:18px}

.message.pending,.message.success{display:block;padding:12px 15px;border-radius:7px;border-left:4px solid}.message.pending{background:#eaf3fa;border-color:#3d79a0}.message.success{background:#e4f5e8;border-color:#29804a}.btn[aria-busy=true]{background:#3d6275;cursor:wait}

/* Accessible multilingual controls and responsive listening workspace. */
:root{font-family:Inter,Arial,"Noto Sans",system-ui,sans-serif}
button,select,input,textarea{min-height:44px}select,textarea{font-size:16px}
button:disabled{cursor:default}button[aria-busy=true]{cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc6b34;outline-offset:4px}
.ui-language{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:0;font-size:12px}.ui-language select{width:auto;max-width:180px;margin:0;border-radius:24px;padding:8px 28px 8px 12px}.ui-language span{max-width:90px;line-height:1.3}
.site-head{gap:22px}.site-head nav{margin-inline-start:auto;gap:18px}
.listening-page .site-head{max-width:1240px;padding:18px 30px}.listening-page .site-head nav{display:none}.listening-page .site-head .ui-language{margin-inline-start:auto}
.listener-shell{max-width:1140px;margin:28px auto 50px}.listener-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.listener-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.6px;margin:4px 0;overflow-wrap:anywhere}#organisation{margin:0;font-size:13px;color:var(--muted)}
#listener-state{font-size:13px;font-weight:700;border:1px solid var(--line);padding:7px 14px;border-radius:24px;margin:0;white-space:nowrap}#listener-state[data-state=live]{background:#dcf1df;border-color:#87b893;color:#17582e}#listener-state[data-state=paused]{background:#fff1d6;border-color:#c69e56}
.listener-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:28px;align-items:start}.listener-controls{position:sticky;top:20px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:18px;min-width:0}.listen-intro .eyebrow{margin-bottom:10px}.listen-intro h2{font-size:25px;letter-spacing:-.4px;line-height:1.25;margin-bottom:10px}.listen-intro>p:last-child{font-size:14px;color:var(--muted);margin-bottom:20px}.primary-listen-actions{display:flex;gap:8px;align-items:stretch;margin-top:20px}.primary-listen-actions .btn{flex:1;min-height:52px;padding:12px;white-space:normal;font-size:15px}.primary-listen-actions #listen-stop{flex:0 1 auto;font-size:13px}.headphone-hint{font-size:12px;text-align:center;color:var(--muted);margin:9px 0 18px}
.listener-controls .sound-card{padding:16px;margin:16px 0;border-width:1px;border-radius:12px}.sound-card>strong{font-size:18px;line-height:1.35}.sound-steps{gap:7px;margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sound-steps li{font-size:11px;border-radius:7px;padding:6px;line-height:1.4;overflow-wrap:anywhere}.sound-steps li>span:first-child{display:block;font-size:17px}.sound-card #audio-status{font-size:13px;line-height:1.55;margin:10px 0}.sound-card .actions{margin:12px 0 0}.sound-card .actions .btn{font-size:13px;padding:10px 12px;width:100%}.sound-card[data-state=playing] #enable-audio{display:none}.listen-options{font-size:13px;margin-bottom:0}.listen-options summary{padding:6px 0;min-height:44px}
.listener-content{min-width:0}.caption-panel{margin:0;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px}.caption-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center}.caption-toolbar h2{font-size:21px;margin:0;letter-spacing:-.4px}.original-toggle{font-size:12px;color:var(--muted);margin:8px 0 16px;align-items:center}.original-toggle input{min-height:0;width:18px;height:18px}.captions-empty{padding:38px 10px;text-align:center;color:var(--muted);font-size:16px;border:1px dashed var(--line);border-radius:10px}.listener-content .captions{padding:0;background:none;min-height:0;max-height:58vh;font-size:24px;scrollbar-gutter:stable}.captions article:last-child{border-bottom:0}.captions article p{margin:0 0 8px}.captions article small{color:#586a69;line-height:1.6}.hide-original .captions small{display:none}.listener-content>details{padding:4px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);margin:12px 0;font-size:14px}.listener-content>details>summary{min-height:44px}.listener-content #question-form{padding:8px 0;border:0;margin:0}.listener-privacy p{font-size:13px}.listening-page footer{max-width:1140px;margin-top:30px;padding-top:22px}.listening-page footer>.brand,.listening-page footer>p{display:none}.listening-page footer small{font-size:11px}.listening-page .feedback-tab{bottom:14px;font-size:12px}
.broadcast-panel{border:2px solid #afc2b4;box-shadow:0 8px 28px #183d4308}.broadcast-panel .row{padding-bottom:15px;border-bottom:1px solid var(--line)}#allowance{font-size:14px;font-weight:700;background:#edf4dd;max-width:100%}#live-controls .actions{position:sticky;top:0;z-index:5;background:var(--white);padding:14px 0;border-bottom:1px solid var(--line)}#session-state{margin:0}#live-metrics{font-variant-numeric:tabular-nums}.listener-audio-health .badge{display:inline-block;line-height:1.6;margin:4px}.studio-status{font-weight:600;line-height:1.5}
[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand-mark{margin-right:0;margin-left:9px}[dir=rtl] .qr{float:left;margin-left:0;margin-right:15px}
.screen .listener-layout{display:block}.screen .listener-controls,.screen #question-section,.screen .listener-privacy{display:none}.screen .caption-panel{border:0;padding:0}.screen .listener-content .captions{font-size:42px;max-height:75vh}
@media(max-width:900px){.site-head nav>a:not(.btn){display:none}.site-head .ui-language span{display:none}.listener-layout{grid-template-columns:1fr}.listener-controls{position:static}.listen-intro h2{font-size:24px}.listener-controls .sound-card{margin-bottom:8px}.listener-heading h1{font-size:26px}.listener-content .captions{max-height:55vh}}
@media(max-width:600px){main{padding:0 16px}.site-head,.listening-page .site-head{padding:14px 16px}.site-head .brand{font-size:19px}.ui-language select{max-width:132px;font-size:14px;padding-inline-end:22px}.site-head nav{display:none}.listener-shell{margin-top:20px}.listener-heading{gap:12px;align-items:flex-start;margin-bottom:18px}.listener-heading h1{font-size:24px}.listener-controls{padding:18px;border-radius:14px}.listener-layout{gap:16px}.listen-intro .eyebrow{margin-bottom:6px}.listen-intro h2{font-size:22px}.listen-intro>p:last-child{margin-bottom:14px;font-size:13px}.caption-panel{padding:18px;border-radius:14px}.caption-toolbar h2{font-size:19px}.listener-content .captions{font-size:22px}.large .listener-content .captions{font-size:30px}.sound-steps li{font-size:12px}.primary-listen-actions{margin-top:16px}.panel{padding:18px}.broadcast-panel #live-controls .actions .btn{flex:1 1 42%;font-size:14px}.broadcast-panel #end-session{margin-inline-start:auto}.listener-content>details{margin-top:10px}.feedback-tab{max-width:65vw}.page-title.compact{margin-top:28px}}

@media(max-width:600px){body[data-audio-state=playing] .listen-intro,body[data-audio-state=waiting] .listen-intro{display:none}body[data-audio-state=playing] #audio-status{display:none}body[data-audio-state=playing] .headphone-hint{display:none}.listener-heading h1{font-size:23px}}

.screen .site-head{display:flex}.screen .listener-controls{display:block;position:static;padding:0;border:0;background:none;max-width:380px;margin-bottom:20px}.screen .listener-controls>*{display:none}.screen .listener-controls>#language-label{display:block}.screen .ui-language{display:flex}