body{margin:0;padding:0;font-family:sans-serif;background:#111;color:#fff}.promo-bar{background:#0a0a0a;color:#fff;text-align:center;padding:10px 15px;font-size:1.5rem;font-weight:600;letter-spacing:.5px;position:relative;z-index:1000}.promo-code{color:#fff;font-weight:700;text-shadow:0 0 8px #f00,0 0 12px #ffaa00}@media (max-width: 480px){.promo-bar{font-size:.85rem;padding:8px 10px}}.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}.spop{position:fixed;bottom:26px;right:26px;width:320px;background:#000;border:1px solid #f00;box-shadow:0 8px 28px #ff000014;border-radius:14px;padding:0;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .28s ease;font-family:Inter,sans-serif;z-index:999999}.spop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.spop__inner{padding:20px 20px 10px;display:flex;flex-direction:column;gap:12px}.spop--noimg{text-align:left}.spop__copy h5{font-size:18px;font-weight:800;margin:0 0 8px;color:#fff}.spop__copy h5 span{color:red}.spop__copy p{margin:0;font-size:14px;color:#4b55693;line-height:1.45}.code-tag{background:red;padding:4px 6px;border-radius:6px;color:#fff;font-weight:700;font-size:13px}.spop__cta{padding:0 20px 16px;display:flex;align-items:center;justify-content:space-between}.spop__btn{background:red;color:#fff;font-weight:800;padding:10px 16px;font-size:14px;border-radius:10px;text-decoration:none;display:inline-block;transition:background .2s ease}.spop__btn:hover{background:#a31f16}.spop__close{background:none;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#6b7280}.spop__close:hover{color:#0d0f14}@media (max-width: 520px){.spop{bottom:16px;right:16px;width:calc(100% - 32px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/demondetropolis.css.map */