.audio-interest-disc { justify-self:center; width:min(30rem,40vw); min-width:0; text-align:center; }
button.audio-disc { display:block; width:100%; border:0; padding:0; cursor:pointer; background:none; color:#161615; isolation:isolate; overflow:hidden; }
button.audio-disc::before { display:none; }
button.audio-disc:disabled { cursor:default; opacity:1; }
button.audio-disc:focus-visible { outline:3px solid var(--signal); outline-offset:8px; }
.audio-disc .audio-platter { position:absolute; inset:0; border-radius:50%; background:repeating-radial-gradient(circle at center,#151515 0 5px,#282828 6px 7px); animation:audio-turn 42s linear infinite; }
.audio-disc .audio-platter::before { content:""; position:absolute; inset:23%; background:#ff5b36; border-radius:50%; }
.audio-disc .audio-record-word { position:absolute; width:50%; left:25%; top:34%; z-index:1; font:800 22px/1.1 var(--sans); letter-spacing:0; color:#fff; text-transform:uppercase; overflow-wrap:anywhere; }
.audio-disc .audio-record-word:last-child { top:auto; bottom:34%; }
.audio-disc .audio-vote-count { position:absolute; display:grid; place-items:center; z-index:3; width:20%; height:20%; left:40%; top:40%; margin:0; border-radius:50%; background:#f3f0e7; color:#161615; font:800 24px/1 var(--sans); letter-spacing:0; font-variant-numeric:tabular-nums; }
.audio-disc .audio-vote-count[data-long] { font-size:16px; }
.audio-vote-caption { margin:1.5rem 0 .35rem; font:600 15px/1.5 var(--sans); color:var(--ink); }
.audio-vote-status { min-height:1.5em; margin:0; font:400 14px/1.5 var(--sans); color:var(--muted); }
.page-hero.dark .audio-vote-caption { color:#f2eee4; }
.page-hero.dark .audio-vote-status { color:#aaa69d; }
.audio-interest .section-title { font-size:48px; line-height:1.08; letter-spacing:0; overflow-wrap:break-word; }
.audio-interest .two-cols>* { min-width:0; }
.audio-interest-form { margin-top:2rem; }
.audio-interest-form label:not(.audio-consent) { display:block; margin-bottom:.5rem; font-weight:700; }
.audio-interest-fields { display:flex; flex-wrap:wrap; gap:12px; }
.audio-interest-fields input { flex:1 1 220px; min-width:0; width:100%; padding:1rem; background:var(--paper); color:var(--ink); border:1px solid var(--muted); border-radius:4px; font:400 18px/1.4 var(--sans); }
.audio-interest-fields .button { white-space:normal; text-align:center; letter-spacing:0; }
.audio-interest-fields input:focus-visible { outline:2px solid var(--signal); outline-offset:2px; }
.audio-consent { display:flex; align-items:flex-start; gap:10px; margin:1rem 0; font:400 15px/1.5 var(--sans); }
.audio-consent input { width:20px; height:20px; flex:0 0 20px; margin-top:2px; accent-color:var(--signal); }
.audio-interest-privacy { font:400 13px/1.6 var(--sans); color:var(--muted); }
.audio-interest-count { font:600 18px/1.5 var(--sans); margin:2rem 0 .5rem; }
.audio-interest-count strong { font-size:30px; font-variant-numeric:tabular-nums; }
.audio-interest progress { display:block; width:100%; height:8px; border:0; background:var(--line); accent-color:var(--signal); }
.audio-interest progress::-webkit-progress-bar { background:var(--line); }
.audio-interest progress::-webkit-progress-value { background:var(--signal); }
.audio-interest progress::-moz-progress-bar { background:var(--signal); }
.audio-interest-status { min-height:3em; font:500 16px/1.5 var(--sans); overflow-wrap:anywhere; }
.audio-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.audio-manage { border-bottom:1px solid var(--line); padding-bottom:2rem; margin-bottom:2rem; }
.audio-manage[hidden],.audio-manage [hidden] { display:none; }
.audio-manage h3 { font-size:24px; line-height:1.3; }
.audio-manage .button { margin:8px 8px 8px 0; white-space:normal; }
@keyframes audio-turn { to { transform:rotate(360deg); } }
@media(max-width:760px) {
  .audio-interest-disc { width:min(25rem,80vw); margin:1rem auto 0; }
  .audio-disc .audio-record-word { font-size:16px; }
  .audio-disc .audio-vote-count { font-size:20px; }
  .audio-interest .section-title { font-size:34px; }
  .audio-interest-fields { flex-direction:column; }
  .audio-interest-fields input { flex:auto; }
  .audio-interest-fields .button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .audio-disc .audio-platter { animation:none; } }

.audio-price { margin:1rem 0 0; font:400 18px/1.5 var(--sans); letter-spacing:0; color:var(--muted); }
.page-hero.dark .audio-price { color:#c8c5bd; }
