@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--nyc-black:#000;--nyc-white:#fff;--nyc-gray-100:#f8f9fa;--nyc-gray-200:#e9ecef;--nyc-gray-300:#dee2e6;--nyc-gray-400:#ced4da;--nyc-gray-500:#adb5bd;--nyc-gray-600:#6c757d;--nyc-gray-700:#495057;--nyc-gray-800:#343a40;--nyc-gray-900:#212529;--accent-primary:#000;--accent-secondary:#fff;--accent-highlight:#f0f0f0;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--nyc-white);color:#000;color:var(--nyc-black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;font-weight:var(--font-weight-black);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;font-weight:var(--font-weight-extrabold);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;font-weight:var(--font-weight-bold)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;font-weight:var(--font-weight-semibold)}p{color:#495057;color:var(--nyc-gray-700);font-size:1.125rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.container{margin:0 auto;max-width:1200px}.container,.container-fluid{padding:0 1.5rem;padding:0 var(--space-lg)}.container-fluid{width:100%}.grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.btn{align-items:center;border:2px solid #0000;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;line-height:1;overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn-primary{background-color:#000;background-color:var(--nyc-black);border-color:#000;border-color:var(--nyc-black);color:#fff;color:var(--nyc-white)}.btn-primary:hover{background-color:#343a40;background-color:var(--nyc-gray-800);border-color:#343a40;border-color:var(--nyc-gray-800);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:initial;border-color:#000;border-color:var(--nyc-black);color:#000;color:var(--nyc-black)}.btn-secondary:hover{background-color:#000;background-color:var(--nyc-black);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--nyc-white);transform:translateY(-2px)}.btn-white{background-color:#fff;background-color:var(--nyc-white);border-color:#fff;border-color:var(--nyc-white);color:#000;color:var(--nyc-black)}.btn-white:hover{background-color:#f8f9fa;background-color:var(--nyc-gray-100);border-color:#f8f9fa;border-color:var(--nyc-gray-100);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{font-size:1.125rem;padding:1.5rem 3rem;padding:var(--space-lg) var(--space-2xl)}.btn-sm{font-size:.875rem;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.card{background-color:#fff;background-color:var(--nyc-white);border:1px solid #e9ecef;border:1px solid var(--nyc-gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-body{padding:2rem;padding:var(--space-xl)}.card-header{padding:2rem 2rem 0;padding:var(--space-xl) var(--space-xl) 0}.card-footer{padding:0 2rem 2rem;padding:0 var(--space-xl) var(--space-xl)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--nyc-gray-200);left:0;padding:1rem 0;padding:var(--space-md) 0;position:fixed;right:0;top:0;transition:transform .3s ease;z-index:1000}.navbar-hidden{transform:translateY(-100%)}.navbar-content{align-items:center;display:flex;justify-content:space-between}.navbar-brand{color:#000;color:var(--nyc-black);font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black);letter-spacing:-.02em;text-decoration:none}.navbar-nav{align-items:center;display:flex;gap:2rem;gap:var(--space-xl);list-style:none}.nav-link{color:#495057;color:var(--nyc-gray-700);font-weight:500;font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.nav-link:hover{color:#000;color:var(--nyc-black)}.nav-link:after{background-color:#000;background-color:var(--nyc-black);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.nav-link:hover:after{width:100%}.hero{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--nyc-white) 0,var(--nyc-gray-100) 100%);display:flex;min-height:100vh;padding:6rem 0;padding:var(--space-4xl) 0}.hero-content{grid-gap:6rem;grid-gap:var(--space-4xl);align-items:center;display:grid;gap:6rem;gap:var(--space-4xl);grid-template-columns:1fr 1fr}.hero-text{max-width:600px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#495057);background:linear-gradient(135deg,var(--nyc-black) 0,var(--nyc-gray-700) 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;margin-bottom:var(--space-xl)}.hero-subtitle{color:#6c757d;color:var(--nyc-gray-600);font-size:1.25rem;line-height:1.7;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg)}.hero-image{position:relative}.hero-image img{border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);height:auto;width:100%}.section{padding:6rem 0;padding:var(--space-4xl) 0}.section-header{margin-bottom:4rem;margin-bottom:var(--space-3xl);text-align:center}.section-title{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.section-subtitle{color:#6c757d;color:var(--nyc-gray-600);font-size:1.125rem;margin:0 auto;max-width:600px}.feature-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:#fff;background-color:var(--nyc-white);border:1px solid #e9ecef;border:1px solid var(--nyc-gray-200);border-radius:16px;border-radius:var(--radius-xl);padding:3rem;padding:var(--space-2xl);text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.feature-card:hover{border-color:#000;border-color:var(--nyc-black);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.feature-icon{align-items:center;background-color:#000;background-color:var(--nyc-black);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto 2rem;margin:0 auto var(--space-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:80px}.feature-card:hover .feature-icon{background-color:#343a40;background-color:var(--nyc-gray-800);transform:scale(1.1)}.feature-title{color:#000;color:var(--nyc-black);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--space-md)}.feature-description{color:#6c757d;color:var(--nyc-gray-600);line-height:1.6}.producer-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.producer-card{background-color:#fff;background-color:var(--nyc-white);border:1px solid #e9ecef;border:1px solid var(--nyc-gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.producer-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.producer-image{background-color:#e9ecef;background-color:var(--nyc-gray-200);height:200px;overflow:hidden;position:relative;width:100%}.producer-info{padding:2rem;padding:var(--space-xl)}.producer-name{font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.producer-genre{color:#6c757d;color:var(--nyc-gray-600);font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.producer-rating{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.stars{display:flex;gap:2px}.star{fill:#ced4da;fill:var(--nyc-gray-400);height:16px;width:16px}.star.filled{fill:#000;fill:var(--nyc-black)}.producer-price{color:#000;color:var(--nyc-black);font-size:1.125rem;font-weight:700;font-weight:var(--font-weight-bold)}.sample-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.sample-card{background-color:#fff;background-color:var(--nyc-white);border:1px solid #e9ecef;border:1px solid var(--nyc-gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.sample-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sample-waveform{background:linear-gradient(90deg,#000,#ced4da 50%,#000);background:linear-gradient(90deg,var(--nyc-black) 0,var(--nyc-gray-400) 50%,var(--nyc-black) 100%);height:80px;position:relative;width:100%}.sample-info{padding:1.5rem;padding:var(--space-lg)}.sample-name{font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.sample-bpm{color:#6c757d;color:var(--nyc-gray-600);font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--space-md)}.sample-price{align-items:center;display:flex;justify-content:space-between}.price{color:#000;color:var(--nyc-black);font-weight:700;font-weight:var(--font-weight-bold)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-label{color:#000;color:var(--nyc-black);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-input{border:2px solid #dee2e6;border:2px solid var(--nyc-gray-300);border-radius:8px;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;padding:1rem;padding:var(--space-md);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);width:100%}.form-input:focus{border-color:#000;border-color:var(--nyc-black);outline:none}.form-textarea{min-height:120px;resize:vertical}.search-bar{margin:0 auto 3rem;margin:0 auto var(--space-2xl);max-width:500px;position:relative}.search-input{border:2px solid #dee2e6;border:2px solid var(--nyc-gray-300);border-radius:9999px;border-radius:var(--radius-full);font-size:1rem;padding:1.5rem 1.5rem 1.5rem 3rem;padding:var(--space-lg) var(--space-lg) var(--space-lg) 3rem;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);width:100%}.search-input:focus{border-color:#000;border-color:var(--nyc-black);outline:none}.search-icon{color:#adb5bd;color:var(--nyc-gray-500);height:20px;left:1.5rem;left:var(--space-lg);position:absolute;top:50%;transform:translateY(-50%);width:20px}.filter-bar{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:center;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.filter-select{background-color:#fff;background-color:var(--nyc-white);border:2px solid #dee2e6;border:2px solid var(--nyc-gray-300);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:#000;border-color:var(--nyc-black);outline:none}.footer{background-color:#000;background-color:var(--nyc-black);color:#fff;color:var(--nyc-white);padding:6rem 0 2rem;padding:var(--space-4xl) 0 var(--space-xl)}.footer-content{grid-gap:3rem;grid-gap:var(--space-2xl);display:grid;gap:3rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--space-2xl)}.footer-brand{font-size:1.5rem;font-weight:900;font-weight:var(--font-weight-black)}.footer-brand,.footer-description{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.footer-description{color:#ced4da;color:var(--nyc-gray-400)}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.footer-links a{color:#ced4da;color:var(--nyc-gray-400);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff;color:var(--nyc-white)}.footer-bottom{border-top:1px solid #343a40;border-top:1px solid var(--nyc-gray-800);color:#ced4da;color:var(--nyc-gray-400);padding-top:2rem;padding-top:var(--space-xl);text-align:center}@media (max-width:1024px){.hero-content{gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}.navbar-nav{display:none}.hero,.section{padding:4rem 0;padding:var(--space-3xl) 0}.hero-actions{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}@media (max-width:480px){.feature-grid,.producer-grid,.sample-grid{grid-template-columns:1fr}.filter-bar{align-items:center;flex-direction:column}.filter-select{max-width:300px;width:100%}}.fade-in{opacity:0;transform:translateY(30px);transition:all .35s ease-in-out;transition:all var(--transition-slow)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-up{opacity:0;transform:translateY(50px);transition:all .35s ease-in-out;transition:all var(--transition-slow)}.slide-up.visible{opacity:1;transform:translateY(0)}.loading{animation:spin 1s ease-in-out infinite;border:2px solid #dee2e6;border-radius:50%;border-top-color:#000;border:2px solid var(--nyc-gray-300);border-top-color:var(--nyc-black);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-xs)}.mt-2{margin-top:.5rem;margin-top:var(--space-sm)}.mt-3{margin-top:1rem;margin-top:var(--space-md)}.mt-4{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-5{margin-top:2rem;margin-top:var(--space-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-xs)}.p-2{padding:.5rem;padding:var(--space-sm)}.p-3{padding:1rem;padding:var(--space-md)}.p-4{padding:1.5rem;padding:var(--space-lg)}.p-5{padding:2rem;padding:var(--space-xl)}.hidden{display:none}.visible{display:block}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.rounded{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.border{border:1px solid #dee2e6;border:1px solid var(--nyc-gray-300)}.border-2{border:2px solid #dee2e6;border:2px solid var(--nyc-gray-300)}.border-black{border-color:#000;border-color:var(--nyc-black)}.bg-white{background-color:#fff;background-color:var(--nyc-white)}.bg-black{background-color:#000;background-color:var(--nyc-black)}.bg-gray-100{background-color:#f8f9fa;background-color:var(--nyc-gray-100)}.bg-gray-200{background-color:#e9ecef;background-color:var(--nyc-gray-200)}.text-black{color:#000;color:var(--nyc-black)}.text-white{color:#fff;color:var(--nyc-white)}.text-gray-600{color:#6c757d;color:var(--nyc-gray-600)}.text-gray-700{color:#495057;color:var(--nyc-gray-700)}
/*# sourceMappingURL=main.5064769f.css.map*/