.beats-section{z-index:10;max-width:1100px;margin:0 auto;padding:100px 32px 80px;position:relative}.beats-header{text-align:center;max-width:800px;margin:0 auto 60px}.beats-label{color:var(--accent-purple);letter-spacing:.05em;text-transform:uppercase;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:40px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.beats-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#ffffffbf 60%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.2}.beats-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.beats-list{flex-direction:column;gap:12px;max-width:900px;margin:0 auto;padding:0;display:flex}.beat-row{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.beat-row:hover{background:#ffffff0a;border-color:#ffffff14}.beat-row.is-playing{background:#a78bfa14;border-color:#a78bfa33;box-shadow:0 0 30px #a78bfa0d}.beat-left{align-items:center;gap:24px;width:35%;display:flex}.beat-number{width:30px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.beat-row.is-playing .beat-number{color:var(--accent-purple);opacity:.8}.beat-info{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.beat-name{color:var(--text-primary);font-size:16px;font-weight:600}.beat-genre{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff1a;border-radius:20px;padding:2px 8px;font-size:11px;transition:all .3s}.beat-row.is-playing .beat-genre{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa1a;box-shadow:0 0 10px #a78bfa33}.beat-middle{flex:1;justify-content:center;align-items:center;height:48px;padding:0 20px;display:flex}.beat-waveform-container{justify-content:center;align-items:center;gap:4px;width:100%;max-width:200px;height:32px;display:flex}.beat-wave-bar{background:#fff3;border-radius:2px;width:3px;transition:all .3s}.beat-right{justify-content:flex-end;align-items:center;gap:20px;width:120px;display:flex}.beat-duration{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px}.beat-play-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.beat-row.is-playing .beat-play-btn{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;box-shadow:0 0 15px #a78bfa66}.beat-row:hover .beat-play-btn:not(.is-playing *){background:#ffffff1a;border-color:#fff3}@keyframes wave-bounce{0%,to{opacity:.6;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:768px){.beats-section{padding:80px 20px 60px}.beats-list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:16px;margin:0 -20px;padding:0 20px 20px;scroll-padding-left:20px;display:flex;overflow:auto hidden}.beats-list::-webkit-scrollbar{display:none}.beat-row{scroll-snap-align:start;flex-direction:column;flex:0 0 85%;align-items:flex-start;gap:16px;max-width:320px;margin:0}.beat-left{width:100%}.beat-middle{width:100%;margin:8px 0}.beat-right{justify-content:space-between;width:100%}}
.pricing-section{z-index:10;flex-direction:column;align-items:center;gap:48px;max-width:1400px;margin:40px auto;padding:80px 24px;display:flex;position:relative}.pricing-header{text-align:center;max-width:600px}.pricing-title{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#ffffffbf 60%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900}.pricing-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.pricing-toggle-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:16px;padding:6px;display:flex;position:relative}.pricing-toggle-btn{color:var(--text-secondary);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-size:14px;font-weight:600;transition:color .3s;position:relative}.pricing-toggle-btn.active{color:#fff}.pricing-toggle-slider{z-index:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;width:calc(50% - 6px);position:absolute;top:6px;bottom:6px;left:6px;box-shadow:0 0 15px #a78bfa1a}.pricing-save-badge-toggle{color:var(--accent-teal);font-family:var(--font-mono);background:#34d3991a;border:1px solid #34d39933;border-radius:6px;align-items:center;gap:4px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite glow-pulse-teal;display:flex;box-shadow:0 0 15px #34d39926}@keyframes glow-pulse-teal{0%,to{opacity:.8;box-shadow:0 0 10px #34d3991a}50%{opacity:1;box-shadow:0 0 20px #34d3994d}}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;display:grid}.pricing-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;gap:32px;padding:40px;transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s,box-shadow .3s;display:flex;position:relative}.pricing-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.pricing-card.featured{border-color:#a78bfa4d;box-shadow:0 0 40px #a78bfa14}.pricing-card.featured:after{content:"";background:linear-gradient(135deg,var(--accent-purple),transparent,var(--accent-purple));-webkit-mask-composite:xor;opacity:.5;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pricing-badge{background:var(--accent-purple);color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:5;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #a78bfa66}.pricing-card-header{flex-direction:column;gap:12px;display:flex}.pricing-tier-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:700}.pricing-card.featured .pricing-tier-name{color:var(--accent-purple)}.pricing-price-container{align-items:baseline;gap:4px;display:flex}.pricing-price{font-family:var(--font-mono);color:#fff;font-size:42px;font-weight:700}.pricing-period{color:var(--text-tertiary);font-size:16px}.pricing-billing-info{color:var(--text-tertiary);font-size:13px}.pricing-trial-badge{color:#a78bfa;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:8px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.pricing-features{flex-direction:column;gap:16px;display:flex}.pricing-feature-item{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:14px;line-height:1.4;display:flex}.pricing-feature-icon{flex-shrink:0;margin-top:2px}.pricing-feature-icon.check{color:var(--accent-teal)}.pricing-feature-icon.cross{color:#fff3}.pricing-cta{cursor:pointer;border-radius:12px;width:100%;margin-top:auto;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.pricing-cta-free{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a}.pricing-cta-free:hover{background:#ffffff1a;border-color:#fff3}.pricing-cta-primary{background:var(--accent-purple);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #a78bfa33}.pricing-cta-primary:hover{background:#b794ff;transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa4d}.pricing-cta-studio{color:#000;background:#fff;border:1px solid #fff}.pricing-cta-studio:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 8px 30px #fff3}.pricing-mobile-tab-container{display:none}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-section{gap:32px;padding:60px 16px}.pricing-mobile-tab-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:8px;width:100%;max-width:320px;margin:0 auto 8px;padding:6px;display:flex;position:relative}.pricing-mobile-tab-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:100px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .25s}.pricing-mobile-tab-btn.active{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0003}.pricing-mobile-tab-btn.featured-tab.active{color:var(--accent-purple);background:#a78bfa1f;border:1px solid #a78bfa40;box-shadow:0 4px 15px #a78bfa26}.pricing-card{border-radius:20px!important;gap:20px!important;padding:24px 20px!important;display:none!important}.pricing-card.mobile-active{animation:.35s cubic-bezier(.25,.46,.45,.94) pricingCardFade;display:flex!important}@keyframes pricingCardFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.pricing-cta-loading{pointer-events:none;opacity:.7;justify-content:center;align-items:center;display:flex}.pricing-cta-spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite pricing-spin}.pricing-cta-studio .pricing-cta-spinner{border-color:#000 #00000026 #00000026}@keyframes pricing-spin{to{transform:rotate(360deg)}}