@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";@keyframes border-trace{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes plasma-pulse{0%,to{box-shadow:0 0 20px #ff323266,0 0 40px #ff323233,0 0 60px #ff32321a,inset 0 0 20px #ff32321a}50%{box-shadow:0 0 30px #ff323299,0 0 60px #ff323266,0 0 90px #ff323233,inset 0 0 30px #ff323233}}@keyframes orbit{0%{transform:rotate(0) translate(70px) rotate(0)}to{transform:rotate(360deg) translate(70px) rotate(-360deg)}}@keyframes orbit-reverse{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(-360deg) translate(80px) rotate(360deg)}}:root{--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #141414;--color-text: #ffffff;--color-text-secondary: #999999;--color-text-tertiary: #666666;--color-border: #1a1a1a;--color-border-hover: #2a2a2a;--color-accent: #00ff88;--color-accent-hover: #00dd77;--color-accent-secondary: #ff0066;--gradient-warm: linear-gradient(135deg, #ff6b35 0%, #ff8c42 50%, #ffa600 100%);--gradient-sonic: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-bass: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--gradient-neon: linear-gradient(135deg, #00f5d4 0%, #7209b7 50%, #f72585 100%);--gradient-primary: linear-gradient(135deg, #00ff88 0%, #00dd77 100%);--gradient-secondary: linear-gradient(135deg, #ff0066 0%, #cc0052 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15)}@font-face{font-family:Geist;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text)}h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:600;letter-spacing:-.03em}h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:600}h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}p{color:var(--color-text-secondary);font-size:1.125rem;max-width:600px}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#000000e6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:1.25rem;font-weight:400;color:var(--color-text)}.trndfy-logo{display:flex;align-items:center}.trndfy-logo-svg{height:24px;width:auto}.footer-brand .trndfy-logo-svg{height:20px}.logo-icon{width:28px;height:28px;background:var(--gradient-neon);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav-links{display:flex;gap:var(--space-lg);list-style:none}.nav-link{font-size:.875rem;color:var(--color-text-secondary);transition:color .2s ease}.nav-link:hover{color:var(--color-text)}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-icon{width:20px;height:20px}.hero{position:relative;padding-top:calc(64px + var(--space-4xl));padding-bottom:var(--space-4xl);text-align:center;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 var(--space-lg)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem;margin-bottom:var(--space-xl)}.hero-badge-new{padding:2px 8px;background:var(--gradient-neon);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff}.hero h1{margin-bottom:var(--space-lg)}.hero h1 em{font-style:italic;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);margin:0 auto var(--space-2xl);max-width:600px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.hero-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;height:600px;z-index:1;opacity:.7;pointer-events:none}.wave-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wave-line{position:absolute;width:100%;height:2px;background:var(--gradient-neon);opacity:.3;transform-origin:center}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:80px 80px;opacity:.5;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black,transparent)}.packs-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{margin:0 auto}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.pack-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer}.pack-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pack-artwork{position:relative;aspect-ratio:1;background:var(--gradient-sonic);display:flex;align-items:center;justify-content:center;overflow:hidden}.pack-artwork.warm{background:var(--gradient-warm)}.pack-artwork.neon{background:var(--gradient-neon)}.pack-artwork.bass{background:var(--gradient-bass)}.pack-artwork-icon{font-size:4rem;opacity:.8}.pack-waveform{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 20px}.wave-bar{width:4px;background:#fffc;border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(1){height:20px;animation-delay:0s}.wave-bar:nth-child(2){height:35px;animation-delay:.1s}.wave-bar:nth-child(3){height:25px;animation-delay:.2s}.wave-bar:nth-child(4){height:45px;animation-delay:.3s}.wave-bar:nth-child(5){height:30px;animation-delay:.4s}.wave-bar:nth-child(6){height:50px;animation-delay:.5s}.wave-bar:nth-child(7){height:35px;animation-delay:.6s}.wave-bar:nth-child(8){height:40px;animation-delay:.7s}.wave-bar:nth-child(9){height:25px;animation-delay:.8s}.wave-bar:nth-child(10){height:30px;animation-delay:.9s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.pack-card:hover .wave-bar{animation-play-state:running}.pack-info{padding:var(--space-lg)}.pack-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.pack-title{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:var(--space-sm)}.pack-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5}.pack-meta{display:flex;align-items:center;justify-content:space-between}.pack-stats{display:flex;gap:var(--space-md);font-size:.75rem;color:var(--color-text-tertiary)}.pack-price{font-size:1.125rem;font-weight:600;color:var(--color-text)}.features-section{padding:var(--space-4xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.feature-card{padding:var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.feature-card:hover{border-color:var(--color-border-hover)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:1.5rem}.feature-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.cta-section{padding:var(--space-4xl) 0;text-align:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.cta-content{max-width:600px;margin:0 auto;padding:0 var(--space-lg)}.cta-content h2{margin-bottom:var(--space-md)}.cta-content p{margin:0 auto var(--space-xl)}.footer{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2xl);max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.footer-brand{max-width:280px}.footer-brand .logo{margin-bottom:var(--space-md)}.footer-brand p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.footer-links{display:flex;gap:var(--space-3xl)}.footer-column h4{font-family:var(--font-sans);font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-column a{font-size:.875rem;color:var(--color-text-secondary)}.footer-column a:hover{color:var(--color-text)}.footer-bottom{max-width:1200px;margin:var(--space-2xl) auto 0;padding:var(--space-lg) var(--space-lg) 0;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-tertiary)}.footer-legal-links a{color:var(--color-text-tertiary);text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:var(--color-text)}.mobile-menu-toggle{display:none;width:44px;height:44px;background:transparent;border:none;color:#fff;cursor:pointer;align-items:center;justify-content:center;z-index:1002}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:999}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.header-inner{position:relative}.nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#0a0a0a;flex-direction:column;padding:80px 2rem 2rem;z-index:1001;transition:right .3s ease;box-shadow:-4px 0 20px #00000080;overflow-y:auto}.nav.mobile-open{right:0}.nav-links{display:flex;flex-direction:column;gap:0;width:100%}.nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.nav-link{display:block;padding:1rem 0;font-size:1.1rem;color:#fff}.nav-link:hover{color:#ff3232}.nav-actions{flex-direction:column;width:100%;margin-top:2rem;gap:.75rem}.nav-actions .btn{width:100%;justify-content:center}.nav-actions .cart-btn{order:-1}.user-menu{flex-direction:column;gap:.75rem;width:100%}.user-email{display:block;text-align:center;padding:.5rem;background:#ffffff0d;border-radius:6px}.hero{padding-top:calc(64px + var(--space-2xl));padding-bottom:var(--space-2xl)}.hero-actions{flex-direction:column;align-items:center}.footer-links{flex-wrap:wrap;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.play-button{position:absolute;width:64px;height:64px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;box-shadow:var(--shadow-lg)}.pack-card:hover .play-button{opacity:1}.play-button:before{content:"";width:0;height:0;border-left:20px solid var(--color-text);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.auth-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(64px + var(--space-2xl)) var(--space-lg) var(--space-2xl);background:var(--color-bg)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-header h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:var(--space-sm)}.auth-header p{color:var(--color-text-secondary);font-size:1rem;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:1rem;color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;outline:none}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:focus{border-color:var(--color-text);box-shadow:0 0 0 3px #0000000d}.form-hint{font-size:.75rem;color:var(--color-text-tertiary)}.btn-full{width:100%}.btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.spinner{width:18px;height:18px;animation:spin 1s linear infinite}.auth-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem}.auth-success{text-align:center;padding:var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.auth-success .success-icon{color:#22c55e;margin-bottom:var(--space-md)}.auth-success h2{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-sm)}.auth-success p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.auth-success strong{color:var(--color-text)}.auth-footer{text-align:center;margin-top:var(--space-lg)}.auth-footer p{font-size:.875rem;color:var(--color-text-secondary);margin:0 auto}.auth-footer a{color:var(--color-text);font-weight:500;text-decoration:underline;text-underline-offset:2px}.auth-footer a:hover{color:var(--color-text-secondary)}.auth-terms{font-size:.75rem;color:var(--color-text-tertiary);text-align:center;margin:0}.auth-terms a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-social{display:flex;gap:var(--space-md)}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn-social svg{flex-shrink:0}button:disabled{opacity:.6;cursor:not-allowed}button:disabled:hover{transform:none}.user-menu{display:flex;align-items:center;gap:var(--space-md)}.user-email{font-size:.875rem;color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.user-email{display:none}}.articles-hero{position:relative;padding:calc(64px + var(--space-4xl)) var(--space-lg) var(--space-3xl);text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%);overflow:hidden}.articles-hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.articles-label{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--gradient-neon);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:var(--space-lg)}.articles-hero h1{font-family:var(--font-serif);font-size:clamp(3rem,8vw,5rem);margin-bottom:var(--space-md)}.articles-hero h1 em{font-style:italic;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-hero p{font-size:1.25rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto}.articles-hero-decoration{position:absolute;inset:0;pointer-events:none}.floating-note{position:absolute;font-size:4rem;opacity:.1;animation:float 6s ease-in-out infinite}.note-1{top:20%;left:10%;animation-delay:0s}.note-2{top:40%;right:15%;animation-delay:2s;font-size:3rem}.note-3{bottom:20%;left:20%;animation-delay:4s;font-size:5rem}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);gap:var(--space-md)}.loading-pulse{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin 1s linear infinite}.featured-article{max-width:1400px;margin:0 auto;padding:0 var(--space-lg) var(--space-3xl)}.featured-link{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-2xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit}.featured-link:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.featured-link:hover .featured-image{transform:scale(1.05)}.featured-image-container{position:relative;aspect-ratio:16/10;overflow:hidden}.featured-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.featured-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,transparent 50%)}.featured-badge{position:absolute;top:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--color-text);color:var(--color-bg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.featured-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl)}.featured-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.article-category{font-size:.875rem;font-weight:600;color:#7209b7}.article-dot{color:var(--color-text-tertiary)}.article-read-time{font-size:.875rem;color:var(--color-text-tertiary)}.featured-title{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2;margin-bottom:var(--space-md)}.featured-excerpt{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.featured-author{display:flex;align-items:center;gap:var(--space-md)}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:.875rem}.article-date{font-size:.75rem;color:var(--color-text-tertiary)}@media(max-width:900px){.featured-link{grid-template-columns:1fr}.featured-content{padding:var(--space-lg)}}.articles-grid-section{max-width:1400px;margin:0 auto;padding:0 var(--space-lg) var(--space-4xl)}.articles-grid-two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.article-card-horizontal{display:flex;flex-direction:row;gap:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;padding:var(--space-lg)}.article-card-horizontal:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #00ff881a;transform:translateY(-2px)}.article-image-wrapper{flex-shrink:0;width:200px;height:200px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary)}.article-image-horizontal{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card-horizontal:hover .article-image-horizontal{transform:scale(1.05)}.article-content-horizontal{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.article-title-horizontal{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.3;margin:0}.article-badge{display:inline-block;padding:4px 12px;background:#3b82f626;color:#60a5fa;border-radius:4px;font-size:.875rem;font-weight:500;width:fit-content}.article-excerpt-horizontal{color:var(--color-text-secondary);line-height:1.6;font-size:.9375rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-large{grid-column:span 2}.article-image-container{position:relative;aspect-ratio:16/9;overflow:hidden}.article-card-large .article-image-container{aspect-ratio:2/1}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 100%)}.article-category-tag{position:absolute;bottom:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-sm);background:#fffffff2;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--color-text)}.article-content{flex:1;display:flex;flex-direction:column;padding:var(--space-lg)}.article-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.75rem;color:var(--color-text-tertiary)}.article-title{font-family:var(--font-serif);font-size:1.25rem;line-height:1.3;margin-bottom:var(--space-sm)}.article-card-large .article-title{font-size:1.5rem}.article-excerpt{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-md);flex:1}.article-author{display:flex;align-items:center;gap:var(--space-sm);margin-top:auto}.author-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.author-name-small{font-size:.8125rem;font-weight:500}.article-hover-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--gradient-neon);transition:width .3s ease}@media(max-width:1024px){.articles-grid-two-column{grid-template-columns:1fr;gap:var(--space-lg)}}@media(max-width:768px){.article-card-horizontal{flex-direction:column;padding:0}.article-image-wrapper{width:100%;height:200px}.article-content-horizontal{padding:var(--space-lg)}.article-title-horizontal{font-size:1.25rem}}.articles-newsletter{background:var(--color-text);padding:var(--space-4xl) var(--space-lg);margin-top:var(--space-2xl)}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-icon{font-size:3rem;margin-bottom:var(--space-md)}.newsletter-content h2{font-family:var(--font-serif);color:var(--color-bg);margin-bottom:var(--space-sm)}.newsletter-content p{color:var(--color-text-tertiary);margin:0 auto var(--space-xl)}.newsletter-form{display:flex;gap:var(--space-sm);max-width:400px;margin:0 auto}.newsletter-input{flex:1;padding:var(--space-sm) var(--space-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-bg);font-size:1rem}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;border-color:#ffffff80}.newsletter-form .btn-primary{background:var(--color-bg);color:var(--color-text)}.newsletter-form .btn-primary:hover{background:var(--color-bg-secondary)}@media(max-width:500px){.newsletter-form{flex-direction:column}}.article-loading,.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-4xl);text-align:center;gap:var(--space-md)}.article-error h1{font-family:var(--font-serif);font-size:2rem}.article-error p{margin-bottom:var(--space-lg)}.article-detail{max-width:900px;margin:0 auto;padding:calc(64px + var(--space-2xl)) var(--space-lg) var(--space-4xl)}.article-header{margin-bottom:var(--space-2xl)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);transition:color .2s ease}.back-link:hover{color:var(--color-text)}.article-header-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:.875rem}.article-category-badge{padding:var(--space-xs) var(--space-sm);background:var(--gradient-neon);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.article-detail-title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin-bottom:var(--space-lg)}.article-detail-excerpt{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.article-detail-author{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.author-avatar-large{width:64px;height:64px;border-radius:50%;object-fit:cover}.author-details{display:flex;flex-direction:column;gap:var(--space-xs)}.author-name-large{font-weight:600;font-size:1rem}.article-date-large{font-size:.875rem;color:var(--color-text-tertiary)}.article-cover{margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);overflow:hidden}.article-cover-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-body{font-size:1.125rem;line-height:1.8;color:var(--color-text)}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-serif);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.article-body h1{font-size:2rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.article-body p{margin-bottom:var(--space-md);color:var(--color-text);max-width:none}.article-body strong{font-weight:600;color:var(--color-text)}.article-body em{font-style:italic}.article-body code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.article-body pre{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-text);border-radius:var(--radius-lg);overflow-x:auto}.article-body pre code{background:none;border:none;padding:0;color:var(--color-bg);font-size:.875rem;line-height:1.6}.article-body ul,.article-body ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.article-body li{margin-bottom:var(--space-sm)}.article-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) 0;margin-top:var(--space-2xl);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-lg)}.article-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-text-secondary)}.article-share{display:flex;align-items:center;gap:var(--space-md)}.article-share span{font-size:.875rem;color:var(--color-text-secondary)}.share-buttons{display:flex;gap:var(--space-sm)}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.share-btn:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.read-more-section{text-align:center;padding:var(--space-3xl);background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-top:var(--space-2xl)}.read-more-section h3{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:var(--space-sm)}.read-more-section p{color:var(--color-text-secondary);margin:0 auto var(--space-lg)}.promo-banner{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem 1.5rem;text-align:center;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:1001}.promo-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.promo-content strong{font-weight:600}.promo-cta{color:#fff;text-decoration:none;font-weight:500;padding:.35rem 1rem;background:#fff3;border-radius:var(--radius-full);transition:all .2s}.promo-cta:hover{background:#ffffff4d;transform:translateY(-1px)}.promo-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;opacity:.7;padding:.25rem .5rem;transition:opacity .2s}.promo-close:hover{opacity:1}.sticky-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.category-tabs{width:100%;margin:2rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs-container{display:flex;gap:.5rem;padding:.5rem;min-width:min-content}.category-tab{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);padding:.625rem 1.25rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--font-sans)}.category-tab:hover{background:#ffffff0d;border-color:#fff3;color:var(--color-text)}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.packs-count{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin:1rem 0 2rem}.audio-player{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;z-index:10}.play-button-control{width:48px;height:48px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 4px 12px #0003}.play-button-control:hover{transform:scale(1.1);background:#fff}.play-button-control svg{width:20px;height:20px;color:#0a0a0a}.audio-progress{flex:1;height:4px;background:#ffffff4d;border-radius:var(--radius-full);overflow:hidden}.audio-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:var(--radius-full);transition:width .1s linear}.pack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pack-producer{font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.royalty-badge{position:absolute;top:1rem;right:1rem;background:#000c;backdrop-filter:blur(4px);color:#fff;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.5px;z-index:5}.pack-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.pack-stats svg{vertical-align:middle;margin-right:.25rem;opacity:.7}.btn-small{padding:.5rem 1rem;font-size:.85rem}.hero-stats{display:flex;gap:3rem;margin-top:3rem;justify-content:center}.stat strong{display:block;font-size:2rem;font-family:var(--font-serif);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat span{font-size:.9rem;color:var(--color-text-secondary)}.hero-title{font-size:clamp(2rem,6vw,3.5rem);line-height:1.2;margin-bottom:1.5rem;font-weight:600;letter-spacing:-.02em}.testimonials-section{padding:var(--space-4xl) var(--space-xl);max-width:1200px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:#1116;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:2rem;transition:all .3s}.testimonial-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:var(--shadow-lg)}.testimonial-quote{font-size:1.1rem;font-style:italic;color:var(--color-text);margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{font-weight:600;color:var(--color-text)}.testimonial-author span{font-size:.85rem;color:var(--color-text-secondary)}.cta-note{margin-top:1.5rem;font-size:.9rem;color:var(--color-text-secondary)}@media(max-width:768px){.promo-banner{font-size:.8rem;padding:.75rem 1rem}.promo-content{flex-direction:column;gap:.5rem}.category-tabs{margin:1rem -1rem;padding:0 1rem}.hero-stats{gap:1.5rem;flex-wrap:wrap}.stat strong{font-size:1.5rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.pack-footer{flex-direction:column;gap:1rem;align-items:flex-start}.pack-footer .btn-small{width:100%}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000,#0a0a0a);overflow:hidden;padding-top:64px}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px;padding:var(--space-4xl) var(--space-xl)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.15;margin-bottom:2rem;letter-spacing:-.02em;text-transform:none}.hero-title em{font-style:normal;background:linear-gradient(135deg,#0da,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:700}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);margin-bottom:2rem;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px)}.hero-badge-new{background:var(--color-accent);color:#000;padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin:0 auto 3rem;max-width:700px;line-height:1.7;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.btn:hover:before{transform:translate(100%)}.btn-primary{background:transparent;border:2px solid #ff3232;color:#ff3232;font-weight:700;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:visible;animation:plasma-pulse 2s ease-in-out infinite;transition:all .3s ease}.btn-primary:before,.btn-primary:after{content:"";position:absolute;width:8px;height:8px;background:#ff3232;border-radius:50%;box-shadow:0 0 10px #ff3232,0 0 20px #ff3232;pointer-events:none}.btn-primary:before{animation:orbit 3s linear infinite}.btn-primary:after{animation:orbit-reverse 4s linear infinite;background:#f66}.btn-primary:hover{background:#ff323226;color:#fff;transform:scale(1.05);border-color:#f55}.btn-primary:hover:before,.btn-primary:hover:after{animation-duration:1s}.btn-secondary{background:transparent;color:#ff3232;font-weight:600;letter-spacing:.5px;position:relative;border:none;padding:calc(.75rem + 2px) calc(1.5rem + 2px);transition:all .3s ease}.btn-secondary:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,transparent 0%,#ff3232 25%,#ff6666 50%,#ff3232 75%,transparent 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-trace 3s linear infinite}.btn-secondary:hover{color:#fff;text-shadow:0 0 10px rgba(255,50,50,.8);transform:translateY(-2px)}.btn-secondary:hover:before{animation-duration:1s}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:3rem;margin-top:4rem;padding:3rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);backdrop-filter:blur(10px)}.stat{text-align:center}.stat strong{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;letter-spacing:-.03em}.stat span{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.pack-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.pack-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,136,.05) 100%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.pack-card:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 20px 40px #00ff881a}.pack-card:hover:before{opacity:1}.pack-artwork{position:relative;aspect-ratio:1;overflow:hidden}.pack-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:700;font-family:var(--font-display)}.pack-title{font-size:1.5rem;font-weight:700;margin:.5rem 0;color:var(--color-text)}.pack-producer{color:var(--color-text-tertiary);font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.promo-banner{background:linear-gradient(135deg,#0f8,#0d7);color:#000}.promo-content strong{font-weight:800;text-transform:uppercase;letter-spacing:.05em}.promo-cta{color:#000;background:#0003;font-weight:700}.promo-cta:hover{background:#0000004d}.promo-close{color:#000;opacity:.8}.category-tab{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.875rem}.category-tab:hover{background:#ffffff0d;border-color:var(--color-accent);color:var(--color-text)}.category-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#000;font-weight:700}.section-header h2{text-align:center;margin-bottom:1rem;text-transform:none;letter-spacing:-.02em;font-weight:600}.section-header p{text-align:center;color:var(--color-text-secondary);margin:0 auto;font-size:1.125rem}.testimonial-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all .4s}.testimonial-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 30px #00ff881a}.testimonial-quote{color:var(--color-text);font-size:1.125rem;line-height:1.8}.cta-section{background:linear-gradient(180deg,transparent 0%,var(--color-bg-secondary) 100%);padding:var(--space-4xl) var(--space-xl);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.cta-content h2{margin-bottom:1.5rem;text-transform:uppercase}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:2.5rem 2rem;border-radius:var(--radius-xl);text-align:center;transition:all .4s}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 30px #00ff881a}.feature-icon{font-size:3rem;margin-bottom:1.5rem;filter:grayscale(1) brightness(1.5)}.feature-title{font-size:1.25rem;margin-bottom:1rem;font-weight:700}.feature-description{color:var(--color-text-secondary);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.delay-1{animation-delay:.2s;opacity:0}.delay-2{animation-delay:.4s;opacity:0}.delay-3{animation-delay:.6s;opacity:0}.delay-4{animation-delay:.8s;opacity:0}.pack-footer .btn-small{background:var(--color-accent);color:#000;font-weight:700;border:none}.pack-footer .btn-small:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px #00ff884d}.royalty-badge{background:#0f83;color:var(--color-accent);border:1px solid var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.sample-library-section{padding:var(--space-4xl) var(--space-xl);max-width:1400px;margin:0 auto;min-height:100vh}.sample-library-header{margin-bottom:2rem}.sample-library-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:left;margin:0;text-transform:none}.sample-category-pills{display:flex;gap:.75rem;margin-bottom:3rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.sample-category-pills::-webkit-scrollbar{display:none}.sample-pill{padding:.75rem 1.5rem;border-radius:var(--radius-full);border:none;background:#ffffff0d;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--font-sans)}.sample-pill:hover{background:#ffffff1a;color:var(--color-text)}.sample-pill.active{background:#6495ed33;color:#6495ed;font-weight:600}.sample-pill.more-pill{color:#6495ed;background:transparent;font-weight:600}.sample-list{display:flex;flex-direction:column;gap:0}.sample-row{display:grid;grid-template-columns:80px 60px 1fr 2fr auto;align-items:center;gap:1.5rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.sample-row:hover{background:#ffffff05}.sample-artwork{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.sample-artwork img{width:100%;height:100%;object-fit:cover}.sample-play-btn{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sample-play-btn:hover{background:#fff3;transform:scale(1.05)}.sample-play-btn svg{width:20px;height:20px}.sample-play-btn.loading{cursor:wait;opacity:.7}.sample-play-btn svg.spin{animation:spin 1s linear infinite}.sample-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sample-filename{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);letter-spacing:-.01em}.sample-pack-name{font-size:.875rem;color:#6495ed;font-weight:500;cursor:pointer;transition:color .2s}.sample-pack-name:hover{color:#7ba5ff}.sample-waveform{display:flex;align-items:center;gap:2px;height:40px;min-width:0;flex:1;overflow:hidden}.waveform-bar{width:2px;background:#ffffff26;border-radius:1px;transition:background .2s;min-height:2px}.sample-row:hover .waveform-bar{background:#ffffff40}.sample-metadata{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-tertiary);white-space:nowrap}.sample-bpm,.sample-key{font-family:var(--font-mono);font-weight:500}@media(max-width:1024px){.sample-row{grid-template-columns:60px 50px 1fr auto;gap:1rem}.sample-waveform{display:none}.sample-artwork{width:60px;height:60px}.sample-play-btn{width:45px;height:45px}}@media(max-width:768px){.sample-library-section{padding:var(--space-2xl) var(--space-md)}.sample-row{grid-template-columns:50px 45px 1fr;gap:.75rem;padding:1rem .5rem}.sample-artwork{width:50px;height:50px}.sample-play-btn{width:40px;height:40px}.sample-metadata{display:none}.sample-filename{font-size:.8rem}.sample-pack-name{font-size:.75rem}.sample-category-pills{gap:.5rem}.sample-pill{padding:.6rem 1.2rem;font-size:.8rem}}.sample-row.loading{opacity:.5;pointer-events:none}.sample-list-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.sample-list-empty h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.sample-list-empty p{font-size:1rem;margin:0 auto}.techno-theme{background:#050505}.hero-techno{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#050505;overflow:hidden;padding-top:64px}.techno-grid{position:absolute;inset:0}.techno-grid-line-h,.techno-grid-line-v{position:absolute;background:#ffffff08}.techno-grid-line-h{left:0;right:0;height:1px}.techno-grid-line-v{top:0;bottom:0;width:1px}.techno-kick-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.techno-kick{position:absolute;border:1px solid rgba(255,50,50,.3);border-radius:50%;animation:techno-kick-pulse .5s ease-out infinite}.techno-kick-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.techno-kick-2{width:350px;height:350px;top:-175px;left:-175px;animation-delay:.1s}.techno-kick-3{width:500px;height:500px;top:-250px;left:-250px;animation-delay:.2s}.techno-kick-center{position:absolute;width:20px;height:20px;background:#ff3232;border-radius:50%;top:-10px;left:-10px;animation:techno-center-pulse .5s ease-out infinite;box-shadow:0 0 30px #ff323280}@keyframes techno-kick-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes techno-center-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.techno-geo{position:absolute;border:1px solid rgba(255,255,255,.1)}.techno-geo-1{width:150px;height:150px;top:15%;right:15%;animation:techno-rotate 20s linear infinite}.techno-geo-2{width:100px;height:100px;bottom:20%;left:10%;animation:techno-rotate 15s linear infinite reverse}.techno-geo-inner{position:absolute;inset:20px;border:1px solid rgba(255,50,50,.2)}@keyframes techno-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.techno-bpm{position:absolute;top:100px;right:40px;text-align:right;z-index:10}.techno-bpm-value{display:block;font-size:4rem;font-weight:700;color:#ff3232;line-height:1;font-family:SF Mono,Fira Code,monospace}.techno-bpm-label{font-size:.8rem;color:#444;letter-spacing:4px}.techno-strobe{position:absolute;inset:0;background:#ffffff08;animation:techno-strobe .5s steps(1) infinite;pointer-events:none}@keyframes techno-strobe{0%,90%{opacity:0}95%{opacity:1}}.hero-techno-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:900px}.techno-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem}.techno-label-line{width:50px;height:1px;background:#fff3}.techno-label-text{color:#666;font-size:.7rem;letter-spacing:6px}.hero-techno-title{margin:0 0 2rem}.hero-techno-top,.hero-techno-mid,.hero-techno-main{display:block;text-transform:uppercase;letter-spacing:8px}.hero-techno-top{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;color:#888}.hero-techno-mid{font-size:clamp(.8rem,2vw,1rem);color:#444;margin:.5rem 0;letter-spacing:10px}.hero-techno-main{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:#fff;text-shadow:0 0 50px rgba(255,50,50,.3)}.techno-divider{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem}.techno-divider-block{width:30px;height:4px;background:#ff3232;animation:techno-block-pulse .5s ease-in-out infinite}.techno-divider-block:nth-child(2){animation-delay:.1s}.techno-divider-block:nth-child(3){animation-delay:.2s}.techno-divider-block:nth-child(4){animation-delay:.3s}.techno-divider-block:nth-child(5){animation-delay:.4s}@keyframes techno-block-pulse{0%,to{opacity:.3}50%{opacity:1}}.techno-tagline{color:#ff3232;font-size:.9rem;letter-spacing:6px;margin-bottom:1.5rem}.hero-techno-description{color:#666;font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.hero-techno-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.techno-btn-primary{display:inline-block;padding:18px 50px;background:transparent;border:1px solid #ff3232;color:#ff3232;text-decoration:none;font-weight:600;font-size:.85rem;letter-spacing:4px;transition:all .3s}.techno-btn-primary:hover{background:#ff3232;color:#000;box-shadow:0 0 40px #ff323266}.techno-btn-secondary{display:inline-block;padding:18px 50px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;text-decoration:none;font-weight:500;font-size:.85rem;letter-spacing:4px;transition:all .3s}.techno-btn-secondary:hover{border-color:#fff6;color:#fff}.techno-footer-info{display:flex;justify-content:center;gap:1rem;color:#333;font-size:.7rem;letter-spacing:3px}.techno-waveform{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:2px;height:80px;padding:0 2rem}.techno-wave-bar{width:3px;height:var(--h, 20px);background:linear-gradient(180deg,#ff3232,#ff323233);animation:techno-wave .5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes techno-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.techno-section{background:#050505}.techno-section .section-header h2{color:#fff}.techno-section .section-header p{color:#666}.techno-card{border-color:#ff32321a!important}.techno-card:hover{border-color:#ff32324d!important;box-shadow:0 10px 40px #ff32321a!important}.techno-cta{background:#0a0a0a!important;border-top:1px solid rgba(255,50,50,.1)}.techno-cta h2{color:#fff}.techno-cta p{color:#888}.techno-theme .sample-pill.active{background:#ff3232;border-color:#ff3232}.techno-theme .sample-pill:hover{border-color:#ff323280}.techno-theme .sample-play-btn:hover{background:#ff32321a;border-color:#ff3232}.techno-theme .sample-play-btn:hover svg path{fill:#ff3232}.techno-theme .waveform-bar{background:linear-gradient(180deg,#ff3232,#ff32324d)}.techno-theme .sample-pack-name{color:#ff3232}@media(max-width:768px){.techno-bpm{top:80px;right:20px}.techno-bpm-value{font-size:2.5rem}.techno-geo{display:none}.hero-techno-actions{flex-direction:column;align-items:center}.techno-btn-primary,.techno-btn-secondary{width:100%;max-width:280px;text-align:center}}.v1-nav-links,.v2-nav-links,.v3-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000e6;padding:12px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.1);z-index:1000;flex-wrap:wrap;justify-content:center}.v1-nav-links p,.v2-nav-links p,.v3-nav-links p{margin:0;color:#666;font-size:.75rem}.v1-nav-links a,.v2-nav-links a,.v3-nav-links a{color:#0f8;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v1-nav-links a:hover,.v2-nav-links a:hover,.v3-nav-links a:hover{background:#00ff8826}.landing-v1{min-height:100vh;background:#0a0a0a;font-family:Inter,-apple-system,sans-serif}.v1-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:4rem 2rem;overflow:hidden}.v1-container{max-width:800px;text-align:center;position:relative;z-index:2}.v1-badge{display:inline-block;padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#888;font-size:.875rem;margin-bottom:2rem;letter-spacing:.5px}.v1-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;color:#fff;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-1px}.v1-highlight{background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v1-description{font-size:1.125rem;color:#999;line-height:1.7;max-width:600px;margin:0 auto 2.5rem}.v1-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.v1-btn-primary{padding:14px 32px;background:#0f8;color:#000;font-weight:600;font-size:.95rem;border-radius:8px;text-decoration:none;transition:all .2s}.v1-btn-primary:hover{background:#0d7;transform:translateY(-2px)}.v1-btn-secondary{padding:14px 32px;background:transparent;color:#fff;font-weight:500;font-size:.95rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;text-decoration:none;transition:all .2s}.v1-btn-secondary:hover{border-color:#fff6;background:#ffffff0d}.v1-trust{display:flex;gap:2rem;justify-content:center;color:#666;font-size:.85rem}.v1-decoration{position:absolute;inset:0;pointer-events:none}.v1-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,255,136,.1)}.v1-circle-1{width:400px;height:400px;top:10%;right:-100px}.v1-circle-2{width:300px;height:300px;bottom:10%;left:-100px}.v1-line{position:absolute;background:linear-gradient(180deg,transparent,rgba(0,255,136,.1),transparent);width:1px}.v1-line-1{height:200px;top:0;left:20%}.v1-line-2{height:250px;bottom:0;right:25%}.v1-stats{display:flex;justify-content:center;gap:4rem;padding:3rem 2rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.v1-stat{text-align:center}.v1-stat-number{display:block;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;color:#fff}.v1-stat-label{color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.v1-trust{flex-direction:column;gap:.5rem}.v1-stats{flex-wrap:wrap;gap:2rem}.v1-stat{flex:1 1 40%}}.landing-v2{min-height:100vh;background:#000;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.v2-hero{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.v2-bg-animation{position:absolute;inset:0;overflow:hidden}.v2-blob{position:absolute;border-radius:50%;filter:blur(80px);animation:v2-float 8s ease-in-out infinite}.v2-blob-1{width:500px;height:500px;background:linear-gradient(135deg,#ff006e,#8338ec);top:-10%;left:-10%;opacity:.4}.v2-blob-2{width:400px;height:400px;background:linear-gradient(135deg,#0f8,#00b4d8);bottom:-10%;right:-10%;opacity:.3;animation-delay:-3s}.v2-blob-3{width:300px;height:300px;background:linear-gradient(135deg,#ffbe0b,#fb5607);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;animation-delay:-5s}@keyframes v2-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.v2-particles{position:absolute;inset:0}.v2-particle{position:absolute;width:4px;height:4px;background:#0f8;border-radius:50%;animation:v2-rise 4s ease-in-out infinite;opacity:0}@keyframes v2-rise{0%{opacity:0;transform:translateY(100vh) scale(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.v2-content{position:relative;z-index:2;text-align:center;max-width:1000px}.v2-badge-wrapper{margin-bottom:2rem}.v2-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#ff006e4d,#8338ec4d);border:1px solid rgba(255,0,110,.5);border-radius:50px;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:2px}.v2-badge-pulse{animation:v2-pulse 2s ease-in-out infinite}@keyframes v2-pulse{0%,to{box-shadow:0 0 #ff006e66}50%{box-shadow:0 0 0 15px #ff006e00}}.v2-fire{font-size:1.2rem;animation:v2-shake .5s ease-in-out infinite}@keyframes v2-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.v2-live-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:v2-blink 1s ease-in-out infinite}@keyframes v2-blink{0%,to{opacity:1}50%{opacity:.3}}.v2-title{display:flex;flex-direction:column;margin:0 0 1.5rem}.v2-word{font-family:Space Grotesk,sans-serif;font-weight:800;line-height:1;letter-spacing:-2px;animation:v2-slide-in .8s ease-out forwards;opacity:0;transform:translateY(30px)}.v2-word-1{font-size:clamp(2rem,8vw,5rem);animation-delay:.1s;color:#fff}.v2-word-2{font-size:clamp(2rem,8vw,5rem);animation-delay:.2s;color:#fff}.v2-word-3{font-size:clamp(1.5rem,4vw,2.5rem);animation-delay:.3s;color:#888}.v2-word-4{font-size:clamp(2.5rem,10vw,6rem);animation-delay:.4s}@keyframes v2-slide-in{to{opacity:1;transform:translateY(0)}}.v2-gradient-text{background:linear-gradient(135deg,#0f8,#00b4d8,#8338ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:v2-gradient-shift 3s linear infinite,v2-slide-in .8s ease-out forwards}@keyframes v2-gradient-shift{0%{background-position:0% center}to{background-position:200% center}}.v2-tagline{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.v2-tag{color:#0f8;font-weight:700;font-size:.85rem;letter-spacing:2px}.v2-divider{color:#333}.v2-description{font-size:1.25rem;color:#aaa;max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.v2-description em{color:#fff;font-style:normal;font-weight:600}.v2-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.v2-btn-primary{display:flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;font-weight:800;font-size:1rem;letter-spacing:1px;border-radius:50px;text-decoration:none;transition:all .3s}.v2-btn-glow{box-shadow:0 0 30px #0f86}.v2-btn-primary:hover{transform:scale(1.05);box-shadow:0 0 50px #0f89}.v2-btn-arrow{font-size:1.3rem;transition:transform .3s}.v2-btn-primary:hover .v2-btn-arrow{transform:translate(5px)}.v2-btn-secondary{display:flex;align-items:center;gap:10px;padding:18px 30px;background:#ffffff1a;color:#fff;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s;border:1px solid rgba(255,255,255,.2)}.v2-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.v2-play-icon{font-size:.8rem}.v2-floating-tags{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.v2-float-tag{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#888;font-size:.8rem;animation:v2-tag-float 3s ease-in-out infinite}@keyframes v2-tag-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.v2-waveform{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:3px;padding:2rem;height:100px}.v2-wave-bar{width:4px;background:linear-gradient(180deg,#0f8,#0f83);border-radius:2px;animation:v2-wave 1s ease-in-out infinite}@keyframes v2-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.landing-v3{min-height:100vh;background:#0a0a0a;font-family:Space Grotesk,sans-serif;overflow:hidden}.v3-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v3-art-bg{position:absolute;inset:0}.v3-svg-art{width:100%;height:100%;position:absolute}.v3-shape{animation:v3-morph 15s ease-in-out infinite}.v3-shape-1{animation-delay:0s}.v3-shape-2{animation-delay:-5s}.v3-shape-3{animation-delay:-10s}.v3-shape-4{animation:v3-path-draw 8s ease-in-out infinite}.v3-shape-5{animation:v3-path-draw 10s ease-in-out infinite reverse}@keyframes v3-morph{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.9)}75%{transform:translate(30px,-30px) scale(1.05)}}@keyframes v3-path-draw{0%,to{stroke-dasharray:0 2000;stroke-dashoffset:0}50%{stroke-dasharray:1000 2000;stroke-dashoffset:-500}}.v3-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.v3-grid{position:absolute;inset:0}.v3-grid-line{position:absolute;background:#ffffff08}.v3-grid-h{left:0;right:0;height:1px}.v3-grid-v{top:0;bottom:0;width:1px}.v3-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:1000px}.v3-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem}.v3-label-line{width:60px;height:1px;background:#ffffff4d}.v3-label-text{color:#666;font-size:.75rem;letter-spacing:4px;text-transform:uppercase}.v3-title{margin:0 0 2rem}.v3-title-line{display:block;font-weight:300;text-transform:uppercase;letter-spacing:8px;color:#fff;animation:v3-fade-in 1s ease-out forwards;opacity:0}.v3-title-line-1{font-size:clamp(1.5rem,5vw,3rem);animation-delay:.2s}.v3-title-line-2{font-size:clamp(1rem,3vw,1.5rem);color:#666;animation-delay:.4s;margin:.5rem 0}.v3-title-line-3{font-size:clamp(2rem,8vw,5rem);font-weight:600;letter-spacing:4px;animation-delay:.6s}.v3-accent{background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes v3-fade-in{to{opacity:1}}.v3-subtitle{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem}.v3-sub-word{font-size:clamp(1rem,3vw,1.5rem);font-weight:200;color:#444;letter-spacing:6px;animation:v3-letter-pop .5s ease-out forwards;opacity:0;transform:translateY(10px)}.v3-sub-word:nth-child(1){animation-delay:.8s}.v3-sub-word:nth-child(2){animation-delay:.85s}.v3-sub-word:nth-child(3){animation-delay:.9s}.v3-sub-word:nth-child(4){animation-delay:.95s}.v3-sub-word:nth-child(5){animation-delay:1s}.v3-sub-word:nth-child(6){animation-delay:1.05s}.v3-sub-word:nth-child(7){animation-delay:1.1s}.v3-sub-word:nth-child(9){animation-delay:1.2s}.v3-sub-word:nth-child(10){animation-delay:1.25s}.v3-sub-word:nth-child(11){animation-delay:1.3s}.v3-sub-word:nth-child(12){animation-delay:1.35s}.v3-sub-space{width:1rem}@keyframes v3-letter-pop{to{opacity:1;transform:translateY(0)}}.v3-manifesto{font-family:Playfair Display,Georgia,serif;font-size:1.125rem;font-style:italic;color:#666;line-height:1.8;margin-bottom:3rem}.v3-cta-area{margin-bottom:4rem}.v3-cta{display:inline-flex;align-items:center;gap:1rem;padding:20px 50px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:4px;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden}.v3-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff006e33,#8338ec33);transform:translate(-100%);transition:transform .4s}.v3-cta:hover:before{transform:translate(0)}.v3-cta:hover{border-color:#ff006e80}.v3-cta-text,.v3-cta-arrow{position:relative;z-index:1}.v3-cta-arrow svg{width:20px;height:20px;transition:transform .3s}.v3-cta:hover .v3-cta-arrow svg{transform:translate(5px)}.v3-corner{position:fixed;font-size:.7rem;letter-spacing:2px;color:#333;text-transform:uppercase}.v3-corner-tl{top:2rem;left:2rem}.v3-corner-tr{top:2rem;right:2rem}.v3-corner-bl{bottom:6rem;left:2rem}.v3-corner-br{bottom:6rem;right:2rem}.v3-marquee{position:absolute;bottom:100px;left:0;right:0;overflow:hidden;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.v3-marquee-track{display:flex;white-space:nowrap;animation:v3-scroll 20s linear infinite}.v3-marquee-track span{font-size:.8rem;letter-spacing:6px;color:#333;text-transform:uppercase}@keyframes v3-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.v3-corner{display:none}.v3-marquee{bottom:80px}}.landing-v4{min-height:100vh;background:#0a0408;font-family:Space Grotesk,sans-serif;overflow:hidden}.v4-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v4-art-bg{position:absolute;inset:0;overflow:hidden}.v4-vinyl{position:absolute;width:500px;height:500px;right:-150px;top:50%;transform:translateY(-50%);border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);box-shadow:0 0 100px #ff00641a;animation:v4-spin 20s linear infinite}@keyframes v4-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.v4-vinyl-grooves{position:absolute;inset:20px;border-radius:50%}.v4-groove{position:absolute;inset:calc(var(--i) * 10px);border:1px solid rgba(255,255,255,.05);border-radius:50%}.v4-vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#f06,#f60);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:2px;color:#fff}.v4-spectrum{position:absolute;bottom:20%;display:flex;gap:4px;align-items:flex-end;height:200px}.v4-spectrum-left{left:5%}.v4-spectrum-right{right:5%}.v4-spectrum-bar{width:8px;height:var(--height, 50%);background:linear-gradient(180deg,#f06,#f60,#fc0);border-radius:4px;animation:v4-eq .8s ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.7}@keyframes v4-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.v4-notes{position:absolute;inset:0;pointer-events:none}.v4-note{position:absolute;font-size:2rem;color:#f066;animation:v4-float 4s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes v4-float{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-30px) rotate(10deg);opacity:.8}}.v4-waveform-svg{position:absolute;bottom:30%;left:0;right:0;height:200px;opacity:.3}.v4-wave-path{stroke:#f06;stroke-width:2;fill:none;animation:v4-wave-move 3s ease-in-out infinite}.v4-wave-path-2{stroke:#f60;animation-delay:-1.5s}@keyframes v4-wave-move{0%,to{d:path("M0,100 Q150,20 300,100 T600,100 T900,100 T1200,100")}50%{d:path("M0,100 Q150,180 300,100 T600,100 T900,100 T1200,100")}}.v4-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:800px}.v4-label{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.v4-headphones{font-size:1.5rem}.v4-label-text{color:#f60;font-size:.8rem;letter-spacing:4px;font-weight:600}.v4-title{margin:0 0 2rem}.v4-title-line{display:block;font-size:clamp(2rem,6vw,4rem);font-weight:600;color:#fff;letter-spacing:2px}.v4-title-sub{display:block;font-size:clamp(1rem,3vw,1.5rem);color:#666;letter-spacing:4px;margin:.5rem 0}.v4-title-accent{display:block;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;background:linear-gradient(135deg,#f06,#f60,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.v4-subtitle{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.v4-eq-bar{width:40px;height:3px;background:linear-gradient(90deg,#f06,#f60)}.v4-subtitle-text{color:#888;font-size:1rem;letter-spacing:6px;font-weight:300}.v4-manifesto{font-size:1.125rem;color:#888;line-height:1.8;margin-bottom:2.5rem;font-style:italic}.v4-cta-area{margin-bottom:2rem}.v4-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#f06,#f60);color:#fff;text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:2px;border-radius:50px;transition:all .3s;box-shadow:0 10px 40px #ff00664d}.v4-cta:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f066}.v4-play-circle{font-size:.8rem}.v4-bottom-eq{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;padding:0 2rem;height:60px;align-items:flex-end}.v4-eq-line{width:3px;height:100%;background:linear-gradient(180deg,#ff0066 0%,transparent 100%);animation:v4-eq-line .6s ease-in-out infinite;animation-delay:var(--delay, 0s);transform-origin:bottom}@keyframes v4-eq-line{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.v4-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000e6;padding:12px 24px;border-radius:50px;border:1px solid rgba(255,0,102,.2);z-index:1000;flex-wrap:wrap;justify-content:center}.v4-nav-links p{margin:0;color:#666;font-size:.75rem}.v4-nav-links a{color:#f60;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v4-nav-links a:hover{background:#ff660026}.landing-v5{min-height:100vh;background:#0a0a0a;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.v5-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v5-art-bg{position:absolute;inset:0;overflow:hidden}.v5-chart-svg{position:absolute;inset:0;width:100%;height:100%}.v5-bar{animation:v5-bar-grow 2s ease-out forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes v5-bar-grow{to{transform:scaleY(1)}}.v5-bar:nth-child(1){animation-delay:.2s}.v5-bar:nth-child(2){animation-delay:.4s}.v5-bar:nth-child(3){animation-delay:.6s}.v5-bar:nth-child(4){animation-delay:.8s}.v5-growth-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:v5-draw-line 3s ease-out forwards}@keyframes v5-draw-line{to{stroke-dashoffset:0}}.v5-diamond{animation:v5-diamond-pulse 3s ease-in-out infinite}.v5-diamond-2{animation-delay:1.5s}@keyframes v5-diamond-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.v5-grid{position:absolute;inset:0}.v5-grid-h,.v5-grid-v{position:absolute;background:#d4af370d}.v5-grid-h{left:0;right:0;height:1px}.v5-grid-v{top:0;bottom:0;width:1px}.v5-corner-accent{position:absolute;width:100px;height:100px;border:1px solid rgba(212,175,55,.2)}.v5-corner-tl{top:40px;left:40px;border-right:none;border-bottom:none}.v5-corner-br{bottom:40px;right:40px;border-left:none;border-top:none}.v5-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:800px}.v5-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:4px;margin-bottom:2rem}.v5-badge-icon{color:#d4af37}.v5-badge-text{color:#d4af37;font-size:.75rem;letter-spacing:2px;font-weight:600}.v5-title{margin:0 0 1.5rem}.v5-title-main{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:#fff;letter-spacing:1px}.v5-title-mid{display:block;font-size:clamp(1rem,2.5vw,1.25rem);color:#666;margin:.5rem 0;letter-spacing:3px;text-transform:uppercase}.v5-title-highlight{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e4bc,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.v5-divider{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.v5-divider-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent)}.v5-divider-text{color:#888;font-size:.85rem;letter-spacing:4px}.v5-description{font-size:1.1rem;color:#999;line-height:1.7;margin-bottom:2rem}.v5-stats-row{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.v5-stat{text-align:center}.v5-stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:#d4af37}.v5-stat-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px}.v5-stat-divider{width:1px;height:40px;background:#ffffff1a}.v5-cta-area{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.v5-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#d4af37,#aa8c2c);color:#000;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:4px;transition:all .3s}.v5-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #d4af374d}.v5-arrow{transition:transform .3s}.v5-cta-primary:hover .v5-arrow{transform:translate(3px)}.v5-cta-secondary{padding:14px 32px;background:transparent;color:#999;text-decoration:none;font-weight:500;border:1px solid rgba(255,255,255,.15);border-radius:4px;transition:all .3s}.v5-cta-secondary:hover{border-color:#d4af374d;color:#d4af37}.v5-trust{display:flex;justify-content:center;gap:1rem;color:#555;font-size:.8rem}.v5-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000e6;padding:12px 24px;border-radius:50px;border:1px solid rgba(212,175,55,.2);z-index:1000;flex-wrap:wrap;justify-content:center}.v5-nav-links p{margin:0;color:#666;font-size:.75rem}.v5-nav-links a{color:#d4af37;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v5-nav-links a:hover{background:#d4af3726}.landing-v6{min-height:100vh;background:#000508;font-family:Space Grotesk,sans-serif;overflow:hidden}.v6-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v6-art-bg{position:absolute;inset:0;overflow:hidden}.v6-circuit-svg{position:absolute;inset:0;width:100%;height:100%}.v6-circuit-path{stroke-width:2;fill:none;stroke-dasharray:10 5;animation:v6-circuit-flow 2s linear infinite}.v6-delay-1{animation-delay:.5s}.v6-delay-2{animation-delay:1s}.v6-delay-3{animation-delay:1.5s}@keyframes v6-circuit-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}.v6-node{filter:drop-shadow(0 0 6px #00ffff)}.v6-node-pulse{animation:v6-pulse 1.5s ease-in-out infinite}@keyframes v6-pulse{0%,to{r:6;opacity:1}50%{r:10;opacity:.5}}.v6-matrix{position:absolute;inset:0;overflow:hidden;opacity:.15}.v6-matrix-col{position:absolute;top:-100%;display:flex;flex-direction:column;animation:v6-matrix-fall var(--duration, 5s) linear infinite;animation-delay:var(--delay, 0s)}.v6-matrix-col span{color:#0ff;font-size:14px;line-height:1.2;font-family:monospace}@keyframes v6-matrix-fall{0%{transform:translateY(0)}to{transform:translateY(200%)}}.v6-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.v6-glitch-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.02) 50%,transparent 100%);animation:v6-glitch-scan 4s ease-in-out infinite}@keyframes v6-glitch-scan{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.v6-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:900px}.v6-terminal-label{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:4px;margin-bottom:2rem;font-family:SF Mono,Fira Code,monospace}.v6-cursor{color:#0ff;animation:v6-blink 1s step-end infinite}@keyframes v6-blink{0%,to{opacity:1}50%{opacity:0}}.v6-typing{color:#0ff;font-size:.8rem;letter-spacing:2px}.v6-title{margin:0 0 1.5rem}.v6-title-glitch{display:block;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:#fff;letter-spacing:2px;position:relative}.v6-title-glitch:before,.v6-title-glitch:after{content:attr(data-text);position:absolute;left:0;right:0;opacity:.8}.v6-title-glitch:before{animation:v6-glitch-1 .3s infinite;color:#ff0040;z-index:-1}.v6-title-glitch:after{animation:v6-glitch-2 .3s infinite;color:#0ff;z-index:-2}@keyframes v6-glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes v6-glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.v6-title-sub{display:block;font-size:clamp(1rem,2.5vw,1.25rem);color:#555;margin:.5rem 0;letter-spacing:4px;text-transform:uppercase}.v6-title-cyber{display:block;font-size:clamp(2.5rem,7vw,5rem);font-weight:700;background:linear-gradient(135deg,#0ff,#0080ff,#8000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;filter:drop-shadow(0 0 20px rgba(0,255,255,.3))}.v6-status-bar{display:inline-flex;align-items:center;gap:12px;padding:10px 24px;background:#00ffff0d;border-left:3px solid #00ffff;margin-bottom:2rem}.v6-status-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:v6-pulse-dot 1s ease-in-out infinite}@keyframes v6-pulse-dot{0%,to{opacity:1;box-shadow:0 0 #0f86}50%{opacity:.6;box-shadow:0 0 0 8px #0f80}}.v6-status-text{color:#888;font-size:.75rem;letter-spacing:3px;font-family:SF Mono,monospace}.v6-description{font-size:1rem;color:#666;line-height:1.8;margin-bottom:2rem}.v6-specs{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem;padding:1.5rem 0;border-top:1px solid rgba(0,255,255,.1);border-bottom:1px solid rgba(0,255,255,.1)}.v6-spec{text-align:center}.v6-spec-value{display:block;font-family:SF Mono,monospace;font-size:1.5rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.v6-spec-label{font-size:.7rem;color:#555;text-transform:uppercase;letter-spacing:2px}.v6-cta-area{margin-bottom:2rem}.v6-cta{display:inline-flex;align-items:center;gap:4px;padding:16px 40px;background:transparent;border:2px solid #00ffff;color:#0ff;text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:3px;transition:all .3s;position:relative;overflow:hidden}.v6-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ff3,#0080ff33);transform:translate(-100%);transition:transform .3s}.v6-cta:hover:before{transform:translate(0)}.v6-cta:hover{box-shadow:0 0 30px #0ff6,inset 0 0 30px #00ffff1a}.v6-cta-bracket{color:#0080ff}.v6-cta-text{position:relative;z-index:1}.v6-footer-text{display:flex;justify-content:center;gap:1rem;color:#333;font-size:.7rem;font-family:SF Mono,monospace;letter-spacing:1px}.v6-data-stream{position:absolute;bottom:60px;left:0;right:0;overflow:hidden;padding:.5rem 0;background:#00ffff05;border-top:1px solid rgba(0,255,255,.1)}.v6-stream-track{display:flex;white-space:nowrap;animation:v6-scroll 30s linear infinite}.v6-stream-track span{font-family:SF Mono,monospace;font-size:.7rem;letter-spacing:2px;color:#0ff;opacity:.4}@keyframes v6-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.v6-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000e6;padding:12px 24px;border-radius:50px;border:1px solid rgba(0,255,255,.2);z-index:1000;flex-wrap:wrap;justify-content:center}.v6-nav-links p{margin:0;color:#666;font-size:.75rem}.v6-nav-links a{color:#0ff;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v6-nav-links a:hover{background:#00ffff26}@media(max-width:768px){.v4-vinyl{width:300px;height:300px;right:-100px}.v4-spectrum{display:none}.v5-stats-row{flex-wrap:wrap;gap:1rem}.v5-stat-divider{display:none}.v6-specs{flex-wrap:wrap;gap:1.5rem}.v6-footer-text{flex-wrap:wrap}}.landing-v7{min-height:100vh;background:#050505;font-family:Space Grotesk,sans-serif;overflow:hidden}.v7-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v7-art-bg{position:absolute;inset:0;overflow:hidden}.v7-industrial-grid{position:absolute;inset:0}.v7-grid-line-h,.v7-grid-line-v{position:absolute;background:#ffffff08}.v7-grid-line-h{left:0;right:0;height:1px}.v7-grid-line-v{top:0;bottom:0;width:1px}.v7-kick-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v7-kick{position:absolute;border:1px solid rgba(255,50,50,.3);border-radius:50%;animation:v7-kick-pulse .5s ease-out infinite}.v7-kick-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.v7-kick-2{width:350px;height:350px;top:-175px;left:-175px;animation-delay:.1s}.v7-kick-3{width:500px;height:500px;top:-250px;left:-250px;animation-delay:.2s}.v7-kick-center{position:absolute;width:20px;height:20px;background:#ff3232;border-radius:50%;top:-10px;left:-10px;animation:v7-center-pulse .5s ease-out infinite;box-shadow:0 0 30px #ff323280}@keyframes v7-kick-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes v7-center-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.v7-geo{position:absolute;border:1px solid rgba(255,255,255,.1)}.v7-geo-1{width:150px;height:150px;top:15%;right:15%;animation:v7-rotate 20s linear infinite}.v7-geo-2{width:100px;height:100px;bottom:20%;left:10%;animation:v7-rotate 15s linear infinite reverse}.v7-geo-inner{position:absolute;inset:20px;border:1px solid rgba(255,50,50,.2)}@keyframes v7-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.v7-strobe{position:absolute;inset:0;background:#ffffff08;animation:v7-strobe .5s steps(1) infinite}@keyframes v7-strobe{0%,90%{opacity:0}95%{opacity:1}}.v7-bpm{position:absolute;top:30px;right:30px;text-align:right}.v7-bpm-value{display:block;font-size:4rem;font-weight:700;color:#ff3232;line-height:1;font-family:SF Mono,monospace}.v7-bpm-label{font-size:.8rem;color:#444;letter-spacing:4px}.v7-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:800px}.v7-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem}.v7-label-line{width:50px;height:1px;background:#fff3}.v7-label-text{color:#666;font-size:.7rem;letter-spacing:6px}.v7-title{margin:0 0 2rem}.v7-title-top,.v7-title-mid,.v7-title-main{display:block;text-transform:uppercase;letter-spacing:8px}.v7-title-top{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;color:#888}.v7-title-mid{font-size:clamp(.8rem,2vw,1rem);color:#444;margin:.5rem 0;letter-spacing:10px}.v7-title-main{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:#fff;text-shadow:0 0 50px rgba(255,50,50,.3)}.v7-divider{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem}.v7-divider-block{width:30px;height:4px;background:#ff3232;animation:v7-block-pulse .5s ease-in-out infinite}.v7-divider-block:nth-child(2){animation-delay:.1s}.v7-divider-block:nth-child(3){animation-delay:.2s}.v7-divider-block:nth-child(4){animation-delay:.3s}.v7-divider-block:nth-child(5){animation-delay:.4s}@keyframes v7-block-pulse{0%,to{opacity:.3}50%{opacity:1}}.v7-tagline{color:#ff3232;font-size:.9rem;letter-spacing:6px;margin-bottom:1.5rem}.v7-description{color:#666;font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.v7-cta-area{margin-bottom:2rem}.v7-cta{display:inline-block;padding:18px 50px;background:transparent;border:1px solid #ff3232;color:#ff3232;text-decoration:none;font-weight:600;font-size:.85rem;letter-spacing:4px;transition:all .3s}.v7-cta:hover{background:#ff3232;color:#000;box-shadow:0 0 40px #ff323266}.v7-footer-info{display:flex;justify-content:center;gap:1rem;color:#333;font-size:.7rem;letter-spacing:3px}.v7-waveform{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:2px;height:80px;padding:0 2rem}.v7-wave-bar{width:3px;height:var(--h, 20px);background:linear-gradient(180deg,#ff3232,#ff323233);animation:v7-wave .5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes v7-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.v7-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000f2;padding:12px 24px;border-radius:50px;border:1px solid rgba(255,50,50,.3);z-index:1000;flex-wrap:wrap;justify-content:center}.v7-nav-links p{margin:0;color:#666;font-size:.75rem}.v7-nav-links a{color:#ff3232;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v7-nav-links a:hover{background:#ff323226}.landing-v8{min-height:100vh;background:linear-gradient(135deg,#1a0a2e,#16213e,#0f0f23);font-family:Space Grotesk,sans-serif;overflow:hidden}.v8-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v8-art-bg{position:absolute;inset:0;overflow:hidden}.v8-waves{position:absolute;bottom:0;left:0;right:0;height:60%}.v8-wave-path{animation:v8-wave-move 4s ease-in-out infinite}.v8-wave-2{animation-delay:-2s}@keyframes v8-wave-move{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}.v8-strings{position:absolute;left:5%;top:20%;bottom:20%;width:60px;display:flex;flex-direction:column;justify-content:space-between}.v8-string{height:4px;background:linear-gradient(90deg,#f7c531,#ff6b35);border-radius:2px;position:relative;opacity:calc(.4 + var(--i) * .2)}.v8-string-vibrate{position:absolute;inset:0;background:inherit;border-radius:inherit;animation:v8-vibrate .1s ease-in-out infinite}.v8-string:nth-child(1) .v8-string-vibrate{animation-delay:0s}.v8-string:nth-child(2) .v8-string-vibrate{animation-delay:.02s}.v8-string:nth-child(3) .v8-string-vibrate{animation-delay:.04s}.v8-string:nth-child(4) .v8-string-vibrate{animation-delay:.06s}@keyframes v8-vibrate{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}.v8-circles{position:absolute;inset:0;pointer-events:none}.v8-circle{position:absolute;border-radius:50%;animation:v8-float 6s ease-in-out infinite}.v8-circle-1{width:200px;height:200px;top:10%;right:10%;background:radial-gradient(circle,rgba(255,107,53,.3) 0%,transparent 70%);animation-delay:0s}.v8-circle-2{width:150px;height:150px;bottom:30%;right:20%;background:radial-gradient(circle,rgba(247,197,49,.3) 0%,transparent 70%);animation-delay:-2s}.v8-circle-3{width:100px;height:100px;top:40%;right:5%;background:radial-gradient(circle,rgba(199,125,255,.3) 0%,transparent 70%);animation-delay:-4s}.v8-circle-4{width:80px;height:80px;bottom:15%;left:15%;background:radial-gradient(circle,rgba(255,107,53,.4) 0%,transparent 70%);animation-delay:-3s}@keyframes v8-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.v8-sunburst{position:absolute;top:50%;right:15%;transform:translateY(-50%);width:300px;height:300px;opacity:.1}.v8-ray{position:absolute;top:50%;left:50%;width:150px;height:2px;background:linear-gradient(90deg,#f7c531,transparent);transform-origin:left center}.v8-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:800px}.v8-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:50px;margin-bottom:2rem;color:#ff6b35;font-size:.8rem;letter-spacing:2px}.v8-title{margin:0 0 1rem}.v8-title-line{display:block;font-weight:700;line-height:1}.v8-title-1{font-size:clamp(3rem,10vw,6rem);color:#ff6b35;font-style:italic}.v8-title-2{font-size:clamp(3rem,10vw,6rem);color:#f7c531;font-style:italic;margin-left:50px}.v8-title-sub{display:block;font-size:clamp(.8rem,2vw,1rem);color:#666;letter-spacing:4px;text-transform:uppercase;margin:1rem 0}.v8-title-accent{display:block;font-size:clamp(2rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,#c77dff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v8-slap-text{display:flex;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.v8-slap-letter{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:#f7c531;animation:v8-bounce .6s ease-in-out infinite;text-shadow:0 0 20px rgba(247,197,49,.5)}.v8-slap-letter:nth-child(1){animation-delay:0s}.v8-slap-letter:nth-child(2){animation-delay:.05s}.v8-slap-letter:nth-child(3){animation-delay:.1s}.v8-slap-letter:nth-child(4){animation-delay:.15s}.v8-slap-letter:nth-child(6){animation-delay:.25s}.v8-slap-letter:nth-child(7){animation-delay:.3s}.v8-slap-letter:nth-child(8){animation-delay:.35s}.v8-slap-space{width:1rem}@keyframes v8-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.v8-tagline{color:#c77dff;font-size:.85rem;letter-spacing:4px;margin-bottom:1.5rem}.v8-description{color:#999;font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.v8-cta-area{margin-bottom:2rem}.v8-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#ff6b35,#f7c531);color:#000;text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:2px;border-radius:50px;transition:all .3s;box-shadow:0 10px 40px #ff6b354d}.v8-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 50px #ff6b3566}.v8-cta-icon{font-size:1.2rem}.v8-bass-viz{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:4px;height:100px;padding:0 2rem}.v8-bass-bar{width:8px;height:100%;background:linear-gradient(180deg,#ff6b35,#f7c531,#c77dff);border-radius:4px 4px 0 0;animation:v8-bass-pulse .3s ease-in-out infinite;animation-delay:var(--delay, 0s);transform-origin:bottom}@keyframes v8-bass-pulse{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.v8-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000f2;padding:12px 24px;border-radius:50px;border:1px solid rgba(255,107,53,.3);z-index:1000;flex-wrap:wrap;justify-content:center}.v8-nav-links p{margin:0;color:#666;font-size:.75rem}.v8-nav-links a{color:#f7c531;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v8-nav-links a:hover{background:#f7c53126}.landing-v9{min-height:100vh;background:#0a0015;font-family:Space Grotesk,sans-serif;overflow:hidden}.v9-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.v9-art-bg,.v9-lasers{position:absolute;inset:0;overflow:hidden}.v9-laser{position:absolute;width:2px;height:150%;transform-origin:top center}.v9-laser-1{left:20%;top:0;background:linear-gradient(180deg,#ff00ff,transparent);animation:v9-laser-sweep 3s ease-in-out infinite}.v9-laser-2{left:40%;top:0;background:linear-gradient(180deg,#00ffff,transparent);animation:v9-laser-sweep 3s ease-in-out infinite;animation-delay:-.5s}.v9-laser-3{left:60%;top:0;background:linear-gradient(180deg,#ffff00,transparent);animation:v9-laser-sweep 3s ease-in-out infinite;animation-delay:-1s}.v9-laser-4{right:20%;top:0;background:linear-gradient(180deg,#00ff00,transparent);animation:v9-laser-sweep 3s ease-in-out infinite reverse}.v9-laser-5{right:35%;top:0;background:linear-gradient(180deg,#ff0080,transparent);animation:v9-laser-sweep 3s ease-in-out infinite reverse;animation-delay:-.5s}.v9-laser-6{right:50%;top:0;background:linear-gradient(180deg,#8000ff,transparent);animation:v9-laser-sweep 3s ease-in-out infinite reverse;animation-delay:-1s}@keyframes v9-laser-sweep{0%{transform:rotate(-30deg);opacity:.3}50%{transform:rotate(30deg);opacity:.8}to{transform:rotate(-30deg);opacity:.3}}.v9-smileys{position:absolute;inset:0;pointer-events:none}.v9-smiley{position:absolute;font-size:4rem;animation:v9-smiley-float 5s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.v9-smiley-1{top:15%;left:10%;color:#ff0;animation-delay:0s}.v9-smiley-2{top:25%;right:15%;color:#f0f;animation-delay:-2s;font-size:3rem}.v9-smiley-3{bottom:25%;left:20%;color:#0ff;animation-delay:-4s;font-size:2.5rem}@keyframes v9-smiley-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(10deg)}75%{transform:translateY(10px) rotate(-10deg)}}.v9-spiral{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:300px;height:300px;animation:v9-spiral-rotate 10s linear infinite}.v9-spiral-ring{position:absolute;border:2px solid;border-radius:50%;inset:calc(var(--i) * 18px);border-color:hsl(calc(var(--i) * 45),100%,50%);opacity:.5}@keyframes v9-spiral-rotate{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.v9-strobe-flash{position:absolute;inset:0;background:#fff;animation:v9-strobe .2s steps(1) infinite;pointer-events:none}@keyframes v9-strobe{0%,95%{opacity:0}97%{opacity:.1}}.v9-shapes{position:absolute;inset:0;pointer-events:none}.v9-pill{position:absolute;width:60px;height:30px;border-radius:15px;animation:v9-pill-float 4s ease-in-out infinite}.v9-pill-1{top:20%;right:25%;background:linear-gradient(90deg,#f0f,#0ff);animation-delay:0s}.v9-pill-2{bottom:30%;right:10%;background:linear-gradient(90deg,#ff0,#f0f);animation-delay:-2s;width:40px;height:20px}@keyframes v9-pill-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.v9-star{position:absolute;font-size:2rem;animation:v9-star-twinkle 1s ease-in-out infinite}.v9-star-1{top:10%;left:30%;color:#ff0;animation-delay:0s}.v9-star-2{top:60%;right:30%;color:#f0f;animation-delay:-.3s}.v9-star-3{bottom:20%;left:40%;color:#0ff;animation-delay:-.6s}@keyframes v9-star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.v9-rainbow-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#ff00000d,#ff7f000d,#ffff000d,#00ff000d,#0000ff0d,#4b00820d,#9400d30d);animation:v9-rainbow-shift 5s linear infinite;background-size:400% 400%}@keyframes v9-rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.v9-content{position:relative;z-index:2;text-align:center;padding:4rem 2rem;max-width:800px}.v9-label{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.v9-label-emoji{font-size:1.5rem}.v9-label-text{color:#888;font-size:.7rem;letter-spacing:4px}.v9-title{margin:0 0 1rem}.v9-title-neon{display:block;font-weight:800;letter-spacing:10px}.v9-neon-1{font-size:clamp(2rem,6vw,4rem);color:#f0f;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 40px #ff00ff;animation:v9-neon-flicker 2s ease-in-out infinite}.v9-neon-2{font-size:clamp(2rem,6vw,4rem);color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff;animation:v9-neon-flicker 2s ease-in-out infinite;animation-delay:-1s}@keyframes v9-neon-flicker{0%,to{opacity:1}50%{opacity:.8}52%{opacity:1}54%{opacity:.9}}.v9-title-sub{display:block;font-size:clamp(.8rem,2vw,1rem);color:#666;letter-spacing:4px;text-transform:uppercase;margin:1rem 0}.v9-title-glow{display:block;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;background:linear-gradient(90deg,#f0f,#0ff,#ff0,#f0f);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:v9-gradient-move 3s linear infinite;filter:drop-shadow(0 0 20px rgba(255,0,255,.5))}@keyframes v9-gradient-move{0%{background-position:0% 50%}to{background-position:300% 50%}}.v9-rave-tag{display:flex;justify-content:center;gap:.3rem;margin-bottom:1rem}.v9-tag-letter{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;animation:v9-tag-color 1s ease-in-out infinite}.v9-tag-letter:nth-child(1){animation-delay:0s}.v9-tag-letter:nth-child(2){animation-delay:.1s}.v9-tag-letter:nth-child(3){animation-delay:.2s}.v9-tag-letter:nth-child(4){animation-delay:.3s}.v9-tag-letter:nth-child(6){animation-delay:.5s}.v9-tag-letter:nth-child(7){animation-delay:.6s}.v9-tag-space{width:1rem}@keyframes v9-tag-color{0%,to{color:#f0f;text-shadow:0 0 20px #ff00ff}33%{color:#0ff;text-shadow:0 0 20px #00ffff}66%{color:#ff0;text-shadow:0 0 20px #ffff00}}.v9-tagline{color:#ff0;font-size:1rem;letter-spacing:4px;margin-bottom:1.5rem}.v9-description{color:#888;font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.v9-cta-area{margin-bottom:2rem}.v9-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(90deg,#f0f,#0ff);color:#000;text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:3px;border-radius:0;transition:all .3s;box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d;animation:v9-cta-pulse 1s ease-in-out infinite}@keyframes v9-cta-pulse{0%,to{box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d}50%{box-shadow:0 0 30px #ff00ffb3,0 0 60px #00ffff80}}.v9-cta:hover{transform:scale(1.05)}.v9-cta-emoji{font-size:1.2rem}.v9-footer-text{display:flex;justify-content:center;gap:1rem;color:#555;font-size:.7rem;letter-spacing:2px}.v9-freq-bars{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:3px;height:80px;padding:0 2rem}.v9-freq-bar{width:6px;height:100%;background:hsl(var(--hue, 0),100%,50%);border-radius:3px 3px 0 0;animation:v9-freq-pulse .4s ease-in-out infinite;animation-delay:var(--delay, 0s);transform-origin:bottom;box-shadow:0 0 10px hsl(var(--hue, 0),100%,50%)}@keyframes v9-freq-pulse{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.v9-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000f2;padding:12px 24px;border-radius:50px;border:1px solid rgba(255,0,255,.3);z-index:1000;flex-wrap:wrap;justify-content:center}.v9-nav-links p{margin:0;color:#666;font-size:.75rem}.v9-nav-links a{color:#f0f;text-decoration:none;font-size:.8rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v9-nav-links a:hover{background:#ff00ff26}@media(max-width:768px){.v7-bpm{top:auto;bottom:100px;right:20px}.v7-geo,.v8-strings,.v8-sunburst,.v9-spiral,.v9-smileys{display:none}}.landing-v10{background:#050505;min-height:100vh}.v10-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.v10-grid{position:absolute;inset:0;pointer-events:none}.v10-grid-line-h,.v10-grid-line-v{position:absolute;background:#ffffff05}.v10-grid-line-h{left:0;right:0;height:1px}.v10-grid-line-v{top:0;bottom:0;width:1px}.v10-strobe{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:v10-strobe 4s infinite}@keyframes v10-strobe{0%,96%,to{opacity:0}97%{opacity:.02}}.v10-split-container{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem 3rem;align-items:center;min-height:calc(100vh - 80px)}.v10-left{position:relative;padding:2rem 0}.v10-kick-container{position:absolute;top:50%;left:-50px;transform:translateY(-50%);pointer-events:none}.v10-kick{position:absolute;border:1px solid rgba(255,50,50,.2);border-radius:50%;animation:v10-kick-pulse .5s ease-out infinite}.v10-kick-1{width:120px;height:120px;top:-60px;left:-60px;animation-delay:0s}.v10-kick-2{width:200px;height:200px;top:-100px;left:-100px;animation-delay:.1s}.v10-kick-3{width:280px;height:280px;top:-140px;left:-140px;animation-delay:.2s}.v10-kick-center{position:absolute;width:12px;height:12px;background:#ff3232;border-radius:50%;top:-6px;left:-6px;box-shadow:0 0 20px #ff3232,0 0 40px #ff323280}@keyframes v10-kick-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}.v10-hero-content{position:relative;text-align:center}.v10-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.v10-label-line{width:50px;height:1px;background:#fff3}.v10-label-text{color:#666;font-size:.7rem;letter-spacing:6px;text-transform:uppercase}.v10-title{margin:0 0 2rem}.v10-title-top,.v10-title-mid,.v10-title-main{display:block;text-transform:uppercase;font-family:var(--font-display)}.v10-title-top{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;color:#fff;letter-spacing:8px}.v10-title-mid{font-size:clamp(.7rem,1.5vw,.9rem);color:#444;letter-spacing:10px;margin:.5rem 0}.v10-title-main{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;letter-spacing:4px}.v10-divider{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem}.v10-divider-block{width:30px;height:4px;background:#ff3232;animation:v10-block-pulse 2s ease-in-out infinite}.v10-divider-block:nth-child(2){animation-delay:.1s}.v10-divider-block:nth-child(3){animation-delay:.2s}.v10-divider-block:nth-child(4){animation-delay:.3s}.v10-divider-block:nth-child(5){animation-delay:.4s}@keyframes v10-block-pulse{0%,to{opacity:.5}50%{opacity:1}}.v10-tagline{color:#ff3232;font-size:.9rem;letter-spacing:6px;margin-bottom:1.5rem}.v10-description{color:#666;font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto 2rem}.v10-bpm{position:absolute;top:0;right:0;text-align:right}.v10-bpm-value{display:block;font-size:3rem;font-family:var(--font-mono);font-weight:700;color:#ff3232;line-height:1}.v10-bpm-label{font-size:.8rem;color:#444;letter-spacing:4px}.v10-geo{position:absolute;border:1px solid rgba(255,255,255,.1);animation:v10-geo-rotate 20s linear infinite}.v10-geo-1{width:120px;height:120px;bottom:20%;right:-30px}.v10-geo-2{width:80px;height:80px;top:30%;left:-20px;animation-direction:reverse}.v10-geo-inner{position:absolute;inset:15px;border:1px solid rgba(255,50,50,.2)}@keyframes v10-geo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.v10-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.v10-btn-primary-techno{display:inline-block;padding:18px 50px;background:transparent;border:1px solid #ff3232;color:#ff3232;font-size:.8rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;transition:all .3s ease;text-decoration:none}.v10-btn-primary-techno:hover{background:#ff3232;color:#000}.v10-btn-secondary-techno{display:inline-block;padding:18px 50px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;font-size:.8rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;transition:all .3s ease;text-decoration:none}.v10-btn-secondary-techno:hover{border-color:#fff6;color:#fff}.v10-footer-info{display:flex;justify-content:center;gap:1.5rem;color:#333;font-size:.7rem;letter-spacing:4px}.v10-right{position:relative}.v10-browser{background:#0a0a0af2;border:1px solid rgba(255,50,50,.12);border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0006}.v10-browser-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff05}.v10-browser-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600}.v10-browser-title svg{width:16px;height:16px}.v10-browser-stats{display:flex;gap:1.5rem}.v10-stat{text-align:center}.v10-stat-value{display:block;color:#ff3232;font-size:.95rem;font-weight:700;font-family:var(--font-display)}.v10-stat-label{display:block;color:#555;font-size:.6rem;letter-spacing:1px;margin-top:1px}.v10-category-pills{display:flex;gap:.4rem;padding:.75rem 1rem;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.04)}.v10-category-pills::-webkit-scrollbar{display:none}.v10-pill{padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#777;font-size:.7rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.v10-pill:hover{border-color:#ff323266;color:#fff}.v10-pill.active{background:#ff3232;border-color:#ff3232;color:#fff}.v10-pill-more{color:#555;border-style:dashed}.v10-sample-list{max-height:320px;overflow-y:auto;padding:.25rem 0}.v10-sample-list::-webkit-scrollbar{width:6px}.v10-sample-list::-webkit-scrollbar-track{background:#ffffff05}.v10-sample-list::-webkit-scrollbar-thumb{background:#ff32324d;border-radius:3px}.v10-sample-list::-webkit-scrollbar-thumb:hover{background:#ff323280}.landing-v10 .sample-row{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.03)}.landing-v10 .sample-row:hover{background:#ff32320d}.landing-v10 .sample-artwork{width:36px;height:36px}.landing-v10 .sample-filename{font-size:.8rem}.landing-v10 .sample-pack-name{color:#ff3232;font-size:.7rem}.landing-v10 .sample-meta span{font-size:.7rem}.landing-v10 .sample-play-btn{width:32px;height:32px}.landing-v10 .sample-play-btn:hover{background:#ff32321a;border-color:#ff3232}.landing-v10 .sample-play-btn:hover svg path{fill:#ff3232}.landing-v10 .waveform-bar{background:linear-gradient(180deg,#ff3232,#ff32324d)}.landing-v10 .sample-waveform{width:80px}.v10-browser-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.04);background:#ffffff05}.v10-browser-note{color:#444;font-size:.7rem;margin:0}.v10-view-all{display:flex;align-items:center;gap:.4rem;color:#ff3232;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s}.v10-view-all svg{width:14px;height:14px}.v10-view-all:hover{color:#f55}.v10-waveform{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;gap:2px;padding:0 20px;opacity:.3;pointer-events:none}.v10-wave-bar{width:3px;height:var(--h, 20px);background:linear-gradient(180deg,#ff3232,#ff323233);border-radius:2px 2px 0 0;animation:v10-wave 1.5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes v10-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media(max-width:1024px){.v10-split-container{grid-template-columns:1fr;gap:2rem;padding:2rem}.v10-left{order:1}.v10-right{order:2}.v10-bpm{position:relative;top:auto;right:auto;text-align:center;margin-bottom:1rem}.v10-kick-container,.v10-geo{display:none}}@media(max-width:768px){.v10-hero{padding-top:70px}.v10-split-container{padding:1.5rem}.v10-bpm-value{font-size:2rem}.v10-browser-header{flex-direction:column;gap:1rem;text-align:center}.v10-browser-stats{gap:1.5rem}.v10-actions{flex-direction:column;align-items:center}.v10-btn-primary-techno,.v10-btn-secondary-techno{width:100%;max-width:280px;text-align:center}.v10-sample-list{max-height:300px}.v10-browser-footer{flex-direction:column;gap:.75rem;text-align:center}.v10-waveform{display:none}.v10-footer-info{flex-wrap:wrap;gap:1rem}}.landing-v11{background:#050505;min-height:100vh}.v11-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.v11-grid-bg{position:absolute;inset:0;pointer-events:none}.v11-grid-line-h,.v11-grid-line-v{position:absolute;background:#ffffff08}.v11-grid-line-h{left:0;right:0;height:1px}.v11-grid-line-v{top:0;bottom:0;width:1px}.v11-strobe{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:v11-strobe 4s infinite}@keyframes v11-strobe{0%,96%,to{opacity:0}97%{opacity:.03}}.v11-split-container{position:relative;z-index:2;display:grid;grid-template-columns:60% 40%;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;align-items:center;min-height:calc(100vh - 80px)}.v11-left{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.v11-kick-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.v11-kick{position:absolute;border:1px solid rgba(255,50,50,.3);border-radius:50%;animation:v11-kick-pulse .5s ease-out infinite}.v11-kick-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.v11-kick-2{width:350px;height:350px;top:-175px;left:-175px;animation-delay:.1s}.v11-kick-3{width:500px;height:500px;top:-250px;left:-250px;animation-delay:.2s}.v11-kick-center{position:absolute;width:20px;height:20px;background:#ff3232;border-radius:50%;top:-10px;left:-10px;animation:v11-center-pulse .5s ease-out infinite;box-shadow:0 0 30px #ff323280}@keyframes v11-kick-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes v11-center-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.v11-geo{position:absolute;border:1px solid rgba(255,255,255,.1)}.v11-geo-1{width:150px;height:150px;bottom:15%;left:10%}.v11-geo-2{width:100px;height:100px;top:20%;right:15%}.v11-geo-inner{position:absolute;inset:20px;border:1px solid rgba(255,50,50,.2)}.v11-bpm{position:absolute;top:20px;right:20px;text-align:right}.v11-bpm-value{display:block;font-size:4rem;font-family:var(--font-mono);font-weight:700;color:#ff3232;line-height:1}.v11-bpm-label{font-size:.8rem;color:#444;letter-spacing:4px}.v11-content{position:relative;z-index:2;text-align:center;max-width:600px}.v11-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.v11-label-line{width:50px;height:1px;background:#fff3}.v11-label-text{color:#666;font-size:.7rem;letter-spacing:6px;text-transform:uppercase}.v11-title{margin:0 0 2rem}.v11-title-top,.v11-title-mid,.v11-title-main{display:block;text-transform:uppercase;font-family:var(--font-display);text-align:center;letter-spacing:8px}.v11-title-top{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;color:#888}.v11-title-mid{font-size:clamp(.8rem,1.5vw,1rem);color:#444;letter-spacing:10px;margin:.5rem 0}.v11-title-main{font-size:clamp(2.5rem,5vw,5rem);font-weight:700;color:#fff;letter-spacing:4px}.v11-divider{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem}.v11-divider-block{width:30px;height:4px;background:#ff3232;animation:v11-block-pulse .5s ease-in-out infinite}.v11-divider-block:nth-child(2){animation-delay:.1s}.v11-divider-block:nth-child(3){animation-delay:.2s}.v11-divider-block:nth-child(4){animation-delay:.3s}.v11-divider-block:nth-child(5){animation-delay:.4s}@keyframes v11-block-pulse{0%,to{opacity:.3}50%{opacity:1}}.v11-tagline{color:#ff3232;font-size:.9rem;letter-spacing:6px;margin-bottom:1.5rem;text-align:center}.v11-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.v11-cta-area{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.v11-cta{display:inline-block;padding:18px 50px;background:transparent;border:1px solid #ff3232;color:#ff3232;font-size:.85rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;transition:all .3s ease;text-decoration:none}.v11-cta:hover{background:#ff3232;color:#000}.v11-cta-secondary{display:inline-block;padding:18px 50px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;font-size:.8rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;transition:all .3s ease;text-decoration:none}.v11-cta-secondary:hover{border-color:#fff6;color:#fff}.v11-footer-info{display:flex;justify-content:center;gap:1.5rem;color:#333;font-size:.7rem;letter-spacing:4px}.v11-right{position:relative;padding:1rem}.v11-browser{background:#0a0a0af2;border:1px solid rgba(255,50,50,.12);border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0006}.v11-browser-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff05}.v11-browser-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:600}.v11-browser-stats{display:flex;gap:1.5rem}.v11-stat{text-align:center}.v11-stat-value{display:block;color:#ff3232;font-size:.9rem;font-weight:700;font-family:var(--font-display)}.v11-stat-label{display:block;color:#555;font-size:.55rem;letter-spacing:1px;margin-top:1px}.v11-category-pills{display:flex;gap:.4rem;padding:.75rem 1rem;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.04)}.v11-category-pills::-webkit-scrollbar{display:none}.v11-pill{padding:5px 10px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#777;font-size:.65rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.v11-pill:hover{border-color:#ff323266;color:#fff}.v11-pill.active{background:#ff3232;border-color:#ff3232;color:#fff}.v11-pill-more{color:#555;border-style:dashed}.v11-sample-list{max-height:280px;overflow-y:auto;padding:.25rem 0}.v11-sample-list::-webkit-scrollbar{width:4px}.v11-sample-list::-webkit-scrollbar-track{background:#ffffff05}.v11-sample-list::-webkit-scrollbar-thumb{background:#ff32324d;border-radius:2px}.landing-v11 .sample-row{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.03)}.landing-v11 .sample-row:hover{background:#ff32320d}.landing-v11 .sample-artwork{width:32px;height:32px}.landing-v11 .sample-filename{font-size:.75rem}.landing-v11 .sample-pack-name{color:#ff3232;font-size:.65rem}.landing-v11 .sample-meta span{font-size:.65rem}.landing-v11 .sample-play-btn{width:28px;height:28px}.landing-v11 .sample-play-btn:hover{background:#ff32321a;border-color:#ff3232}.landing-v11 .sample-play-btn:hover svg path{fill:#ff3232}.landing-v11 .waveform-bar{background:linear-gradient(180deg,#ff3232,#ff32324d)}.landing-v11 .sample-waveform{width:60px}.v11-browser-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.04);background:#ffffff05}.v11-browser-note{color:#444;font-size:.65rem}.v11-view-all{display:flex;align-items:center;gap:.3rem;color:#ff3232;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s}.v11-view-all:hover{color:#f55}.v11-waveform{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;gap:2px;padding:0 20px;opacity:.3;pointer-events:none}.v11-wave-bar{width:3px;height:var(--h, 20px);background:linear-gradient(180deg,#ff3232,#ff323233);border-radius:2px 2px 0 0;animation:v11-wave 1.5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes v11-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.v11-nav-links{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;align-items:center;background:#000000f2;padding:10px 20px;border-radius:50px;border:1px solid rgba(255,50,50,.2);z-index:1000}.v11-nav-links p{margin:0;color:#666;font-size:.7rem}.v11-nav-links a{color:#ff3232;text-decoration:none;font-size:.75rem;padding:4px 10px;border-radius:20px;transition:all .2s}.v11-nav-links a:hover{background:#ff323226}.v11-features-section,.v11-testimonials-section{background:#050505;padding:5rem 2rem}.v11-features-section .section-header h2,.v11-testimonials-section .section-header h2{color:#fff}.v11-features-section .section-header p,.v11-testimonials-section .section-header p{color:#666}.v11-card{border-color:#ff32321a!important;background:#0a0a0acc!important}.v11-card:hover{border-color:#ff32324d!important;box-shadow:0 10px 40px #ff32321a!important}.v11-cta-section{background:#0a0a0a!important;border-top:1px solid rgba(255,50,50,.1);padding:5rem 2rem}.v11-cta-section h2{color:#fff}.v11-cta-section p{color:#888}@media(max-width:1024px){.v11-split-container{grid-template-columns:1fr;gap:2rem;padding:2rem}.v11-left{order:1}.v11-right{order:2}.v11-bpm{position:relative;top:auto;right:auto;text-align:center;margin-bottom:1rem}.v11-kick-container,.v11-geo{display:none}}@media(max-width:768px){.v11-hero{padding-top:70px}.v11-split-container{padding:1rem}.v11-bpm-value{font-size:2.5rem}.v11-cta-area{flex-direction:column;align-items:center}.v11-cta,.v11-cta-secondary{width:100%;max-width:280px;text-align:center}.v11-browser-header{flex-direction:column;gap:.75rem;text-align:center}.v11-sample-list{max-height:250px}.v11-browser-footer{flex-direction:column;gap:.5rem;text-align:center}.v11-waveform{display:none}.v11-footer-info{flex-wrap:wrap;gap:.75rem}.v11-nav-links{flex-wrap:wrap;justify-content:center;max-width:90%}}.cart-btn{position:relative}.cart-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:#ff3232;color:#000;font-weight:700;font-size:.75rem;line-height:1;box-shadow:0 0 10px #ff323280}.sample-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.sample-price{font-size:.8rem;color:#ffffffd9;white-space:nowrap}.sample-add-btn{border:1px solid rgba(255,50,50,.35);background:#ff323214;color:#fff;font-size:.75rem;padding:.35rem .6rem;border-radius:10px;cursor:pointer}.sample-add-btn:hover{border-color:#ff323299;background:#ff323224}.sample-add-btn.in-cart{border-color:#ffffff26;background:#ffffff0f;color:#ffffffe6}.cart-page{padding-top:90px}.cart-section{padding:2rem 1.25rem 3rem}.cart-container{max-width:1100px;margin:0 auto}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:1.25rem}.cart-items{display:flex;flex-direction:column;gap:.75rem}.cart-item{display:grid;grid-template-columns:56px 1fr 90px 110px 90px;gap:.75rem;align-items:center;padding:.9rem;border:1px solid rgba(255,50,50,.12);border-radius:16px;background:#0a0a0a99}.cart-item-art{width:56px;height:56px;border-radius:12px;object-fit:cover}.cart-item-title{font-weight:600;font-size:.95rem}.cart-item-sub{color:#ffffffa6;font-size:.85rem}.cart-item-meta{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;color:#ffffff8c;font-size:.78rem}.cart-item-meta .dot{opacity:.5}.cart-item-qty input{width:100%;padding:.45rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff}.cart-item-total{font-weight:700;text-align:right}.cart-remove{justify-self:end}.cart-summary{padding:1rem;border:1px solid rgba(255,50,50,.12);border-radius:16px;background:#0a0a0a99;height:fit-content}.cart-summary h2{margin:0 0 .75rem}.cart-summary-row{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0;color:#ffffffd9}.cart-email{width:100%;padding:.6rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;margin:.5rem 0 .75rem}.cart-error{margin:.5rem 0;color:#ff6b6b;font-size:.85rem}.cart-note{margin-top:.75rem;color:#ffffff8c;font-size:.8rem}.cart-login-required{text-align:center;padding:1.5rem 0}.cart-login-icon{width:56px;height:56px;margin:0 auto 1rem;background:#ff32321a;border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-login-icon svg{color:#ff3232}.cart-login-text{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.cart-login-subtext{font-size:.85rem;color:#fff9;margin-bottom:1.25rem;line-height:1.5}.cart-register-link{margin-top:1rem;font-size:.85rem;color:#fff9}.cart-register-link a{color:#ff3232;text-decoration:none}.cart-register-link a:hover{text-decoration:underline}.cart-user-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff323214;border-radius:8px;margin-bottom:1rem;color:#ffffffd9;font-size:.9rem}.cart-user-info svg{color:#ff3232;flex-shrink:0}.cart-empty{padding:2rem 0;color:#ffffffbf}@media(max-width:768px){.cart-grid{grid-template-columns:1fr;gap:1.5rem}.cart-item{grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:.5rem;padding:.75rem}.cart-item-art{grid-row:1 / 3;width:48px;height:48px}.cart-item-main{grid-column:2}.cart-item-qty{grid-column:3;grid-row:1}.cart-item-qty input{width:50px;padding:.35rem .4rem;font-size:.85rem}.cart-item-total{grid-column:2;grid-row:2;text-align:left;font-size:.95rem}.cart-remove{grid-column:3;grid-row:2;padding:.35rem .6rem;font-size:.75rem}.cart-item-title{font-size:.85rem}.cart-item-sub{font-size:.75rem}.cart-item-meta{font-size:.7rem}.cart-summary{padding:1.25rem}.cart-summary h2{font-size:1.25rem}}.checkout-result{padding-top:90px}.checkout-result-inner{max-width:680px;margin:2.5rem auto;padding:1.25rem;border:1px solid rgba(255,50,50,.12);border-radius:16px;background:#0a0a0a99}.download-page{padding-top:90px}.download-inner{max-width:760px;margin:2.5rem auto;padding:1.25rem;border:1px solid rgba(255,50,50,.12);border-radius:16px;background:#0a0a0a99}.download-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.download-item{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;text-decoration:none}.download-item:hover{border-color:#ff323280}.download-note{margin-top:.75rem;color:#ffffff8c;font-size:.8rem}@media(max-width:960px){.cart-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:56px 1fr}}.landing-v12{background:#0a0a0a;min-height:100vh;color:#fff}.v12-hero{position:relative;padding:120px 40px 60px;overflow:hidden}.v12-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,50,50,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,50,50,.1) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#050505);pointer-events:none}.v12-hero-content{position:relative;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.v12-hero-text{flex:1}.v12-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:3px;color:#ff3232;margin-bottom:12px;padding:6px 12px;background:#ff32321a;border:1px solid rgba(255,50,50,.2);border-radius:4px}.v12-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.1;margin:0 0 16px}.v12-title span{color:#ff3232}.v12-subtitle{font-size:1.1rem;color:#fff9;margin:0}.v12-hero-stats{display:flex;gap:32px}.v12-stat-item{text-align:center;padding:16px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.v12-stat-value{display:block;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:600;color:#ff3232}.v12-stat-label{display:block;font-size:.75rem;color:#ffffff80;letter-spacing:1px;margin-top:4px}.v12-browser{max-width:1400px;margin:0 auto;padding:0 40px 60px}.v12-browser-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px 16px 0 0;margin-bottom:0}.v12-browser-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600}.v12-browser-title svg{stroke:#ff3232}.v12-sample-count{font-size:.85rem;font-weight:400;color:#ffffff80;margin-left:8px}.v12-volume-control{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border-radius:8px}.v12-volume-control svg{flex-shrink:0;stroke:#fff9}.v12-volume-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.v12-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#ff3232;border-radius:50%;cursor:pointer;transition:transform .15s}.v12-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#ff3232;border:none;border-radius:50%;cursor:pointer}.v12-volume-value{font-size:.8rem;font-family:SF Mono,monospace;color:#fff9;min-width:36px}.v12-sort-control{display:flex;align-items:center;gap:10px}.v12-sort-control label{font-size:.85rem;color:#ffffff80}.v12-sort-select{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 32px 8px 14px;font-size:.9rem;color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.v12-sort-select:focus{outline:none;border-color:#ff3232}.v12-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#0000004d;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.v12-category-pills{display:flex;flex-wrap:wrap;gap:8px}.v12-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:.85rem;color:#ffffffb3;cursor:pointer;transition:all .2s}.v12-pill-count{font-size:.7rem;padding:2px 6px;background:#ffffff1a;border-radius:10px;color:#ffffff80}.v12-pill.active .v12-pill-count{background:#ff323233;color:#ff3232}.v12-filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;color:#fff9;cursor:pointer;transition:all .2s}.v12-filter-toggle:hover{border-color:#fff3;color:#fff}.v12-list-header{display:grid;grid-template-columns:48px 44px 1fr 120px 80px 1.5fr 100px 160px;align-items:center;gap:16px;padding:12px 24px;background:#0006;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);font-size:.75rem;font-weight:500;letter-spacing:1px;color:#fff6;text-transform:uppercase}.v12-sample-list{border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);background:#0003}.sample-row-v2{display:grid;grid-template-columns:48px 44px 1fr 120px 80px 1.5fr 100px 160px;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}.sample-row-v2:hover{background:#ff323208}.sample-row-v2.playing{background:#ff323214}.srv2-artwork{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0}.srv2-artwork img{width:100%;height:100%;object-fit:cover}.srv2-play-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.srv2-play-btn:hover{background:#ff323226;border-color:#ff3232;color:#ff3232}.srv2-play-btn.playing{background:#ff323233;border-color:#ff3232;color:#ff3232}.srv2-play-btn svg{width:16px;height:16px}.srv2-play-btn.loading{cursor:wait;opacity:.7}.srv2-play-btn svg.spin{animation:spin 1s linear infinite}.srv2-info{min-width:0}.srv2-title-row{display:flex;align-items:center;gap:8px}.srv2-filename{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srv2-new-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:3px 6px;background:linear-gradient(135deg,#d4ff00,#ad0);color:#000;border-radius:4px;flex-shrink:0}.srv2-pack-name{font-size:.8rem;color:#ff3232;margin-top:2px;cursor:pointer;transition:color .15s}.srv2-pack-name:hover{color:#f55}.srv2-tags{display:flex;flex-wrap:wrap;gap:6px}.srv2-tag{font-size:.7rem;padding:4px 10px;background:#ffffff0f;border-radius:12px;color:#fff9;white-space:nowrap}.srv2-duration{font-family:SF Mono,Menlo,monospace;font-size:.85rem;color:#ffffff80;text-align:center}.srv2-waveform{display:flex;align-items:center;gap:1px;height:36px;overflow:hidden}.srv2-wave-bar{width:2px;min-height:4px;background:linear-gradient(180deg,#fff6,#ffffff26);border-radius:1px;transition:background .2s}.srv2-wave-bar.active{background:linear-gradient(180deg,#ff3232,#ff323266);animation:v12-wave-pulse .5s ease-in-out infinite alternate}@keyframes v12-wave-pulse{0%{opacity:.7}to{opacity:1}}.sample-row-v2:hover .srv2-wave-bar{background:linear-gradient(180deg,#ffffff80,#fff3)}.sample-row-v2.playing .srv2-wave-bar{background:linear-gradient(180deg,#ff3232,#ff32324d)}.srv2-metadata{display:flex;flex-direction:column;gap:2px;font-family:SF Mono,monospace;font-size:.8rem}.srv2-bpm{color:#ffffffb3}.srv2-bpm:after{content:" BPM";font-size:.65rem;color:#fff6}.srv2-key{color:#ffffff80}.srv2-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.srv2-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.srv2-action-btn svg{width:16px;height:16px}.srv2-action-btn:hover{background:#ffffff0f;color:#fffc}.srv2-download-btn:hover{color:#4ade80;background:#4ade801a}.srv2-fav-btn:hover{color:#ff3232;background:#ff32321a}.srv2-fav-btn.active{color:#ff3232;background:#ff323226}.srv2-fav-btn.active svg{fill:#ff3232}.srv2-cart-btn:hover{color:#60a5fa;background:#60a5fa1a}.srv2-cart-btn.in-cart{color:#4ade80;background:#4ade8026}.srv2-more-btn:hover{color:#fffc}.v12-empty-state{text-align:center;padding:80px 40px;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.v12-empty-state svg{stroke:#fff3;margin-bottom:20px}.v12-empty-state h3{font-size:1.25rem;font-weight:500;margin:0 0 8px}.v12-empty-state p{color:#ffffff80;margin:0 0 24px}.v12-reset-btn{padding:12px 24px;background:#ff323226;border:1px solid rgba(255,50,50,.3);border-radius:8px;color:#ff3232;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.v12-reset-btn:hover{background:#ff323240;border-color:#ff3232}.v12-browser-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:0 0 16px 16px}.v12-footer-note{font-size:.85rem;color:#fff6}.v12-cart-link{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ff323226;border:1px solid rgba(255,50,50,.3);border-radius:8px;color:#ff3232;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.v12-cart-link:hover{background:#ff323240;border-color:#ff3232}.v12-features-section{padding:80px 40px;max-width:1400px;margin:0 auto}.v12-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .2s}.v12-testimonials-section{padding:80px 40px;max-width:1400px;margin:0 auto;background:#0000004d}.v12-cta-section{padding:100px 40px;text-align:center;background:radial-gradient(ellipse at center,rgba(255,50,50,.1) 0%,transparent 70%),#050505}.v12-cta-buttons{display:flex;gap:16px;justify-content:center;margin:32px 0}.v12-cta-primary{padding:16px 40px;background:#ff3232;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .2s}.v12-cta-primary:hover{background:#ff4545;transform:translateY(-2px)}.v12-cta-secondary{padding:16px 40px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .2s}.v12-cta-secondary:hover{background:#ffffff0d;border-color:#fff6}@media(max-width:1200px){.v12-list-header,.sample-row-v2{grid-template-columns:48px 44px 1fr 80px 1fr 100px 140px}.v12-col-tags,.srv2-tags{display:none}}@media(max-width:1024px){.v12-hero-content{flex-direction:column;align-items:flex-start}.v12-hero-stats{width:100%;justify-content:flex-start}.v12-browser-header{flex-wrap:wrap;gap:16px}.v12-list-header,.sample-row-v2{grid-template-columns:44px 40px 1fr 70px 120px;gap:12px}.v12-col-waveform,.srv2-waveform,.v12-col-metadata,.srv2-metadata{display:none}}@media(max-width:768px){.v12-hero{padding:100px 20px 40px}.v12-browser{padding:0 16px 40px}.v12-browser-header{padding:16px}.v12-volume-control{display:none}.v12-filter-bar{padding:12px 16px;flex-direction:column;align-items:stretch}.v12-category-pills{overflow-x:auto;padding-bottom:8px}.v12-list-header{display:none}.sample-row-v2{grid-template-columns:44px 36px 1fr auto;gap:10px;padding:12px 16px}.srv2-artwork{width:44px;height:44px}.srv2-play-btn{width:36px;height:36px}.srv2-duration,.v12-col-duration{display:none}.srv2-actions{gap:4px}.srv2-action-btn{width:32px;height:32px}.srv2-download-btn,.srv2-more-btn{display:none}.v12-cta-buttons{flex-direction:column}.v12-cta-primary,.v12-cta-secondary{width:100%;text-align:center}}@media(max-width:480px){.v12-hero-stats{flex-wrap:wrap}.v12-stat-item{flex:1;min-width:100px;padding:12px 16px}.srv2-filename{font-size:.8rem}.srv2-pack-name{font-size:.7rem}}.landing-v12{background:#050505;min-height:100vh;color:#fff}.v12-hero{position:relative;min-height:100vh;overflow:hidden;padding-top:64px}.v12-grid-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.v12-grid-line-h,.v12-grid-line-v{position:absolute;background:#ffffff08}.v12-grid-line-h{left:0;right:0;height:1px}.v12-grid-line-v{top:0;bottom:0;width:1px}.v12-strobe{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:1;animation:v12-strobe 8s ease-in-out infinite}@keyframes v12-strobe{0%,49%,51%,to{opacity:0}50%{opacity:.03}}.v12-split-container{position:relative;display:grid;grid-template-columns:60% 40%;min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);height:calc(100vh - 64px);z-index:2}.v12-left{position:relative;display:flex;align-items:center;justify-content:center;padding:3rem;border-right:1px solid rgba(255,255,255,.04);height:100%;overflow:hidden}.v12-kick-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.v12-kick{position:absolute;border:1px solid rgba(255,50,50,.3);border-radius:50%;animation:v12-kick-pulse .5s ease-out infinite}.v12-kick-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.v12-kick-2{width:350px;height:350px;top:-175px;left:-175px;animation-delay:.1s}.v12-kick-3{width:500px;height:500px;top:-250px;left:-250px;animation-delay:.2s}.v12-kick-center{position:absolute;width:20px;height:20px;background:#ff3232;border-radius:50%;top:-10px;left:-10px;animation:v12-center-pulse .5s ease-out infinite;box-shadow:0 0 30px #ff323280}@keyframes v12-kick-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes v12-center-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.v12-geo{position:absolute;width:80px;height:80px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.v12-geo-inner{width:50%;height:50%;border:1px solid rgba(255,50,50,.2)}.v12-geo-1{bottom:15%;left:10%}.v12-geo-2{top:20%;right:10%}.v12-bpm{position:absolute;top:2rem;right:2rem;display:flex;flex-direction:column;align-items:center}.v12-bpm-value{font-family:SF Mono,monospace;font-size:3rem;font-weight:300;color:#ff3232;line-height:1}.v12-bpm-label{font-size:.7rem;letter-spacing:4px;color:#fff6;margin-top:.25rem}.v12-content{position:relative;z-index:1;text-align:center;max-width:600px}.v12-label{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.v12-label-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,#ff3232)}.v12-label-line:last-child{background:linear-gradient(90deg,#ff3232,transparent)}.v12-label-text{font-size:.7rem;letter-spacing:6px;color:#ffffff80}.v12-title{display:flex;flex-direction:column;gap:.25rem;margin:0}.v12-title-top{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:300;letter-spacing:8px;color:#fff9}.v12-title-mid{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;letter-spacing:4px;color:#fffc}.v12-title-main{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;letter-spacing:2px;background:linear-gradient(180deg,#ff3232,#cc2828);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.v12-divider{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.v12-divider-block{width:8px;height:30px;background:#ff3232;animation:v12-block-pulse .5s ease-out infinite}.v12-divider-block:nth-child(1){animation-delay:0s}.v12-divider-block:nth-child(2){animation-delay:.1s}.v12-divider-block:nth-child(3){animation-delay:.2s}.v12-divider-block:nth-child(4){animation-delay:.1s}.v12-divider-block:nth-child(5){animation-delay:0s}@keyframes v12-block-pulse{0%,to{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.v12-tagline{font-size:1rem;letter-spacing:10px;color:#fff9;margin:0 0 1rem}.v12-description{font-size:.95rem;line-height:1.6;color:#ffffff80;margin:0 0 2rem}.v12-cta-area{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.v12-cta{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:#ff3232;border:none;border-radius:0;color:#000;font-size:.85rem;font-weight:700;letter-spacing:2px;text-decoration:none;transition:all .2s}.v12-cta:hover{background:#ff4545;transform:translateY(-2px)}.v12-cta-text{position:relative}.v12-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:.8rem;font-weight:500;letter-spacing:2px;text-decoration:none;transition:all .2s}.v12-cta-secondary:hover{border-color:#ffffff80;color:#fff}.v12-footer-info{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;font-size:.7rem;letter-spacing:4px;color:#ffffff4d}.v12-right{display:flex;flex-direction:column;background:#0006;overflow-y:auto;overflow-x:hidden;height:100%}.v12-browser{display:flex;flex-direction:column;height:100%}.v12-browser-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.v12-browser-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600}.v12-browser-stats{display:flex;gap:1.5rem}.v12-stat{display:flex;flex-direction:column;align-items:flex-end}.v12-stat-value{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;color:#ff3232}.v12-stat-label{font-size:.6rem;letter-spacing:1px;color:#fff6}.v12-filter-row{padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.04)}.v12-category-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.v12-pill{padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:.75rem;color:#fff9;cursor:pointer;transition:all .2s}.v12-pill:hover{background:#ffffff14;border-color:#ffffff26}.v12-pill.active{background:#ff323226;border-color:#ff323266;color:#ff3232}.v12-pill-more{color:#fff6}.v12-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.v12-volume{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#0000004d;border-radius:6px}.v12-volume svg{flex-shrink:0;stroke:#ffffff80}.v12-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.v12-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#ff3232;border-radius:50%;cursor:pointer;transition:transform .15s}.v12-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.v12-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#ff3232;border:none;border-radius:50%;cursor:pointer}.v12-sort-wrapper{position:relative}.v12-sort-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.75rem;color:#ffffffb3;cursor:pointer;transition:all .2s}.v12-sort-btn:hover{border-color:#ffffff26;color:#fff}.v12-sort-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:180px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 10px 40px #00000080}.v12-sort-option{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-size:.8rem;color:#ffffffb3;text-align:left;cursor:pointer;transition:all .15s}.v12-sort-option:hover{background:#ffffff0d;color:#fff}.v12-sort-option.active{background:#ff32321a;color:#ff3232}.v12-list-header{display:grid;grid-template-columns:36px 36px 1fr 100px 60px 80px 110px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#0006;font-size:.65rem;font-weight:500;letter-spacing:1px;color:#ffffff59;text-transform:uppercase}.v12-sample-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,50,50,.3) transparent}.v12-sample-list::-webkit-scrollbar{width:6px}.v12-sample-list::-webkit-scrollbar-track{background:transparent}.v12-sample-list::-webkit-scrollbar-thumb{background:#ff32324d;border-radius:3px}.sample-row-v12{display:grid;grid-template-columns:36px 36px 1fr 100px 60px 80px 110px;align-items:center;gap:.75rem;padding:.6rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);transition:all .15s}.sample-row-v12:hover{background:#ff32320a}.sample-row-v12.playing{background:#ff323214}.v12-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.v12-play-btn:hover{background:#ff323226;border-color:#ff3232;color:#ff3232}.v12-play-btn.playing{background:#ff323233;border-color:#ff3232;color:#ff3232}.v12-play-btn svg{width:14px;height:14px}.v12-play-btn.loading{cursor:wait;opacity:.7}.v12-play-btn svg.spin{animation:spin 1s linear infinite}.v12-artwork{width:36px;height:36px;border-radius:4px;overflow:hidden;flex-shrink:0}.v12-artwork img{width:100%;height:100%;object-fit:cover}.v12-info{min-width:0}.v12-title-row{display:flex;align-items:center;gap:.5rem}.v12-filename{font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v12-new-badge{display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:2px 5px;background:linear-gradient(135deg,#d4ff00,#ad0);color:#000;border-radius:3px;flex-shrink:0}.v12-pack-name{font-size:.7rem;color:#ff3232;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v12-tags{display:flex;flex-wrap:wrap;gap:4px}.v12-tag{font-size:.6rem;padding:3px 8px;background:#ffffff0f;border-radius:10px;color:#ffffff80;white-space:nowrap}.v12-tag-meta{font-size:.6rem;padding:3px 8px;background:#ff32321a;border-radius:10px;color:#ff3232cc;white-space:nowrap}.v12-duration{font-family:SF Mono,Menlo,monospace;font-size:.75rem;color:#ffffff73;text-align:center}.v12-waveform{display:flex;align-items:center;gap:1px;height:28px;overflow:hidden}.v12-waveform-bar{width:2px;min-height:4px;background:linear-gradient(180deg,#ffffff59,#ffffff1a);border-radius:1px;transition:background .2s}.sample-row-v12:hover .v12-waveform-bar{background:linear-gradient(180deg,#ffffff80,#fff3)}.sample-row-v12.playing .v12-waveform-bar{background:linear-gradient(180deg,#ff3232,#ff32324d);animation:v12-wave-animate .6s ease-in-out infinite alternate}@keyframes v12-wave-animate{0%{opacity:.6}to{opacity:1}}.v12-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.v12-price{font-size:.85rem;font-weight:600;color:#ffffffe6;font-variant-numeric:tabular-nums}.v12-add-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:6px;color:#ff3232;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.v12-add-btn:hover{background:#ff323233;border-color:#ff323280}.v12-add-btn.in-cart{background:#4ade8026;border-color:#4ade804d;color:#4ade80}.v12-add-btn svg{width:14px;height:14px}.v12-owned-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#60a5fa26;border:1px solid rgba(96,165,250,.3);border-radius:6px;color:#60a5fa;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s}.v12-owned-btn:hover{background:#60a5fa40;border-color:#60a5fa80}.v12-owned-btn svg{width:14px;height:14px}.v12-action-btn{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#ffffff59;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.v12-action-btn svg{width:14px;height:14px}.v12-action-btn:hover{background:#ffffff0f;color:#fffc}.v12-favorite:hover{color:#ff3232;background:#ff32321a}.v12-favorite.active{color:#ff3232;background:#ff323226}.v12-favorite.active svg{fill:#ff3232}.v12-cart:hover{color:#60a5fa;background:#60a5fa1a}.v12-cart.in-cart{color:#4ade80;background:#4ade8026}.v12-more-wrapper{position:relative}.v12-more:hover{color:#fffc}.v12-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:160px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 10px 40px #00000080}.v12-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;font-size:.75rem;color:#ffffffb3;text-align:left;cursor:pointer;transition:all .15s}.v12-dropdown-item svg{width:14px;height:14px;flex-shrink:0}.v12-dropdown-item:hover{background:#ffffff0d;color:#fff}.v12-browser-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.04)}.v12-browser-note{font-size:.75rem;color:#fff6}.v12-view-all{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ff3232;text-decoration:none;font-weight:500;transition:all .2s}.v12-view-all svg{width:14px;height:14px}.v12-view-all:hover{color:#f55}.v12-waveform-bottom{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;gap:2px;padding:0 20px;opacity:.3;pointer-events:none}.v12-waveform-bottom .v12-wave-bar{width:3px;height:var(--h, 20px);background:linear-gradient(180deg,#ff3232,#ff323233);border-radius:2px 2px 0 0;animation:v12-bottom-wave 1.5s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes v12-bottom-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.v12-features-section,.v12-testimonials-section,.v12-cta-section{background:#050505}.v12-features-section .section-header h2,.v12-testimonials-section .section-header h2,.v12-cta-section h2{color:#fff}.v12-features-section .section-header p,.v12-testimonials-section .section-header p,.v12-cta-section p{color:#ffffff80}.v12-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.v12-card:hover{background:#ffffff0a;border-color:#ff323233}@media(max-width:1200px){.v12-list-header,.sample-row-v12{grid-template-columns:32px 32px 1fr 60px 70px 100px}.v12-tags{display:none}}@media(max-width:1024px){.v12-split-container{grid-template-columns:1fr;max-height:none;height:auto;min-height:auto}.v12-left{order:1;min-height:70vh;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.04);overflow:visible}.v12-right{order:2;min-height:auto;height:auto;overflow:visible}.v12-kick-container,.v12-geo{display:none}.v12-bpm{position:relative;top:auto;right:auto;margin-bottom:1.5rem}.v12-list-header,.sample-row-v12{grid-template-columns:32px 32px 1fr 60px 90px;gap:.5rem}.v12-waveform{display:none}}@media(max-width:768px){.v12-hero{padding-top:70px}.v12-split-container{display:flex;flex-direction:column;min-height:auto;max-height:none;height:auto}.v12-left{width:100%;min-height:auto;height:auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:visible}.v12-right{width:100%;padding:0;height:auto;min-height:auto;overflow:visible}.v12-sample-list{max-height:none;overflow:visible}.v12-browser{height:auto;min-height:auto}.v12-kick-container,.v12-geo,.v12-grid-bg,.v12-strobe{display:none}.v12-bpm{position:static;margin-bottom:1.5rem}.v12-bpm-value{font-size:2.5rem}.v12-bpm-label{font-size:.65rem}.v12-content{max-width:100%;text-align:center}.v12-label{margin-bottom:1.5rem}.v12-label-line{width:30px}.v12-label-text{font-size:.65rem}.v12-title-top{font-size:clamp(1.2rem,6vw,1.8rem)}.v12-title-mid{font-size:clamp(1rem,5vw,1.5rem);margin-bottom:.5rem}.v12-title-main{font-size:clamp(2rem,10vw,3rem)}.v12-divider{justify-content:center;margin:1rem auto}.v12-divider-block{width:6px;height:25px}.v12-tagline{font-size:.75rem;margin-bottom:1rem}.v12-description{font-size:.9rem;margin-bottom:2rem}.v12-cta-area{flex-direction:column;align-items:center;gap:.75rem;width:100%}.v12-cta,.v12-cta-secondary{width:100%;max-width:280px;text-align:center;padding:1rem 2rem}.v12-cta-text{font-size:.85rem}.v12-footer-info{margin-top:2rem;font-size:.65rem;gap:.75rem;justify-content:center}.v12-browser{border-radius:0;margin:0}.v12-browser-header{padding:1rem 1.25rem}.v12-browser-title{font-size:.9rem}.v12-stat-value{font-size:1rem}.v12-stat-label{font-size:.55rem}.v12-filter-row{padding:.75rem 1rem;flex-direction:column;gap:.75rem}.v12-category-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;gap:.5rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.v12-category-pills::-webkit-scrollbar{display:none}.v12-pill{flex-shrink:0;padding:.4rem .9rem;font-size:.7rem}.v12-controls{width:100%;justify-content:space-between}.v12-volume{display:none}.v12-sort-btn{padding:.5rem .75rem;font-size:.75rem}.v12-list-header{display:none}.sample-row-v12{display:flex;flex-wrap:nowrap;padding:.75rem 1rem;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.v12-play-btn{width:36px;height:36px;flex-shrink:0}.v12-play-btn svg{width:14px;height:14px}.v12-artwork{width:40px;height:40px;flex-shrink:0;border-radius:6px}.v12-info{flex:1;min-width:0;overflow:hidden}.v12-title-row{display:flex;align-items:center;gap:.3rem}.v12-filename{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v12-new-badge{font-size:.5rem;padding:.1rem .3rem;flex-shrink:0}.v12-pack-name{font-size:.7rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.v12-tags,.v12-duration,.v12-waveform{display:none}.v12-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.v12-price{font-size:.8rem;font-weight:600;white-space:nowrap}.v12-add-btn{padding:.4rem .6rem;font-size:.7rem;gap:.25rem}.v12-add-btn svg{width:12px;height:12px}.v12-add-btn span{display:inline}.v12-browser-footer{flex-direction:column;gap:.75rem;text-align:center;padding:1rem 1.25rem}.v12-browser-note{font-size:.75rem}.v12-view-all{font-size:.85rem}.v12-waveform-bottom{display:none}.v12-features-section{padding:3rem 1.5rem}.v12-features-section .section-header h2{font-size:1.5rem}.v12-features-section .section-header p{font-size:.9rem}.v12-features-section .features-grid{grid-template-columns:1fr;gap:1rem}.v12-features-section .feature-card{padding:1.25rem}.v12-testimonials-section{padding:3rem 1.5rem}.v12-testimonials-section .section-header h2{font-size:1.5rem}.v12-testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:1rem}.v12-cta-section{padding:3rem 1.5rem}.v12-cta-section h2{font-size:1.5rem}.v12-cta-section p{font-size:.9rem}}@media(max-width:375px){.v12-left{padding:1.5rem 1rem 2.5rem;min-height:65vh}.v12-title-main{font-size:1.8rem}.v12-cta,.v12-cta-secondary{padding:.875rem 1.5rem}.sample-row-v12{padding:.6rem .75rem;gap:.4rem}.v12-artwork{width:36px;height:36px}.v12-play-btn{width:32px;height:32px}.v12-filename{font-size:.8rem}.v12-pack-name{font-size:.65rem}.v12-price{font-size:.75rem}.v12-add-btn{padding:.35rem .5rem;font-size:.65rem}.v12-add-btn span{display:none}}.auth-page{min-height:100vh;background:#050505;position:relative;overflow:hidden}.auth-bg{position:absolute;inset:0;pointer-events:none}.auth-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,50,50,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,50,50,.08),transparent)}.auth-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}.auth-section-v12{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.auth-container-v12{width:100%;max-width:420px;background:#0f0f0fe6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;backdrop-filter:blur(20px)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.auth-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#ff3232,#c00);border-radius:10px;display:flex;align-items:center;justify-content:center}.auth-logo span{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.auth-header-v12{text-align:center;margin-bottom:2rem}.auth-header-v12 h1{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-header-v12 p{font-size:.95rem;color:#ffffff80}.auth-form-v12{display:flex;flex-direction:column;gap:1.25rem}.auth-error-v12{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:10px;color:#ff6b6b;font-size:.875rem}.auth-success-v12{text-align:center;padding:2rem 0}.success-icon-v12{margin-bottom:1.5rem}.auth-success-v12 h2{font-size:1.5rem;color:#fff;margin-bottom:1rem}.auth-success-v12 p{color:#fff9;margin-bottom:2rem;line-height:1.6}.auth-success-v12 strong{color:#fff}.form-group-v12{display:flex;flex-direction:column;gap:.5rem}.form-group-v12 label{font-size:.875rem;font-weight:500;color:#ffffffb3}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.8rem;color:#ff3232;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#f66}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#ffffff4d;pointer-events:none}.form-group-v12 input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;color:#fff;transition:all .2s}.form-group-v12 input::placeholder{color:#ffffff4d}.form-group-v12 input:focus{outline:none;border-color:#ff3232;background:#ff32320d}.toggle-password{position:absolute;right:.75rem;padding:.5rem;background:transparent;border:none;color:#fff6;cursor:pointer;transition:color .2s}.toggle-password:hover{color:#ffffffb3}.password-match{position:absolute;right:.75rem;display:flex;align-items:center}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;background:#ffffff1a;border-radius:2px;transition:all .3s}.strength-bar.active{background:#ff3232}.strength-bar.good{background:#f7c531}.strength-bar.strong{background:#0f8}.strength-text{font-size:.75rem;color:#ffffff80;min-width:60px;text-align:right}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#ff3232,#c00);border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;text-decoration:none}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff323266}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-submit-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-terms-v12{font-size:.8rem;color:#fff6;text-align:center;line-height:1.5}.auth-terms-v12 a{color:#fff9;text-decoration:underline}.auth-terms-v12 a:hover{color:#ff3232}.auth-divider-v12{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider-v12:before,.auth-divider-v12:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider-v12 span{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.auth-social-v12{display:flex;gap:.75rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.social-btn:hover{background:#ffffff14;border-color:#fff3}.auth-footer-v12{text-align:center;margin-top:1.5rem}.auth-footer-v12 p{font-size:.9rem;color:#ffffff80}.auth-footer-v12 a{color:#ff3232;font-weight:500;text-decoration:none}.auth-footer-v12 a:hover{text-decoration:underline}.auth-decoration{display:none;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.auth-deco-text{display:flex;flex-direction:column;align-items:flex-end}.auth-deco-label{font-size:.875rem;font-weight:500;color:#ffffff4d;letter-spacing:.2em;text-transform:uppercase}.auth-deco-title{font-size:5rem;font-weight:800;color:#ffffff0d;letter-spacing:-.02em;line-height:.9}@media(max-width:768px){.auth-section-v12{padding:1rem}.auth-container-v12{padding:2rem 1.5rem}.auth-header-v12 h1{font-size:1.5rem}.auth-social-v12{flex-direction:column}}@media(min-width:1024px){.auth-decoration{display:block}}.vault-page{min-height:100vh;background:#050505}.vault-header{background:linear-gradient(180deg,rgba(255,50,50,.08) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05);padding:3rem 2rem 2rem}.vault-header-inner{max-width:1400px;margin:0 auto}.vault-welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.vault-welcome-text h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.vault-welcome-text p{color:#ffffff80;font-size:.95rem}.vault-stats{display:flex;gap:2rem}.vault-stat{text-align:center;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.vault-stat-value{font-size:1.75rem;font-weight:700;color:#ff3232;display:block}.vault-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.vault-content{max-width:1400px;margin:0 auto;padding:2rem}.vault-section{margin-bottom:3rem}.vault-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.vault-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#fff}.vault-section-title svg{color:#ff3232}.vault-empty{text-align:center;padding:4rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:16px}.vault-empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#ff32321a;border-radius:50%;display:flex;align-items:center;justify-content:center}.vault-empty-icon svg{width:40px;height:40px;color:#ff3232}.vault-empty h3{font-size:1.25rem;color:#fff;margin-bottom:.5rem}.vault-empty p{color:#ffffff80;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.vault-empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ff3232,#c00);border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s}.vault-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff323266}.vault-samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.vault-sample-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .2s}.vault-sample-card:hover{border-color:#ff32324d;transform:translateY(-2px)}.vault-sample-artwork{position:relative;aspect-ratio:1;overflow:hidden}.vault-sample-artwork img{width:100%;height:100%;object-fit:cover}.vault-sample-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s}.vault-sample-card:hover .vault-sample-play{opacity:1}.vault-play-btn{width:60px;height:60px;background:#ff3232;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.vault-play-btn:hover{transform:scale(1.1)}.vault-play-btn svg{width:24px;height:24px;color:#fff;margin-left:3px}.vault-play-btn.playing svg{margin-left:0}.vault-play-btn.loading{cursor:wait}.vault-play-btn.loading svg{margin-left:0;animation:vault-spin 1s linear infinite}@keyframes vault-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vault-sample-card.playing .vault-sample-play{opacity:1}.vault-sample-card.playing .vault-play-btn{background:#0f8}.vault-sample-info{padding:1rem}.vault-sample-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-sample-pack{font-size:.8rem;color:#ffffff80;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-sample-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#fff6}.vault-sample-meta span{display:flex;align-items:center;gap:.25rem}.vault-sample-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.vault-download-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:8px;font-size:.8rem;font-weight:500;color:#ff3232;cursor:pointer;transition:all .2s}.vault-download-btn:hover{background:#ff323233}.vault-invoice-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s}.vault-invoice-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fffc}.vault-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.vault-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff3232;border-radius:50%;animation:spin 1s linear infinite}.vault-loading p{color:#ffffff80;font-size:.95rem}.vault-spinner{animation:spin 1s linear infinite}.vault-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.vault-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.9rem;font-weight:500;color:#fff9;cursor:pointer;transition:all .2s}.vault-tab:hover{background:#ffffff0d;color:#fffc}.vault-tab.active{background:#ff32321a;border-color:#ff32324d;color:#ff3232}.vault-tab svg{flex-shrink:0}.vault-orders-list{display:flex;flex-direction:column;gap:1rem}.vault-order-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.vault-order-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.vault-order-id{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem}.vault-order-date{font-size:.8rem;color:#ffffff80}.vault-order-total{text-align:right}.vault-order-total-label{display:block;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.vault-order-total-value{font-size:1.25rem;font-weight:700;color:#ff3232}.vault-order-items{padding:1rem 1.25rem}.vault-order-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.vault-order-item:last-child{border-bottom:none}.vault-order-item-artwork{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.vault-order-item-info{flex:1;min-width:0}.vault-order-item-name{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-order-item-filename{font-size:.75rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-order-item-price{font-size:.9rem;font-weight:600;color:#fffc;flex-shrink:0}.vault-order-actions{padding:1rem 1.25rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.vault-receipt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:8px;font-size:.85rem;font-weight:500;color:#ff3232;cursor:pointer;transition:all .2s}.vault-receipt-btn:hover:not(:disabled){background:#ff323233}.vault-receipt-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.vault-header{padding:2rem 1rem 1.5rem}.vault-welcome{flex-direction:column;align-items:flex-start;text-align:left}.vault-welcome-text h1{font-size:1.5rem}.vault-stats{width:100%;justify-content:space-between}.vault-stat{flex:1;padding:.75rem 1rem}.vault-stat-value{font-size:1.5rem}.vault-content{padding:1.5rem 1rem}.vault-samples-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.vault-sample-info{padding:.75rem}.vault-sample-name{font-size:.85rem}.vault-sample-actions{padding:0 .75rem .75rem}.vault-tabs{flex-wrap:wrap}.vault-tab{padding:.625rem 1rem;font-size:.85rem}.vault-order-header{flex-direction:column;gap:1rem;align-items:flex-start}.vault-order-total{text-align:left}.vault-order-item{flex-wrap:wrap}.vault-order-item-price{width:100%;text-align:right;margin-top:.25rem}}.browse-page{min-height:100vh;background:var(--color-bg)}.browse-hero{padding:3rem 2rem 2rem;background:linear-gradient(180deg,rgba(255,50,50,.08) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.browse-hero-content{max-width:1400px;margin:0 auto}.browse-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.browse-subtitle{font-size:1.1rem;color:#ffffff80}.browse-filters-section{padding:1.5rem 2rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:64px;z-index:100;backdrop-filter:blur(20px)}.browse-filters-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.browse-search{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 1rem;transition:all .2s}.browse-search:focus-within{border-color:#ff3232;background:#ff32320d}.browse-search svg{color:#fff6;flex-shrink:0}.browse-search-input{flex:1;background:none;border:none;padding:.875rem 0;font-size:1rem;color:#fff;outline:none}.browse-search-input::placeholder{color:#fff6}.browse-search-clear{padding:.25rem;background:none;border:none;cursor:pointer;color:#fff6;transition:color .2s}.browse-search-clear:hover{color:#fff}.browse-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.browse-dropdown-wrapper{position:relative}.browse-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;color:#ffffffb3;cursor:pointer;transition:all .2s;white-space:nowrap}.browse-filter-btn:hover{background:#ffffff14;border-color:#fff3}.browse-filter-btn.active{background:#ff32321a;border-color:#ff32324d;color:#ff3232}.browse-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:180px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;z-index:1000;box-shadow:0 10px 40px #00000080}.browse-dropdown-option{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;color:#ffffffb3;cursor:pointer;transition:all .15s}.browse-dropdown-option:hover{background:#ffffff0d;color:#fff}.browse-dropdown-option.active{background:#ff32321a;color:#ff3232}.browse-volume{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;color:#ffffff80}.browse-volume-slider{width:80px;height:4px;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.browse-volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#ff3232;border-radius:50%;cursor:pointer}.browse-clear-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:none;border:none;font-size:.875rem;color:#ffffff80;cursor:pointer;transition:color .2s}.browse-clear-btn:hover{color:#ff3232}.browse-categories-section{padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.browse-categories-container{max-width:1400px;margin:0 auto}.browse-category-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.browse-category-pills::-webkit-scrollbar{display:none}.browse-pill{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:.8rem;font-weight:500;color:#fff9;cursor:pointer;transition:all .2s;white-space:nowrap}.browse-pill:hover{background:#ffffff14;color:#fff}.browse-pill.active{background:#ff3232;border-color:#ff3232;color:#fff}.browse-results-header{padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.05)}.browse-results-container{max-width:1400px;margin:0 auto}.browse-results-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.browse-results-count{color:#fff;font-weight:500}.browse-results-category,.browse-results-query{color:#ffffff80}.browse-samples-section{padding:0 2rem 3rem}.browse-samples-container{max-width:1400px;margin:0 auto}.browse-list-header{display:grid;grid-template-columns:50px 60px 1fr 180px 80px 200px 140px;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.browse-sample-list{display:flex;flex-direction:column}.browse-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.browse-no-results svg{color:#fff3;margin-bottom:1.5rem}.browse-no-results h3{font-size:1.25rem;margin-bottom:.5rem;color:#fff}.browse-no-results p{color:#ffffff80;margin-bottom:1.5rem}.browse-reset-btn{padding:.75rem 1.5rem;background:#ff32321a;border:1px solid rgba(255,50,50,.3);border-radius:8px;font-size:.9rem;font-weight:500;color:#ff3232;cursor:pointer;transition:all .2s}.browse-reset-btn:hover{background:#ff323233}.browse-cta-section{padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(255,50,50,.05) 100%);text-align:center}.browse-cta-content{max-width:600px;margin:0 auto}.browse-cta-content h2{font-size:1.75rem;margin-bottom:.75rem}.browse-cta-content p{color:#ffffff80;margin-bottom:1.5rem}.browse-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#ff3232;border-radius:8px;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;transition:all .2s}.browse-cta-btn:hover{background:#f44;transform:translateY(-2px)}@media(max-width:1024px){.browse-list-header{display:none}}@media(max-width:768px){.browse-hero{padding:2rem 1rem 1.5rem}.browse-filters-section{padding:1rem}.browse-controls{gap:.5rem}.browse-filter-btn{padding:.5rem .75rem;font-size:.8rem}.browse-volume{display:none}.browse-categories-section{padding:.75rem 1rem}.browse-pill{padding:.4rem .75rem;font-size:.75rem}.browse-results-header{padding:.75rem 1rem}.browse-samples-section{padding:0 1rem 2rem}.browse-cta-section{padding:3rem 1rem}.browse-cta-content h2{font-size:1.5rem}}.not-found-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.not-found-content{text-align:center;max-width:500px}.not-found-icon{margin-bottom:2rem;color:#ff3232}.not-found-icon svg{width:80px;height:80px}.not-found-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text)}.not-found-content p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:2rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}