:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #ec4899;--accent-gold: #f59e0b;--accent-green: #10b981;--accent-purple: #8b5cf6;--dark: #0f172a;--dark-card: #1e293b;--gray: #64748b;--light: #f1f5f9;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--dark);background-color:var(--white);overflow-x:hidden}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1;display:block!important}.hero-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="1" fill="white" opacity="0.1"/></svg>');animation:float 20s linear infinite}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:5rem 2rem 1rem;position:relative;z-index:2}.hero-videos{display:flex;justify-content:center}.video-card{position:relative;width:100%;max-width:380px;border-radius:30px;overflow:hidden;border:6px solid rgba(255,255,255,.2);background:#000;aspect-ratio:9/16}.video-card video{width:100%;height:100%;object-fit:cover}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#fffffff2;border:none;border-radius:50%;font-size:1.8rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding-left:5px}.play-btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.15)}.video-overlay{position:absolute;top:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.video-overlay p{color:#fff;font-weight:600;text-align:center}.hero-text{color:#fff}.hero-title{font-size:6rem;font-weight:900;line-height:1.3;margin-bottom:1.5rem}.hero-subtitle{font-size:1.4rem;line-height:1.6;margin-bottom:2.5rem;opacity:.95}.btn-cta{padding:1.2rem 3rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;font-size:1.6rem;background:#fff;color:var(--primary);box-shadow:0 10px 30px #0003;text-decoration:unset}.btn-cta:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;height:100px;background:var(--white);clip-path:polygon(0 50%,100% 0,100% 100%,0 100%);display:block!important}.occasions{padding:0rem 0;background:linear-gradient(180deg,#fff,#f8fafc)}.occasions-scroll{display:flex;gap:2.5rem;overflow-x:auto;padding:2rem 0;scrollbar-width:none}.occasions-scroll::-webkit-scrollbar{display:none}.occasion-item{flex-shrink:0;text-align:center;transition:all .3s}.occasion-item:hover{transform:translateY(-10px)}.occasion-circle{width:140px;height:140px;border-radius:50%;overflow:hidden;border:5px solid var(--primary);margin-bottom:1rem;transition:all .3s;cursor:pointer;position:relative}.occasion-circle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.3),transparent);opacity:0;transition:all .3s}.occasion-circle:hover:after{opacity:1}.occasion-circle:hover{transform:scale(1.1)}.occasion-circle img{width:100%;height:100%;object-fit:cover}.occasion-item p{color:var(--dark);font-weight:700;font-size:1.25rem}.pricing{padding:4rem 0;background:var(--dark);position:relative;overflow:hidden}.pricing:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.section-title{text-align:center;font-size:4.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:-.03em;color:#fff;position:relative;z-index:1}.pricing-decorations{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.deco{font-size:2.5rem;margin:0 1rem;display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;position:relative;z-index:1}.pricing-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;transition:all .3s;position:relative;border:3px solid transparent}.pricing-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px #0006}.card-starter{border-color:var(--accent-green)}.card-classic{border-color:var(--primary)}.card-premium{border-color:var(--accent-purple);background:linear-gradient(135deg,#fff,#faf5ff)}.card-luxury{border-color:var(--accent-gold)}.card-badge{position:absolute;top:-15px;right:20px;background:linear-gradient(135deg,var(--accent-gold),#fbbf24);color:#fff;padding:.5rem 1.2rem;border-radius:30px;font-weight:800;font-size:1.25rem;box-shadow:0 5px 15px #f59e0b66}.card-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--dark);line-height:1.3}.card-price{font-size:5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-best-for{font-size:1.25rem;color:var(--gray);margin-bottom:1.5rem;font-weight:600;line-height:1.4}.card-features{list-style:none;margin-bottom:1.5rem}.card-features li{padding:.6rem 0 .6rem 1.8rem;position:relative;font-size:1.5rem;line-height:1.85;color:var(--dark)}.feature-check:before{content:"\2713";position:absolute;left:0;color:var(--accent-green);font-weight:700;font-size:1.5rem}.feature-cross:before{content:"\2715";position:absolute;left:0;color:#ef4444;font-weight:700}.feature-time{background:#fef3c7;padding:.4rem;border-radius:6px;margin-top:.3rem;font-size:.8rem}.feature-bonus{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:.8rem;margin-top:.5rem;font-weight:600;border-left:3px solid var(--accent-gold);font-size:.8rem}.card-tagline{font-style:italic;font-weight:600;margin-bottom:1.5rem;text-align:center;font-size:1.5rem;color:var(--gray)}.btn-card{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;padding:1rem;font-size:2rem;border:none;border-radius:10px;cursor:pointer!important;transition:all .3s;box-shadow:0 5px 15px #6366f14d;display:block;text-align:center;text-decoration:unset}.btn-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6366f180}.recent-songs{padding:4rem 0;background:linear-gradient(180deg,#f8fafc,#fff);position:relative}.recent-songs .section-title{color:var(--dark);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:.5rem;font-size:4.5rem}.section-subtitle{text-align:center;color:var(--primary);font-weight:800;margin-bottom:2rem;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}.songs-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.songs-scroll::-webkit-scrollbar{display:none}.song-card{flex-shrink:0;width:180px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.song-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026;border-color:var(--primary)}.song-image{width:100%;height:180px;overflow:hidden;position:relative}.song-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f11a,#ec48991a);opacity:0;transition:all .3s}.song-card:hover .song-image:after{opacity:1}.song-image img{width:100%;height:100%;object-fit:cover;transition:all .3s}.song-card:hover .song-image img{transform:scale(1.1)}.song-info{padding:1rem;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.8rem}.song-play{width:45px;height:45px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 5px 15px #6366f14d;transition:all .3s}.song-play:hover{transform:scale(1.15);box-shadow:0 8px 20px #6366f180}.song-name{color:var(--dark);font-weight:700;text-align:center;font-size:1.25rem;line-height:1.3}.sample-tracks{padding:4rem 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1e);position:relative;overflow:hidden}.sample-tracks:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.sample-tracks .section-title{color:#fff;margin-bottom:.5rem}.player-subtitle{text-align:center;color:#ffffffb3;font-size:1.5rem;margin-bottom:3rem;font-weight:500}.music-player-wrapper{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000080;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.player-main-section{display:flex;flex-direction:column;order:2}.modern-playlist{order:1;height:100%;max-height:700px}.playlist-items{max-height:580px}.player-album-section{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.album-art-container{position:relative;width:320px;height:320px;margin-bottom:2rem}.album-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.6) 0%,transparent 70%);filter:blur(40px);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.album-art{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 20px 60px #0009;border:8px solid rgba(255,255,255,.1);animation:rotate-vinyl 20s linear infinite paused}.album-art.playing{animation-play-state:running}@keyframes rotate-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-art img{width:100%;height:100%;object-fit:cover}.vinyl-record{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,#1a1a2e 30%,transparent 30%,transparent 35%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.1) 40%,transparent 40%);border-radius:50%;pointer-events:none}.equalizer{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end;height:60px}.eq-bar{width:8px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:4px;animation:eq-bounce .8s ease-in-out infinite}.eq-bar:nth-child(1){animation-delay:0s;height:20px}.eq-bar:nth-child(2){animation-delay:.1s;height:30px}.eq-bar:nth-child(3){animation-delay:.2s;height:40px}.eq-bar:nth-child(4){animation-delay:.3s;height:30px}.eq-bar:nth-child(5){animation-delay:.4s;height:20px}@keyframes eq-bounce{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.now-playing-info{text-align:center}.track-title{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.track-artist{color:#fff9;font-size:1.1rem}.player-controls-section{margin-bottom:3rem}.progress-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.progress-section span{color:#ffffffb3;font-weight:600;font-size:.9rem;min-width:45px}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:10px;position:relative;cursor:pointer;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;width:30%;position:relative}.progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:all .2s}.progress-bar:hover .progress-handle{opacity:1}.player-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem}.control-btn{background:#ffffff0d;border:none;color:#ffffffb3;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.control-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.play-pause-btn{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 30px #6366f180}.play-pause-btn:hover{box-shadow:0 15px 40px #6366f1b3;transform:scale(1.15)}.volume-control{display:flex;align-items:center;justify-content:center;gap:1rem}.volume-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s}.volume-btn:hover{color:#fff;transform:scale(1.1)}.volume-slider{width:120px;height:6px;background:#ffffff1a;border-radius:10px;position:relative;cursor:pointer}.volume-fill{height:100%;width:70%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px}.modern-playlist{background:#0003;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-header h4{color:#fff;font-size:2rem;font-weight:800}.track-count{color:#ffffff80;font-size:1.3rem}.playlist-items{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(255,255,255,.05)}.playlist-items::-webkit-scrollbar{width:6px}.playlist-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.playlist-items::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.playlist-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s;margin-bottom:.5rem;position:relative;overflow:hidden}.playlist-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(99,102,241,.3),transparent);transition:all .3s}.playlist-item:hover:before{width:100%}.playlist-item:hover{background:#ffffff0d;transform:translate(5px)}.playlist-item.active{background:#6366f133;border-left:3px solid var(--primary)}.track-number{color:#fff6;font-weight:700;font-size:1.5rem;min-width:30px}.playlist-item.active .track-number{color:var(--primary)}.track-info{flex:1;display:flex;justify-content:space-between;align-items:center}.track-name{color:#fff;font-weight:600;font-size:1.45rem}.track-duration{color:#fff6;font-size:1.3rem}.track-wave{display:flex;gap:3px;align-items:center;height:24px;margin-left:1rem}.wave-bar{width:3px;background:#fff3;border-radius:2px;transition:all .3s}.wave-bar:nth-child(1){height:8px}.wave-bar:nth-child(2){height:14px}.wave-bar:nth-child(3){height:20px}.wave-bar:nth-child(4){height:12px}.wave-bar:nth-child(5){height:6px}.playlist-item.active .wave-bar{background:var(--primary);animation:wave-pulse 1s ease-in-out infinite}@keyframes wave-pulse{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.playlist-item.active .wave-bar:nth-child(1){animation-delay:0s}.playlist-item.active .wave-bar:nth-child(2){animation-delay:.1s}.playlist-item.active .wave-bar:nth-child(3){animation-delay:.2s}.playlist-item.active .wave-bar:nth-child(4){animation-delay:.3s}.playlist-item.active .wave-bar:nth-child(5){animation-delay:.4s}.playlist-item:hover .wave-bar{background:#6366f180}.how-it-works{padding:4rem 0;background:#fff;position:relative;overflow:hidden}.how-it-works .section-title{color:var(--dark);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;position:relative;z-index:1}.how-it-works-subtitle{text-align:center;color:var(--gray);font-size:1.5rem;margin-bottom:4rem;font-weight:500;position:relative;z-index:1}.steps-container{position:relative;z-index:1}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:0;position:relative}.step-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0003;position:relative;border:2px solid rgba(255,255,255,.3);overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f10d,#ec48990d);opacity:0;transition:all .4s}.step-card:hover:before{opacity:1}.step-card:hover{transform:translateY(-20px) scale(1.03);box-shadow:0 30px 80px #0000004d;border-color:var(--primary)}.step-number{position:absolute;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;box-shadow:0 5px 15px #6366f166}.step-icon{font-size:5rem;width:140px;height:140px;border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 15px 40px #6366f166;position:relative;z-index:1;animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.step-card:nth-child(1) .step-icon{background:linear-gradient(135deg,#667eea,#764ba2);animation-delay:0s}.step-card:nth-child(2) .step-icon{background:linear-gradient(135deg,#f093fb,#f5576c);animation-delay:.2s}.step-card:nth-child(3) .step-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);animation-delay:.4s}.step-card h3{font-size:2.5rem;font-weight:900;margin-bottom:1.2rem;color:var(--dark);line-height:1.2;position:relative;z-index:1}.step-card p{font-size:1.5rem;line-height:1.8;color:var(--gray);position:relative;z-index:1}.step-arrow{position:absolute;top:50%;right:-50px;transform:translateY(-50%);font-size:3rem;color:#ffffff4d;animation:arrow-bounce 2s ease-in-out infinite}@keyframes arrow-bounce{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(10px)}}.step-card:last-child .step-arrow{display:none}.how-it-works-cta{text-align:center;margin-top:4rem;position:relative;z-index:1}.how-it-works-cta .btn-cta{background:#fff;color:var(--primary);font-size:1.6rem;padding:1.3rem 3.5rem;box-shadow:0 15px 40px #0000004d}.how-it-works-cta .btn-cta:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 50px #0006}.testimonials{padding:7rem 0;background:var(--light)}.testimonials .section-title{color:var(--dark);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:4rem}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s;position:relative;overflow:hidden}.testimonial-card:before{content:'"';position:absolute;top:-30px;left:20px;font-size:150px;color:#6366f11a;font-family:Georgia,serif}.testimonial-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.testimonial-image{border-radius:15px;overflow:hidden;margin-bottom:1.5rem;height:220px;box-shadow:0 5px 15px #0000001a}.testimonial-image img{width:100%;height:100%;object-fit:cover}.testimonial-text p{font-style:italic;color:var(--dark);font-weight:500;line-height:1.8;font-size:1.05rem;position:relative;z-index:1}.client-reactions{padding:4rem 0;background:var(--dark)}.client-reactions .section-title{color:#fff;margin-bottom:4rem}.reactions-grid{display:flex;gap:2.5rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(255,255,255,.1)}.reactions-grid::-webkit-scrollbar{height:8px}.reactions-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.reactions-grid::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.reactions-grid::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.reaction-card{position:relative;border-radius:24px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 20px 40px #00000080;transition:all .3s;border:4px solid rgba(255,255,255,.1);flex-shrink:0;width:300px;aspect-ratio:9/16}.reaction-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 30px 60px #000000b3}.reaction-card video{width:100%;height:100%;object-fit:cover}.reaction-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.reaction-overlay p{color:#fff;font-weight:700;text-align:center;font-size:1.2rem}@media (max-width: 1400px){.pricing-grid{gap:1.2rem}.pricing-card{padding:1.8rem 1.2rem}.card-price{font-size:2.5rem}}@media (max-width: 1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.steps-grid:before{display:none}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.occasions-scroll{gap:1.25rem;padding:2rem 0}.hero-wave{display:none!important}.hero-content{gap:2rem;padding:5rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2.5rem}.song-card:hover,.step-card:hover{transform:unset}.recent-songs .section-title{font-size:2.5rem}.pricing-grid{grid-template-columns:1fr;gap:3.5rem}.how-it-works .section-title{font-size:2.5rem}.how-it-works-subtitle{font-size:1.25rem;margin-bottom:2rem}.steps-container{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-y:hidden}.steps-container::-webkit-scrollbar{display:none}.steps-grid{display:flex;gap:1.5rem;grid-template-columns:none;padding:1rem 0}.step-card{flex-shrink:0;width:280px;padding:2.5rem 2rem}.step-number{width:40px;height:40px;font-size:1.2rem}.step-icon{width:100px;height:100px;font-size:3.5rem;margin-bottom:1.5rem}.step-card h3{font-size:2rem}.step-card p{font-size:1.5rem;line-height:1.5}.step-arrow{display:none}.how-it-works-cta{margin-top:3rem}.how-it-works-cta .btn-cta{padding:1.1rem 2.5rem}.testimonials-grid,.reactions-grid{grid-template-columns:1fr}.step-card{box-shadow:unset;border:1px solid}.reactions-grid{gap:2rem}.reaction-card{width:275px}.sample-tracks{padding:4rem 0}.music-player-wrapper{padding:2rem 1.5rem;grid-template-columns:1fr;gap:2rem}.player-main-section{order:1}.modern-playlist{order:2;max-height:none}.playlist-items{max-height:350px}.album-art-container{width:250px;height:250px}.track-title{font-size:1.4rem}.track-artist{font-size:.95rem}.player-controls{gap:1rem}.control-btn{width:45px;height:45px}.play-pause-btn{width:60px;height:60px}.volume-control{flex-direction:column;gap:.8rem}.volume-slider{width:100%;max-width:200px}.modern-playlist{padding:1.5rem}.playlist-header h4{font-size:1.1rem}.playlist-item{padding:.8rem}.track-number{font-size:.9rem;min-width:25px}.track-name{font-size:.9rem}.track-duration{font-size:.85rem}.track-wave{display:none}}@media (max-width: 480px){.hero-title{font-size:2rem}.section-title,.recent-songs .section-title{font-size:2.5rem}.sample-tracks .section-title{font-size:1.8rem}.player-subtitle{font-size:1.25rem}.song-card{width:160px}.song-image{height:160px}.sample-tracks{padding:3rem 0}.music-player-wrapper{padding:1.5rem 1rem;border-radius:20px}.album-art-container{width:200px;height:200px;margin-bottom:1.5rem}.equalizer{bottom:-25px;height:50px}.eq-bar{width:6px}.track-title{font-size:1.2rem}.track-artist{font-size:.85rem}.progress-section{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:none}.player-controls-section{margin-bottom:0}.progress-section span{font-size:.8rem;min-width:auto}.progress-bar{width:100%;order:-1}.player-controls{gap:.8rem;margin-bottom:1.5rem}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}.play-pause-btn{width:55px;height:55px}.play-pause-btn svg{width:28px;height:28px}.shuffle-btn svg,.repeat-btn svg{width:16px;height:16px}.volume-control{padding:.8rem;background:#0003;border-radius:12px}.volume-slider{width:100%;max-width:180px}.modern-playlist{padding:1rem;border-radius:15px}.playlist-header{margin-bottom:1rem;padding-bottom:.8rem}.playlist-header h4{font-size:1rem}.track-count{font-size:.8rem}.playlist-items{max-height:300px}.playlist-item{padding:.7rem;gap:.8rem}.track-number{font-size:.85rem;min-width:22px}.track-info{flex-direction:column;align-items:flex-start;gap:.2rem}.track-name{font-size:.85rem;width:100%}.track-duration{font-size:.75rem}.occasion-circle:hover{transform:unset}}.how-to-get-audio{padding:60px 0;background:#fff;position:relative;overflow:hidden}.how-to-header{text-align:center;margin-bottom:40px}.how-to-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1;margin-bottom:40px}.how-to-video{position:relative}.video-wrapper{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:1/1;max-width:450px;margin:0 auto}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#fffffff2;border:none;font-size:28px;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;z-index:2}.video-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff;box-shadow:0 15px 40px #0006}.video-wrapper video.playing+.video-play-btn{opacity:0;pointer-events:none}.video-mute-btn{position:absolute;bottom:15px;right:15px;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .3s ease;font-size:20px}.video-mute-btn:hover{background:#000000e6;transform:scale(1.1)}.video-mute-btn .mute-icon{pointer-events:none}.how-to-video-element{cursor:pointer}.video-overlay-text{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;text-align:center}.video-overlay-text p{margin:0;font-size:18px;font-weight:600}.how-to-info{color:#1e293b}.how-to-title{font-size:36px;font-weight:800;margin-bottom:10px;line-height:1.2;color:#1e293b}.how-to-subtitle{font-size:16px;margin-bottom:0;opacity:.7;font-weight:400;color:#64748b}.info-steps{display:flex;flex-direction:column;gap:16px}.info-step{display:flex;gap:15px;align-items:flex-start;background:#f8fafc;padding:18px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.info-step:hover{background:#f1f5f9;transform:translate(5px);box-shadow:0 4px 12px #00000014}.info-step-icon{font-size:28px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0}.info-step-content h3{font-size:17px;font-weight:700;margin-bottom:6px;color:#1e293b}.info-step-content p{font-size:14px;line-height:1.5;color:#64748b;margin:0}.how-to-cta{text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;display:inline-block;text-decoration:unset}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.delivery-note{margin-top:12px;font-size:13px;color:#64748b;font-weight:500}@media (max-width: 1024px){.how-to-content{gap:40px}.how-to-title{font-size:36px}.info-step-content h3{font-size:18px}}@media (max-width: 768px){.how-to-get-audio{padding:40px 0}.how-to-header{margin-bottom:30px}.how-to-content{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.how-to-title{font-size:28px}.how-to-subtitle{font-size:15px}.video-wrapper{max-width:100%}.video-play-btn{width:60px;height:60px;font-size:22px}.info-step{padding:15px;gap:12px}.info-step-icon{font-size:24px;min-width:36px;height:36px}.info-step-content h3{font-size:16px}.info-step-content p{font-size:13px}.btn-primary{padding:13px 30px;font-size:15px;width:100%;text-align:center}.how-to-cta{text-align:center}}@media (max-width: 480px){.how-to-get-audio{padding:30px 0}.how-to-header{margin-bottom:25px}.how-to-title{font-size:24px}.how-to-subtitle{font-size:14px}.how-to-content{margin-bottom:25px}.info-steps{gap:12px}.video-wrapper{max-width:100%}.info-step{padding:12px}.info-step-icon{font-size:24px;min-width:36px;height:36px}.info-step-content h3{font-size:15px}.info-step-content p{font-size:12px}.video-overlay-text p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-style.css.map */