body{margin:0;padding:0;font-family:sans-serif;background:#111;color:#fff}.audio-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:url(wave\ 1.png) no-repeat center center/cover;text-align:center}.waveform-container{display:flex;align-items:center;gap:10px;width:100%;max-width:600px}#playPauseBtn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}#waveform{flex:1;height:80px}.audio-label{margin-top:10px;font-size:14px;color:#fff;font-weight:700}.hero{background:url(https://cdn.shopify.com/s/files/1/0914/1387/2946/files/fullscrean.png?v=1751477996) no-repeat center center/cover;height:90vh;display:flex;align-items:center;justify-content:left;text-align:left;padding:20px;color:#fff}.hero-content{max-width:600px;padding:20px}h1{font-size:7rem;font-weight:700;margin-bottom:20px;color:#fff}p{font-size:2.3rem;font-weight:700;line-height:1.5;margin-bottom:30px}.btn{display:block;background:red;color:#fff;padding:15px;text-align:center;font-size:1rem;border:none;border-radius:5px;margin:20px auto;text-decoration:none;width:100%;max-width:210px;transition:background .3s,transform .2s}.btn:hover{background:#8b0000;transform:scale(1.05)}html{scroll-behavior:smooth}.hero-preview{text-align:center;margin-bottom:40px}.preview-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:30px;line-height:1.3}.preview-title span{color:#ff3c3c;font-weight:600}@media (max-width: 768px){.preview-title{font-size:3rem}}.detropolis-logo-header{text-align:center;margin-bottom:1px}.detropolis-logo-header img{max-width:600px;width:100%;filter:drop-shadow(0 0 6px rgba(255,255,255,.2));opacity:.95;transition:transform .3s ease}.detropolis-logo-header img:hover{transform:scale(1.05)}.kit-section{display:flex;justify-content:center;align-items:center;padding:50px 10%}.detrodrums-bg,.detroloops-bg,.detrophrases-bg{background:#111}.kit-container{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;margin:auto}.kit-container.reverse{flex-direction:row-reverse}.kit-container img{width:100%;max-width:360px;border-radius:12px;box-shadow:0 0 20px #ff3c3c66}.kit-info{max-width:600px}.kit-info h2{font-size:6rem;margin-bottom:20px;text-shadow:0 0 5px;color:#fff;font-weight:700}.kit-info p{font-size:2rem;line-height:1.5;margin-bottom:20px}.kit-info ul{text-align:left}span{font-weight:700}.audio-samples{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 30px;padding:20px;max-width:1200px;margin:0 auto;border-radius:12px}.sample{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}.play-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;margin-bottom:6px}.waveform{width:100%;height:24px;border-radius:4px;margin-bottom:6px}.sample p{font-size:12px;color:#fff;font-weight:400;margin-top:20px}.kit-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:10px}.kit-tab{background:transparent;border:2px solid #fff;padding:10px 20px;cursor:pointer;border-radius:10px;font-weight:700;transition:background .3s ease,color .3s ease}.kit-tab.active,.kit-tab:hover{background:#ff3c3c;color:#fff}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px) and (min-width: 601px){.audio-samples{grid-template-columns:repeat(4,1fr);gap:20px 25px;padding:25px}.sample{padding:0}.play-btn{font-size:18px;margin-bottom:6px}.waveform{height:22px;margin-bottom:6px}.sample p{font-size:12px}.preview-title{font-size:2rem}}@media (max-width: 600px){.audio-samples{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.sample p{font-size:13px}.preview-title{font-size:1.6rem}}@media (max-width: 480px){.audio-samples{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:15px}.sample{width:100%;padding:0}.play-btn{font-size:16px;margin-bottom:4px}.waveform{height:20px;margin-bottom:4px}.sample p{font-size:11px}.preview-title{font-size:1.4rem;margin-bottom:10px}}.kit-info ul{list-style:none;padding:0}.kit-info ul li{font-size:1.9rem;margin-bottom:10px}.bundle-image,.kit-container img{width:600px;height:auto;border-radius:10px}.pricing-section{display:flex;justify-content:center;align-items:center;padding:50px 10%;background:#fff;text-align:center}.pricing-container{display:flex;flex-direction:column;align-items:center;max-width:800px}.bundle-image{width:100%px}.pricing-info h2{font-size:2.5rem;margin-bottom:20px}.pricing-list{list-style:none;padding:0;text-align:left;color:#000}.pricing-list li{font-size:2.6rem;margin-bottom:10px;display:flex;justify-content:space-between}.pricing-list span{font-weight:700;color:red}.pricing-total{margin-top:20px;font-size:1.5rem}.pricing-total p{margin:5px 0;color:#000;font-size:3.5rem}.pricing-total s{font-size:4rem;color:red}.discount{color:#0f0;font-size:2rem;font-weight:700}.btn{display:inline-block;background:red;color:#fff;padding:15px 30px;text-decoration:none;font-size:1.3rem;border-radius:5px;transition:background .3s;margin-top:20px}.btn:hover{background:#c00}@media (max-width: 768px){.hero{height:auto;padding:20px;text-align:center}.hero-content{max-width:100%}h1{font-size:3.5rem}p{font-size:1.6rem}.kit-container{flex-direction:column;text-align:center}.kit-container.reverse{flex-direction:column}.detrophrases-info h2{font-size:4.2rem}.detroloops-info h2,.detrodrums-info h2,.detroworld-info h2,.detromidis-info h2{font-size:4.6rem}.detrocourse-info h2{font-size:4.4rem}img{width:100%;max-width:300px}.pricing-container{width:100%}.btn{width:100%;text-align:center}}@media (min-width: 744px) and (max-width: 1366px){.kit-container{flex-direction:column!important;text-align:center;align-items:center;justify-content:center}.kit-container img{width:100%;max-width:450px}.kit-info{max-width:90%;text-align:center}.kit-info h2{font-size:4rem}.kit-info p{font-size:1.8rem}.waveform-container{width:100%;max-width:450px}.btn{max-width:250px;font-size:1.6rem}}.faq-section{background:#f5f5f5;padding:50px 10%;text-align:center;color:#333}.faq-section h2{font-size:3rem;font-weight:700}.faq-container{max-width:800px;margin:auto;padding-bottom:120px}.faq-item{background:#fff;margin:10px 0;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.faq-question{width:100%;text-align:left;padding:15px;font-size:2rem;font-weight:700;border:none;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer{font-size:1.8rem;color:#555;border-top:1px solid #ddd;max-height:0px;overflow:hidden;opacity:0;transition:max-height .5s ease-out,opacity .4s ease-out}.faq-question:focus+.faq-answer{display:block}.faq-toggle{font-size:1.5rem}.faq-cta{margin-top:40px;background:#f5f5f5}.buy-button{background-color:#d40030;color:#fff;border:none;padding:15px 30px;font-size:1.5rem;border-radius:8px;cursor:pointer;transition:.3s ease}.buy-button:hover{background-color:red}.waveform-container>div>div,.sample>div>div{display:flex}.footer.color-scheme-1.gradient{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/demondetropolis.css.map */