.beats-section{scroll-margin-top:32px;padding:104px 0 112px;overflow:hidden;background:linear-gradient(180deg,rgba(28,21,36,.42),rgba(16,13,19,0))}.beats-heading{align-items:end}.beats-feature{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:330px;overflow:hidden;border:1px solid rgba(226,206,255,.16);border-radius:25px;background:radial-gradient(ellipse at 80% 45%,rgba(111,66,156,.32),transparent 46%),linear-gradient(120deg,#211a29,#151119 68%);box-shadow:0 28px 88px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}.beats-feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 50%,rgba(10,8,12,.08)),radial-gradient(ellipse at center,transparent 40%,rgba(5,4,7,.22))}.beats-feature-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,5vw,64px)}.beats-feature-label{color:#c6a5f1;font-size:9px;letter-spacing:.16em}.beats-feature-copy h3{max-width:560px;margin:19px 0 9px;font-size:clamp(29px,4vw,48px);line-height:1;letter-spacing:-.07em}.beats-feature-copy p{margin:0;color:#b8adbf;font-size:12px;line-height:1.7}.beats-feature-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.beats-play{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--purple);color:#17101c;font-size:14px;cursor:pointer;box-shadow:0 8px 27px rgba(168,121,235,.2);transition:transform .2s,background .2s}.beats-play:hover:not(:disabled){transform:scale(1.06);background:#c5a3f9}.beats-play:disabled{opacity:.45;cursor:not-allowed}.beats-now-playing{min-width:140px;color:#c1b6c7;font-size:10px}.beats-license{margin-left:auto;padding:12px 16px;border:1px solid rgba(242,234,219,.2);border-radius:999px;color:var(--cream);font:9px 'DM Mono',monospace;letter-spacing:.06em;transition:border-color .2s,background .2s}.beats-license:hover{border-color:var(--purple);background:rgba(168,121,235,.1)}.beats-license span{padding-left:8px;color:var(--purple)}.beats-feature-art{position:relative;min-height:280px;display:grid;place-items:center;isolation:isolate}.beats-feature-art:before{content:"";position:absolute;inset:10% 8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(178,121,238,.2),rgba(168,121,235,.06) 45%,transparent 72%);filter:blur(6px)}.beats-art-orbit{position:absolute;width:min(77%,380px);aspect-ratio:1;border:1px solid rgba(203,166,248,.32);border-radius:50%;transform:rotate(-24deg) scaleY(.38);box-shadow:0 0 50px rgba(168,121,235,.1)}.beats-art-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(242,234,219,.12);border-radius:50%;transform:rotate(55deg) scaleY(1.7)}.beats-art-core{display:flex;width:clamp(122px,15vw,190px);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:34%;background:radial-gradient(circle at 34% 27%,#d2b5fc,#9868d1 32%,#432b5d 67%,#151119 100%);box-shadow:inset -18px -20px 42px rgba(3,2,5,.52),0 0 65px rgba(168,121,235,.25);transform:rotate(-8deg)}.beats-art-core span{font-size:clamp(25px,4vw,44px);font-weight:800;letter-spacing:-.12em}.beats-art-core small{margin-top:4px;font:7px 'DM Mono',monospace;letter-spacing:.18em;opacity:.8}.beats-art-code{position:absolute;top:25px;right:29px;color:#baa3ce;font-size:8px}.beats-art-bars{position:absolute;bottom:24px;left:10%;right:10%;height:22px;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.64;pointer-events:none}.beats-art-bars i{width:2px;max-height:100%;height:var(--bar,12px);border-radius:2px;background:linear-gradient(180deg,#f2eadb,#a879eb)}.beats-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:29px 0 16px}.beats-search{display:flex;align-items:center;gap:11px;width:min(440px,100%);height:46px;padding:0 15px;border:1px solid rgba(242,234,219,.13);border-radius:12px;background:rgba(24,20,29,.72);color:#a89bb0}.beats-search:focus-within{border-color:rgba(168,121,235,.65);box-shadow:0 0 0 3px rgba(168,121,235,.09)}.beats-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.beats-search input{width:100%;border:0;outline:0;background:transparent;color:var(--cream);font-size:11px}.beats-search input::placeholder{color:#82788a}.beats-filters{display:flex;align-items:center;gap:7px;overflow:auto;max-width:60%;scrollbar-width:none}.beats-filters::-webkit-scrollbar{display:none}.beat-filter{flex:none;padding:9px 13px;border:1px solid rgba(242,234,219,.12);border-radius:99px;background:rgba(255,255,255,.025);color:#b4a9ba;font-size:9px;cursor:pointer;transition:.2s}.beat-filter:hover,.beat-filter.active{border-color:rgba(168,121,235,.5);background:rgba(168,121,235,.14);color:var(--cream)}.beats-table-wrap{overflow:hidden;border:1px solid rgba(242,234,219,.11);border-radius:18px;background:rgba(22,18,27,.58)}.beats-table-head,.beat-row{display:grid;grid-template-columns:minmax(245px,1.6fr) 74px 100px minmax(115px,.75fr) minmax(138px,.65fr);align-items:center;gap:18px}.beats-table-head{padding:16px 20px;border-bottom:1px solid rgba(242,234,219,.1);color:#8f8399;font-size:8px;letter-spacing:.12em}.beat-row{min-height:82px;padding:11px 20px;border-bottom:1px solid rgba(242,234,219,.075);transition:background .2s}.beat-row:last-child{border-bottom:0}.beat-row:hover{background:rgba(168,121,235,.055)}.beat-main{display:flex;align-items:center;gap:13px;min-width:0}.beat-cover{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;overflow:hidden;border:1px solid rgba(242,234,219,.1);border-radius:11px;background:linear-gradient(145deg,#39284c,#17131c);color:#d2b5fc}.beat-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.beat-cover span{font-size:11px;font-weight:800;letter-spacing:-.08em}.beat-mini-play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:rgba(12,9,15,.45);color:#fff;font-size:12px;opacity:0;cursor:pointer;transition:opacity .18s}.beat-cover:hover .beat-mini-play,.beat-mini-play:focus-visible{opacity:1}.beat-title{min-width:0}.beat-title strong{display:block;overflow:hidden;color:#f1eaf4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.beat-title small{display:block;margin-top:5px;color:#91879a;font-size:9px}.beat-time,.beat-bpm{color:#d6cbdc;font:10px 'DM Mono',monospace}.beat-genre{display:flex;gap:5px;flex-wrap:wrap}.beat-tag{padding:6px 9px;border-radius:99px;background:rgba(168,121,235,.12);color:#c4a3eb;font-size:8px;white-space:nowrap}.beat-buy{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(168,121,235,.36);border-radius:10px;background:rgba(168,121,235,.11);color:#eadcf9;font:9px 'DM Mono',monospace;white-space:nowrap;transition:background .2s,border-color .2s}.beat-buy:hover{border-color:var(--purple);background:rgba(168,121,235,.22)}.beat-buy-price{color:var(--cream);font-weight:600}.beats-empty{display:flex;min-height:166px;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.beats-empty-mark{color:rgba(168,121,235,.55);font-size:20px;font-weight:800;letter-spacing:-.1em}.beats-empty p{margin:10px 0 0;color:#a49aaa;font-size:11px}.beats-empty small{margin-top:7px;color:#746b7c;font-size:9px}.beat-wave{display:flex;align-items:center;gap:2px;height:18px;margin-top:8px;opacity:.8}.beat-wave i{width:2px;height:var(--w);max-height:100%;border-radius:2px;background:#ae82ec}.beat-row.is-playing .beat-title strong{color:#c7a4f3}.beat-row.is-playing .beat-mini-play{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.beats-feature{grid-template-columns:1.15fr .85fr}.beats-table-head,.beat-row{grid-template-columns:minmax(210px,1.5fr) 64px 85px minmax(95px,.75fr) minmax(122px,.65fr);gap:11px;padding-left:14px;padding-right:14px}.beat-cover{width:48px;height:48px}.beats-table-head{font-size:7px}}
@media(max-width:650px){.beats-section{padding:78px 0 84px}.beats-feature{grid-template-columns:1fr;min-height:0}.beats-feature-copy{padding:27px 22px 8px}.beats-feature-copy h3{font-size:34px}.beats-feature-art{min-height:208px}.beats-art-core{width:118px}.beats-license{margin-left:0}.beats-toolbar{align-items:stretch;flex-direction:column}.beats-search{width:100%}.beats-filters{max-width:100%}.beats-table-head{display:none}.beats-table-wrap{border-radius:15px}.beat-row{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 12px;min-height:76px}.beat-main{grid-column:1;grid-row:1 / span 2}.beat-cover{width:51px;height:51px}.beat-time{display:none}.beat-bpm{grid-column:2;grid-row:1;justify-self:end;font-size:8px}.beat-genre{grid-column:2;grid-row:2;justify-content:flex-end;max-width:145px}.beat-tag{padding:5px 7px;font-size:7px}.beat-buy{grid-column:1/-1;justify-self:stretch;justify-content:space-between;margin:5px 0 0 64px;padding:9px 10px}.beat-title strong{font-size:11px}.beat-row{grid-template-columns:minmax(0,1fr) auto}.beat-row .beat-buy{position:absolute;right:12px;bottom:11px;max-width:132px}.beat-bpm{align-self:start}.beat-genre{align-self:center;margin-bottom:8px}.beats-empty{min-height:145px}}
@media(max-width:380px){.beats-feature-actions{gap:10px}.beats-now-playing{min-width:0;flex:1}.beats-feature-copy h3{font-size:29px}.beat-cover{width:44px;height:44px}.beat-main{gap:9px}.beat-title strong{max-width:140px}.beat-row .beat-buy{max-width:115px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.beats-feature,.beat-row,.beat-buy,.beats-play,.beat-filter{transition:none}}
.beats-feature-art{background-image:linear-gradient(145deg,rgba(14,10,18,.08),rgba(14,10,18,.55)),var(--beat-cover,none),radial-gradient(ellipse at 50% 50%,rgba(109,71,143,.28),transparent 67%);background-position:center;background-size:cover;background-repeat:no-repeat}
.beat-row:hover{background:linear-gradient(90deg,rgba(168,121,235,.09),rgba(255,255,255,.018))}.beat-cover{box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.2)}.beat-cover[data-genre="R&B Trap"]{background:radial-gradient(circle at 70% 28%,rgba(198,158,246,.58),transparent 32%),linear-gradient(145deg,#513268,#19131f 76%)}.beat-cover[data-genre="Dembow"]{background:radial-gradient(circle at 30% 72%,rgba(239,208,166,.42),transparent 36%),linear-gradient(145deg,#654a43,#21151d 78%)}.beat-cover[data-genre="Funk"]{background:radial-gradient(circle at 68% 28%,rgba(221,182,119,.46),transparent 34%),linear-gradient(145deg,#5b4431,#1c151a 78%)}.beat-cover[data-genre="Detroit"]{background:radial-gradient(circle at 30% 34%,rgba(166,133,217,.5),transparent 34%),linear-gradient(145deg,#3e3351,#15121a 78%)}.beat-cover[data-genre="Urbano"]{background:radial-gradient(circle at 66% 65%,rgba(184,124,204,.48),transparent 34%),linear-gradient(145deg,#53334f,#19131d 78%)}.beat-cover[data-genre="Hoodtrap"]{background:radial-gradient(circle at 70% 30%,rgba(160,150,189,.42),transparent 32%),linear-gradient(145deg,#3b3748,#121116 78%)}.beat-cover[data-genre="Trap"]{background:radial-gradient(circle at 68% 30%,rgba(173,131,244,.52),transparent 34%),linear-gradient(145deg,#47305d,#141118 78%)}.beat-cover[data-genre="New Jazz"]{background:radial-gradient(circle at 35% 35%,rgba(189,164,208,.44),transparent 34%),linear-gradient(145deg,#42394a,#17131a 78%)}
/* Layout refinements for touch screens */
@media(max-width:650px){
  .beats-feature{border-radius:20px}
  .beats-feature-copy{padding:26px 20px 8px}
  .beats-feature-copy h3{font-size:clamp(29px,8vw,36px);overflow-wrap:anywhere}
  .beats-feature-actions{width:100%;gap:11px}
  .beats-license{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 15px;margin-left:0}
  .beats-toolbar{gap:14px;margin-top:23px}
  .beats-filters{width:calc(100% + 2px);padding:2px 1px 7px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .beat-filter{min-height:38px;padding:9px 13px}
  .beats-table-wrap{overflow:visible;border:0;background:transparent}
  .beat-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;margin-bottom:10px;padding:14px;border:1px solid rgba(242,234,219,.11);border-radius:15px;background:rgba(22,18,27,.72);box-shadow:0 8px 24px rgba(0,0,0,.14)}
  .beat-row:last-child{border-bottom:1px solid rgba(242,234,219,.11)}
  .beat-main{grid-column:1;grid-row:1;min-width:0}
  .beat-title strong{max-width:100%;font-size:11px}
  .beat-bpm{grid-column:2;grid-row:1;align-self:start;justify-self:end;max-width:102px;text-align:right;line-height:1.45;font-size:8px}
  .beat-genre{grid-column:1/-1;grid-row:2;justify-content:flex-start;margin:1px 0 0 62px;max-width:none}
  .beat-buy,.beat-row .beat-buy{position:static;grid-column:1/-1;grid-row:3;display:flex;width:100%;max-width:none;min-height:43px;justify-self:stretch;justify-content:space-between;margin:3px 0 0;padding:10px 12px;border-radius:11px;font-size:9px}
  .beat-cover{width:50px;height:50px}
  .beat-mini-play{opacity:.82}
}
@media(max-width:380px){
  .beats-section{padding:70px 0 76px}
  .beats-feature-copy{padding-right:17px;padding-left:17px}
  .beats-feature-actions{gap:9px}
  .beats-now-playing{font-size:9px}
  .beat-row{padding:12px;gap:9px}
  .beat-main{gap:9px}
  .beat-title strong{max-width:calc(100vw - 160px);font-size:10px}
  .beat-genre{margin-left:53px}
  .beat-buy,.beat-row .beat-buy{min-height:42px}
}