.spotify-preview{margin:8px 0 2px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;border:1px solid #47513a;background:#10130f;padding:10px;min-height:116px}
.spotify-preview img{width:96px;height:96px;object-fit:cover}
.media-load{border:1px solid var(--lime);background:var(--lime);color:var(--ink);padding:11px 13px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.media-load:hover,.media-load:focus-visible{background:#e1ff81}
.spotify-preview .media-disclosure,.media-disclosure{font-size:11px;line-height:1.45;color:#cbd0c3;margin:9px 0 0}
.spotify-preview iframe{width:100%;grid-column:1/-1;border:0;border-radius:12px;display:block}
.soundbetter-samples{background:#171a15;border-top:1px solid var(--line)}
.soundbetter-samples .section-intro{margin-bottom:34px}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demo-card{border:1px solid var(--line);background:#0e110d;display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0;overflow:hidden}
.demo-card>img{width:180px;height:100%;min-height:240px;object-fit:cover}
.demo-card>div{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.demo-card .tag{margin:0}.demo-card h3{font-size:clamp(24px,2.2vw,36px)}
.demo-card p:not(.tag){font-size:13px;line-height:1.55;color:var(--muted)}
.demo-player{width:100%;margin-top:auto}.demo-player audio{display:block;width:100%;height:45px}
.demo-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:25px}
.demo-actions a{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--lime);padding-bottom:5px}
@media(max-width:1100px){.demo-grid{grid-template-columns:1fr}}
@media(max-width:640px){.spotify-preview{grid-template-columns:80px minmax(0,1fr)}.spotify-preview img{width:80px;height:80px}.demo-card{grid-template-columns:1fr}.demo-card>img{width:100%;height:180px;min-height:0}.demo-card>div{padding:20px}}