.listen-page{background:#090d0f;color:#f3efe7}.listen-hero{padding:180px 0 80px;background:radial-gradient(circle at 70% 20%,rgba(217,179,106,.08),transparent 32%),#090d0f}.listen-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(58px,8vw,112px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:0 0 32px}.listen-hero h1 em{color:#f0d39a;font-weight:400}.listen-intro{max-width:700px;color:#b6b6b1;font-size:clamp(17px,2vw,21px);line-height:1.65}.listen-note{max-width:760px;margin-top:35px;padding:18px 22px;border-left:1px solid #d9b36a;background:rgba(255,255,255,.025);color:#999b97;font-size:14px;line-height:1.6}.listen-note strong{color:#e6dfd2}.listen-warning{max-width:900px;margin-top:22px;padding:24px 26px;border:1px solid rgba(217,179,106,.55);background:rgba(217,179,106,.09);color:#ddd5c8;font-size:clamp(16px,1.6vw,19px);line-height:1.55}.listen-warning strong{display:block;margin-bottom:5px;color:#f0d39a;font-size:clamp(17px,1.8vw,21px);letter-spacing:.01em}.listen-examples{padding:35px 0 120px}.ab-player{border-top:1px solid rgba(217,179,106,.28);padding:52px 0 62px}.ab-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.ab-head h2,.more-examples h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,5vw,64px);font-weight:400;margin:5px 0 0}.mode-switch,.source-switch{display:flex;border:1px solid rgba(255,255,255,.14);padding:4px}.mode-switch button,.source-switch button{border:0;background:transparent;color:#8e918d;font:500 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;cursor:pointer}.mode-switch button.active,.source-switch button.active{background:#d9b36a;color:#0a0d0f}.ab-stage{display:grid;grid-template-columns:auto 58px 1fr;align-items:center;gap:24px;padding:28px;background:#0d1214;border:1px solid rgba(255,255,255,.08)}.ab-play{width:58px;height:58px;border-radius:50%;border:1px solid #d9b36a;background:transparent;color:#f0d39a;font-size:18px;cursor:pointer}.timeline-wrap{min-width:0}.waveform{height:70px;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(240,211,154,.75) 3px 5px);mask-image:linear-gradient(to bottom,transparent 5%,#000 30%,#000 70%,transparent 95%);clip-path:polygon(0 45%,3% 25%,7% 57%,11% 18%,16% 70%,21% 34%,26% 62%,31% 20%,36% 74%,41% 30%,46% 57%,51% 15%,56% 68%,61% 26%,66% 64%,71% 21%,76% 73%,81% 33%,86% 58%,91% 24%,96% 66%,100% 43%,100% 57%,96% 45%,91% 71%,86% 42%,81% 67%,76% 30%,71% 79%,66% 38%,61% 74%,56% 32%,51% 85%,46% 43%,41% 70%,36% 26%,31% 80%,26% 38%,21% 66%,16% 30%,11% 82%,7% 43%,3% 75%,0 55%)}.waveform.alt{clip-path:polygon(0 40%,4% 18%,8% 60%,12% 30%,16% 73%,20% 25%,24% 52%,28% 15%,32% 68%,36% 34%,40% 79%,44% 22%,48% 58%,52% 31%,56% 70%,60% 19%,64% 62%,68% 29%,72% 76%,76% 23%,80% 56%,84% 35%,88% 69%,92% 26%,96% 61%,100% 42%,100% 58%,96% 39%,92% 74%,88% 31%,84% 65%,80% 44%,76% 77%,72% 24%,68% 71%,64% 38%,60% 81%,56% 30%,52% 69%,48% 42%,44% 78%,40% 21%,36% 66%,32% 32%,28% 85%,24% 48%,20% 75%,16% 27%,12% 70%,8% 40%,4% 82%,0 60%)}.seek{width:100%;accent-color:#d9b36a}.times{display:flex;justify-content:space-between;color:#727773;font-size:11px;margin-top:4px}.comparison-status{text-align:right;color:#d9b36a;font-size:10px;letter-spacing:.16em;margin:12px 2px 0}.more-examples{border-top:1px solid rgba(255,255,255,.1);padding:58px 0;color:#9fa19d}.more-examples h2{color:#e8e2d8;max-width:720px}.more-examples p:last-child{max-width:600px;line-height:1.65}.main-nav a.active{color:#d9b36a}@media(max-width:720px){.listen-warning{padding:20px 18px;font-size:16px}.listen-warning strong{font-size:18px}.listen-hero{padding:135px 0 55px}.main-nav{display:none}.ab-head{align-items:flex-start;flex-direction:column}.mode-switch{width:100%}.mode-switch button{flex:1;padding:13px 8px}.ab-stage{grid-template-columns:1fr 58px;gap:16px;padding:20px}.source-switch{grid-column:1/3;width:100%}.source-switch button{flex:1}.timeline-wrap{grid-column:1/3}.ab-play{grid-row:2;grid-column:2}.comparison-status{text-align:left}.ab-player{padding:42px 0 50px}}
