/* v1.6: uninterrupted source tape, ordered caption finish, creator's timing. */
.audio-original{position:absolute;inset:0;border:1px solid #7e5633;border-radius:4px;background:#362a20;z-index:2;overflow:hidden;animation:tape-original 7s step-end infinite}
.audio-tape .clip-wave{inset-inline:0;width:100%}
.audio-clip{animation-timing-function:cubic-bezier(.65,0,.35,1)}
.clip-one{animation-name:tape-left}.clip-two{animation-name:tape-center}.clip-three{animation-name:tape-right}
.audio-clip>span{animation:tape-label 7s ease infinite}.cut-blade{animation-name:tape-blade}.cut-flash{animation-name:tape-flash}
@keyframes tape-original{0%{opacity:1}32%{opacity:0}90%,100%{opacity:1}}
@keyframes tape-label{0%,28%,94%,100%{opacity:0}38%,76%{opacity:1}}
@keyframes tape-left{0%,32%,90%,100%{transform:translate(0,0)}48%,74%{transform:translate(-18px,-3px)}}
@keyframes tape-center{0%,32%,90%,100%{transform:translate(0,0)}48%,74%{transform:translate(0,4px)}}
@keyframes tape-right{0%,32%,90%,100%{transform:translate(0,0)}48%,74%{transform:translate(18px,-3px)}}
@keyframes tape-blade{0%,13%{scale:1 0;opacity:0}18%{opacity:1}29%{scale:1 1;opacity:1}36%,100%{scale:1 1;opacity:0}}
@keyframes tape-flash{0%,25%,40%,100%{opacity:0}31%{opacity:.22}}
.feature-visual .visual-captions>b{position:relative;background:transparent;isolation:isolate}
.caption-underline path{animation-name:caption-finish}
@keyframes caption-finish{0%,49%{stroke-dashoffset:100;opacity:1}63%,74%{stroke-dashoffset:0;opacity:1}86%,100%{stroke-dashoffset:-100;opacity:0}}
.hero-provider-note{font-size:12px;line-height:1.75;color:#d9a985;margin-top:18px;max-width:470px}
.provider-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.provider-link{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #655447;border-radius:5px;font-size:11px;color:#dfc4ae;line-height:1.5}.provider-link.recommended{border-color:#a7683e;color:#edaa78;background:#dd713612}.provider-link:hover{color:#ffbd8c;border-color:var(--accent)}.provider-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.provider-link-note{display:block;font-size:10px;line-height:1.8;color:#ad9d8e;margin-top:10px;max-width:390px}
.provider-comparison{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;padding:34px 38px;margin-top:24px;border:1px solid #c9b7a4;border-radius:8px;background:#eee7df}.provider-copy .eyebrow{font-size:10px;line-height:1.65}.provider-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin-top:15px}.provider-copy p{font-size:13px;line-height:1.9;color:#685e54;margin-top:15px}.provider-times{align-self:center;min-width:0}.provider-row{margin-bottom:20px}.provider-row>div{display:flex;justify-content:space-between;gap:14px;font-size:13px;line-height:1.6;color:#77695d}.provider-row.preferred>div{color:#a34b1f}.provider-row strong{font-weight:650}.provider-row span{white-space:nowrap;font-variant-numeric:tabular-nums}.provider-bar{height:5px;display:block;margin-top:9px;background:#c4b5a8;border-radius:4px;width:var(--bar)}.preferred .provider-bar{background:var(--accent)}.provider-times>p{font-size:10px;line-height:1.8;color:#796b5f}.closing-time-note{max-width:620px;margin:20px auto 0;font-size:14px;line-height:1.8;color:#bcb3aa}
@media(max-width:1000px){.provider-comparison{gap:30px;padding:28px}.provider-copy h3{font-size:26px}}
@media(max-width:700px){.provider-comparison{grid-template-columns:1fr;gap:25px;padding:25px}.provider-copy p{font-size:13px}.hero-provider-note{font-size:12px}.provider-link{font-size:12px}.provider-link-note{font-size:11px}.provider-times>p{font-size:11px}.closing-time-note{font-size:13px}.provider-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.audio-original{display:none}.audio-clip>span{opacity:1}.caption-underline path{animation:none!important;stroke-dashoffset:0;opacity:1}}
