:root{color-scheme:dark;--bg:#101115;--ink:#f4f3f7;--muted:#a5a6b0;--blue:#a9c2ee;--lilac:#c0b4e6;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,summary{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a9c2ee;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:20px;top:16px;padding:14px 20px;background:#fff;color:#121318;z-index:30;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.demo-header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6%;max-width:1600px;margin:auto;position:relative;z-index:10}.brand{font-size:30px;font-weight:620;letter-spacing:-1.8px;display:inline-flex;align-items:center;min-height:44px;justify-self:start}.demo-disclosure{position:relative;justify-self:center;z-index:10;font-size:11px;line-height:1.7;color:#a4acbd}.demo-disclosure summary{list-style:none;padding:5px 13px;border-radius:30px;background:#ffffff0a;color:#c3c9d6;min-height:32px;display:flex;align-items:center;justify-content:center;letter-spacing:.01em}.demo-disclosure summary::-webkit-details-marker{display:none}.demo-disclosure p{position:absolute;top:35px;left:50%;transform:translateX(-50%);width:220px;max-width:calc(100vw - 40px);padding:17px 20px;background:#282d37;border-radius:13px;box-shadow:0 15px 45px #0005;margin:0;color:#c8d1e0}.back-link{justify-self:end}.icon-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:44px;min-height:44px;flex-shrink:0;border:0;border-radius:50%;color:#aeb9cc;background:#ffffff05;transition:background .35s,transform .45s var(--ease),color .35s;isolation:isolate;text-decoration:none}.icon-control svg{width:23px;height:23px;flex-shrink:0;pointer-events:none}.icon-control:hover:not(:disabled),.icon-control:focus-visible{background:#ffffff12;color:#e7edf9;transform:translateY(-2px)}.icon-control:active:not(:disabled){transform:translateY(1px)}.icon-control:disabled{color:#5a6478;background:#ffffff02}.icon-control::after,.readiness-icon::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,5px);background:#292f3a;color:#e6ecf8;white-space:nowrap;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;padding:8px 11px;border-radius:7px;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease);pointer-events:none;z-index:20;box-shadow:0 10px 25px #0003}.icon-control:is(:hover,:focus-visible)::after,.readiness-icon:is(:hover,:focus-within)::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.back-link::after{left:auto;right:0;transform:translate(0,5px)}.back-link:is(:hover,:focus-visible)::after{transform:none}.primary{background:linear-gradient(135deg,#e5eaf6,#c4c9d9);color:#1e2635;width:56px;height:56px;box-shadow:0 5px 30px #a4b9de0d}.primary:hover:not(:disabled),.primary:focus-visible{background:#eff2fa;color:#202835;box-shadow:0 9px 35px #a4b9de20}.primary:disabled{background:#c4c9d91a;color:#6a7282;box-shadow:none}.primary[data-state="pending"] svg{animation:connection-breathe 1.2s ease-in-out infinite}.stage-navigation{display:flex;justify-content:center;gap:18px;padding:10px 0 15px}.stage-navigation .icon-control{background:none;color:#747f94}.stage-navigation .icon-control[aria-current="step"]{background:#bdc7e115;color:#e1e8f6}.stage-navigation .icon-control:disabled{color:#434b5a}.stage-navigation .icon-control:not(:disabled):hover{background:#ffffff0c;color:#fff}.stage-navigation .icon-control svg{width:20px;height:20px}.stage-navigation .icon-control::after{bottom:auto;top:calc(100% + 7px)}main{max-width:1200px;margin:auto;padding:0 6%;outline:none}.workspace{display:flex;flex-direction:column;align-items:center;position:relative}.stage-area{position:relative;z-index:3;order:2;width:100%;max-width:710px;margin-top:4px}.stage{display:flex;align-items:center;justify-content:center;gap:25px;min-height:86px;animation:stage-in .6s var(--ease) both}.readiness{padding:0;margin:0;border:0;display:flex;gap:17px;align-items:center}.readiness-icon{position:relative;cursor:pointer;display:inline-flex;width:58px;height:58px}.readiness-icon input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.readiness-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:18px;background:#ffffff07;color:#8592a9;transition:background .4s,color .4s,box-shadow .4s}.readiness-art svg{width:26px;height:26px}.readiness-art i{position:absolute;bottom:7px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#8994a936;transition:background .3s,box-shadow .3s}.readiness-icon input:checked+.readiness-art{background:#b1c2e41b;color:#d9e4f7;box-shadow:0 7px 25px #809dcc08}.readiness-icon input:checked+.readiness-art i{background:#a8c5ec;box-shadow:0 0 10px #a8c5ec50}.readiness-icon input:focus-visible+.readiness-art{outline:3px solid #a9c2ee;outline-offset:4px}.readiness-icon:hover .readiness-art{color:#e1e9f8;background:#b1c2e411}.connection-scene{height:56px;display:flex;align-items:center;gap:19px;width:210px}.endpoint{width:11px;height:11px;border-radius:50%;background:#91a7c8;box-shadow:0 0 24px #91a7c82a;flex-shrink:0}.endpoint-remote{background:#4a4c5b;box-shadow:none;transition:background .6s,box-shadow .6s}.connection-flow{display:flex;gap:8px;flex:1;align-items:center;justify-content:center}.connection-flow i{width:23%;height:3px;border-radius:4px;background:#8a9dbc20;transition:background .5s}.is-connecting .connection-flow i{animation:handoff 1s ease-in-out infinite}.is-connecting .connection-flow i:nth-child(2){animation-delay:.16s}.is-connecting .connection-flow i:nth-child(3){animation-delay:.32s}.is-connected .endpoint-remote{background:#b7a9de;box-shadow:0 0 30px #b7a9de30}.is-connected .connection-flow i{background:#c0c5db78}.stage[data-panel="test"]{flex-direction:column;gap:16px;padding:9px 0}.control-deck{display:flex;gap:26px;align-items:center;justify-content:center;width:100%;max-width:600px}.ear-control{padding:0;border:0;margin:0;display:flex;gap:7px}.ear-control label{position:relative}.ear-control input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%;z-index:1}.ear-control label>span{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;min-width:56px;padding:0 12px;border-radius:999px;background:#ffffff05;color:#969fac;font-size:12px;transition:background .3s,color .3s}.ear-control b{font-size:17px;font-weight:400}.ear-control input:checked+span{background:#c0b4e61c;color:#e0d9f2}.ear-control label:nth-of-type(2) input:checked+span{background:#a9c2ee1c;color:#d2e1fa}.ear-control input:focus-visible+span{outline:3px solid #a9c2ee;outline-offset:4px}.ear-control input:disabled+span{opacity:.45}.test-controls{display:flex;gap:24px;align-items:center;min-width:0;flex:1;max-width:340px}.frequency-control{font-size:11px;color:#a3acbc;display:block;flex:0 0 116px}.frequency-control select{background:#ffffff07;color:#d5ddea;border:0;border-radius:999px;min-height:44px;padding:0 13px;font-size:12px;max-width:100%;width:100%;cursor:pointer}.frequency-control select option{background:#20232c;color:#f0f1f6}.level-control{flex:1;min-width:100px}.level-control label{display:flex;justify-content:center;font-size:11px;color:#a3acbc;line-height:1.4}.level-control output{color:#c7d0e2;white-space:nowrap}.level-control input{margin:8px 0 0;width:100%;accent-color:#b8c5e1;min-height:22px;cursor:pointer}.test-actions,.review-actions{display:flex;align-items:center;justify-content:center;gap:20px;min-height:56px}.session-visual{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;min-width:0;order:1;width:100%;max-width:710px}.ambient-light{position:absolute;inset:-20% -38%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.72;mask:radial-gradient(ellipse,#000 12%,transparent 69%)}.ambient-light i{position:absolute;width:85%;height:90%;left:0;top:5%;border-radius:50%;background:radial-gradient(ellipse,#6776c247,transparent 65%);animation:ambient-drift 12s ease-in-out infinite alternate}.ambient-light i:nth-child(2){left:30%;top:0;background:radial-gradient(ellipse,#477faa46,transparent 65%);animation-delay:-5s;animation-duration:17s}.ambient-light i:nth-child(3){left:20%;top:35%;background:radial-gradient(ellipse,#976f9842,transparent 65%);animation-delay:-10s;animation-duration:19s}.session-surface{position:relative;padding:19px 39px 24px;min-width:0}.surface-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#909cb1;font-size:11px;min-height:18px}.connection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:18px}.connection-badge i{height:5px;width:5px;background:#6a7488;border-radius:50%;box-shadow:0 0 0 4px #6a74880c;transition:background .6s,box-shadow .6s}.is-connected .connection-badge i{background:#accbbf;box-shadow:0 0 16px #acd1c04d,0 0 0 4px #acd1c00c}.is-connecting .connection-badge i{animation:connection-breathe 1s ease-in-out infinite}.signal-visual{height:98px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.42;transition:opacity .6s;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.signal-visual i{height:13px;width:2px;flex-shrink:0;border-radius:3px;background:linear-gradient(#a8bae0,#d3c5eb);transform:scaleY(1);animation:signal-drift 5s ease-in-out infinite alternate}.signal-visual i:nth-child(3n){height:25px;animation-delay:-1s}.signal-visual i:nth-child(4n){height:39px;animation-delay:-2.7s}.signal-visual i:nth-child(5n){height:56px;animation-delay:-3.7s}.signal-visual i:nth-child(7n){height:67px;animation-delay:-2s}.is-connected .signal-visual{opacity:.65}.is-presenting .signal-visual{opacity:1}.is-presenting .signal-visual i{animation:signal-pulse .5s ease-in-out infinite alternate}.is-presenting .signal-visual i:nth-child(3n){animation-delay:-.2s}.is-presenting .signal-visual i:nth-child(4n){animation-delay:-.35s}.chart-heading{display:flex;justify-content:flex-start;font-size:10px;color:#9ea7b9;margin:0 0 18px}.session-surface svg{width:100%;display:block;overflow:visible}.chart-grid{stroke:#ffffff0b;stroke-width:1}.chart-axis{font-size:12px;fill:#9ba5b7;text-anchor:middle}.chart-axis text:nth-child(n+7){text-anchor:end}.trace-left{stroke:var(--lilac);fill:none;stroke-width:2}.trace-right{stroke:var(--blue);fill:none;stroke-width:2}.point-left{stroke:var(--lilac);stroke-width:2;fill:none}.point-right{stroke:var(--blue);stroke-width:2;fill:#20232c}.no-response{opacity:.45}.chart-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#909bad;margin-top:16px;gap:15px}.chart-legend{display:flex;gap:17px;font-size:11px}.left-legend{color:var(--lilac)}.right-legend{color:var(--blue)}.session-completion{margin-top:18px;display:block;line-height:0}.session-completion progress{appearance:none;width:100%;height:2px;border:0;border-radius:4px;overflow:hidden;background:transparent;opacity:.5}.session-completion progress::-webkit-progress-bar{background:transparent}.session-completion progress::-webkit-progress-value{background:linear-gradient(90deg,#93b4db,#b5aad4);border-radius:4px;transition:width .5s var(--ease)}.session-completion progress::-moz-progress-bar{background:#a9b8d8}footer{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:9px auto 0;padding:10px 6% 30px}footer .icon-control{width:44px;height:44px;background:none;color:#7e899d}footer .icon-control svg{width:18px;height:18px}.no-script{padding:30px;text-align:center;line-height:1.6}.no-script a{text-decoration:underline}.tab-hidden .ambient-light i,.tab-hidden .signal-visual i{animation-play-state:paused}@keyframes ambient-drift{from{transform:translate(-12%,-10%) scale(.95)}to{transform:translate(25%,16%) scale(1.18)}}@keyframes signal-drift{from{transform:scaleY(.65);opacity:.65}to{transform:scaleY(1.08);opacity:1}}@keyframes signal-pulse{from{transform:scaleY(.55)}to{transform:scaleY(1.2)}}@keyframes handoff{0%,100%{background:#8a9dbc20}50%{background:#b8c9eb}}@keyframes connection-breathe{0%,100%{opacity:.35}50%{opacity:1}}@keyframes stage-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.session-visual{max-width:760px}.session-surface{padding-top:27px}.signal-visual{height:112px}}
@media(max-width:1000px){.session-visual{max-width:670px}.session-surface{padding:18px 28px 20px}.signal-visual{height:88px}.chart-axis{font-size:14px}}
@media(max-width:760px){.demo-header{height:73px;padding:0 7%}.brand{font-size:28px}.demo-disclosure summary{font-size:10px;padding:4px 11px;min-height:30px}.back-link svg{width:20px;height:20px}main{padding:0 6%}.stage-navigation{gap:13px;padding:5px 0 15px}.stage-navigation .icon-control{width:44px;height:44px}.stage-navigation .icon-control svg{width:18px;height:18px}.session-visual{max-width:520px}.session-surface{padding:13px 13px 18px}.signal-visual{height:100px;gap:4px}.signal-visual i{width:1.5px}.chart-axis{font-size:24px}.chart-heading{font-size:10px;margin-bottom:18px}.chart-foot{font-size:10px;margin-top:13px}.chart-legend{font-size:11px;gap:13px}.session-completion{margin-top:15px}.surface-top{font-size:10px}.ambient-light{inset:-18% -30%;opacity:.85}.stage-area{margin-top:0;max-width:500px}.stage{gap:23px;min-height:83px}.readiness{gap:10px}.readiness-icon{width:50px;height:54px}.readiness-art{border-radius:16px}.readiness-art svg{width:23px;height:23px}.primary{width:52px;height:52px}.primary svg{width:22px;height:22px}.connection-scene{width:170px;height:52px;gap:17px}.control-deck{gap:16px;flex-wrap:wrap;max-width:450px}.ear-control{gap:8px}.ear-control label>span{height:41px;min-width:57px;font-size:12px}.test-controls{flex:0 0 100%;max-width:360px;gap:24px;justify-content:center}.frequency-control{flex-basis:119px}.frequency-control select{min-height:43px;font-size:12px}.level-control{max-width:150px}.level-control label{font-size:11px}.level-control input{margin-top:7px}.test-actions,.review-actions{gap:16px}.stage[data-panel="test"]{gap:21px;padding:12px 0 0}.test-actions .icon-control{width:47px;height:47px}.test-actions .primary{width:53px;height:53px}footer{margin-top:6px;padding-bottom:23px}.icon-control::after,.readiness-icon::after{font-size:10px;padding:7px 9px}.stage-navigation .icon-control::after{top:calc(100% + 3px)}}
@media(max-width:360px){.stage-navigation{gap:10px}.session-surface{padding-left:8px;padding-right:8px}.signal-visual{height:85px}.chart-axis{font-size:26px}.stage{gap:16px}.readiness{gap:7px}.readiness-icon{width:45px;height:50px}.readiness-art svg{width:21px;height:21px}.primary{width:50px;height:50px}.connection-scene{width:156px}.test-controls{gap:18px}.frequency-control{flex-basis:111px}.level-control{max-width:130px}.test-actions{gap:15px}.icon-control::after,.readiness-icon::after{max-width:160px;text-align:center;white-space:normal;width:max-content}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.stage,.icon-control:hover:not(:disabled),.icon-control:focus-visible,.icon-control:active:not(:disabled){transform:none}.is-presenting .signal-visual{opacity:1}.is-connecting .connection-flow i{background:#b8c9eb60}}
/* A continuous instrument; the controls dissolve without moving the composition. */
.playback-controls{display:flex;justify-content:center;gap:4px;margin:0 auto 7px;position:relative;z-index:5;width:max-content;padding:2px 6px;border-radius:99px;background:#ffffff05}
.playback-controls .icon-control{width:44px;height:44px;background:transparent}
.playback-controls .icon-control svg{width:17px;height:17px}
.stage-area{display:grid;min-height:156px}
.stage{grid-area:1/1;align-self:center;animation:none}
.stage[aria-hidden="true"]{pointer-events:none}
.session-surface{transition:transform 1.4s var(--ease)}
.ambient-light{transition:opacity 1.6s ease}
body[data-stage="connect"] .ambient-light{opacity:1}
body[data-channel="R"] .ambient-light i:first-child{opacity:.3}
.ambient-light i{transition:opacity 1.5s ease}
.chart-arrival{animation:point-arrival .9s var(--ease) both}
.trace-left.chart-arrival,.trace-right.chart-arrival{stroke-dasharray:1;animation:trace-arrival 1s var(--ease) both}
.walkthrough-paused .ambient-light i,.walkthrough-paused .signal-visual i,.walkthrough-paused .connection-flow i,.walkthrough-paused .connection-badge i,.walkthrough-paused .primary svg,.walkthrough-paused .chart-arrival,.tab-hidden .chart-arrival{animation-play-state:paused}
@keyframes point-arrival{from{opacity:0}to{opacity:1}}
@keyframes trace-arrival{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:761px) and (max-height:950px){.session-visual{max-width:580px}.session-surface{padding-top:10px;padding-bottom:10px}.signal-visual{height:70px}.stage-navigation{padding-bottom:7px}.stage-area{min-height:140px}.chart-heading{margin-bottom:12px}}
@media(max-width:760px){.stage-area{min-height:210px}.playback-controls{margin-bottom:4px}.playback-controls .icon-control{height:44px}.signal-visual{height:78px}.stage-navigation{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.chart-arrival{animation:none}.trace-left.chart-arrival,.trace-right.chart-arrival{stroke-dashoffset:0}.session-surface{transition:none}}
.is-walkthrough footer{display:none}
@media(min-width:761px) and (max-height:950px){.demo-header{height:66px}.stage-navigation{padding:5px 0 8px}.stage-area{min-height:120px}.session-surface{padding:8px 28px}.signal-visual{height:55px}.session-surface>svg{max-height:clamp(160px,calc(100svh - 450px),350px)}.chart-heading{margin-bottom:10px}.chart-foot{margin-top:10px}.session-completion{margin-top:10px}.chart-axis{font-size:15px}}
.signal-visual{gap:0}
.signal-stream{display:flex;align-items:center;gap:6px;transform:translateX(-28px);transition:transform 2.3s cubic-bezier(.45,0,.15,1),opacity 1.5s ease;opacity:.7}
.signal-stream+.signal-stream{transform:translateX(28px)}
.is-connecting .signal-stream{transform:translateX(-3px);opacity:1}
.is-connecting .signal-stream+.signal-stream{transform:translateX(3px)}
.is-connected .signal-stream{transform:translateX(-3px);opacity:1}
.is-connected .signal-stream+.signal-stream{transform:translateX(3px)}
@media(max-width:760px){.signal-stream{gap:4px;transform:translateX(-18px)}.signal-stream+.signal-stream{transform:translateX(18px)}}
@media(prefers-reduced-motion:reduce){.signal-stream{transition:opacity .4s ease;transform:none!important}}
.no-response{--point-opacity:.45}
@keyframes point-arrival{from{opacity:0}to{opacity:var(--point-opacity,1)}}
@media(min-width:761px) and (max-height:950px){.session-surface>svg{max-height:clamp(150px,calc(100svh - 490px),350px)}}
@media(max-width:760px) and (max-height:780px){.demo-header{height:62px}.signal-visual{height:60px}}

/* Wordmark proportions for Purely Hearing. */
.demo-header{grid-template-columns:minmax(0,1fr) auto 48px;gap:20px}.brand{font-size:25px;letter-spacing:-.8px;white-space:nowrap}
@media(max-width:760px){.demo-header{grid-template-columns:minmax(0,1fr) auto 44px;gap:15px}.brand{font-size:21px;letter-spacing:-.7px}}
@media(max-width:360px){.demo-header{gap:10px}.brand{font-size:19px;letter-spacing:-.6px}}