body{background:#101012}.play-box{display:flex;justify-content:center;align-items:center}.play-box.start .pause-icon,.play-box.loading .loader{display:block}.play-box .pause-icon,.play-box.start .play-icon,.play-box.loading .play-icon,.play-box.loading .pause-icon,.play-box .loader{display:none}section .swiper-pagination{position:static;width:auto!important;flex-shrink:0}section .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:#FFFFFF4D;margin:0 5px;transition:all .3s ease-in-out;opacity:1}section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}.loader{width:45px;aspect-ratio:1;--c:no-repeat linear-gradient(#000 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}100%{background-size:20% 100%,20% 100%,20% 100%}}.start-free-btn{font-family:Open Sans;font-weight:700;font-size:18px;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-width:285px;padding:0 20px;height:45px;line-height:45px;border-radius:50px;color:#101012;background-image:url(https://images.tunesona.com/tunesonaen/assets/index/btn_nor.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.start-free-btn:hover{background-image:url(https://images.tunesona.com/tunesonaen/assets/index/btn_hov.jpg)}.start-free-btn svg{width:20px;height:20px}h1,h2{color:#FFFFFFE5}h1~p{color:#FFFC}h2~p{color:#FFFFFFB2}.banner{position:relative}.banner .base-width{padding-top:123px;padding-bottom:80px;max-width:1230px;text-align:center}.banner .background-image-left,.banner .background-image-right{position:absolute;width:284px;height:378px;z-index:-1;object-fit:cover;top:50%;box-shadow:0 4.53px 3.62px 0 #030A1E0C,0 12.52px 10.02px 0 #030A1E11,0 30.15px 24.12px 0 #030A1E16,0 100px 80px 0 #030A1E21;background:#000;border-radius:6px;overflow:hidden}.banner .background-image-left img,.banner .background-image-right img{opacity:.6}.banner .background-image-left{left:-47px;transform:translateY(-23%) rotate(7deg)}.banner .background-image-right{right:-47px;transform:translateY(-55%) rotate(-5deg)}.banner .try-music-box{margin:50px auto 20px;max-width:765px;width:100%;height:180px;padding:16px 20px;background:#0000004D;backdrop-filter:blur(10px);box-shadow:0 0 20px 0 #FFD5001A;border-radius:6px;border:1px solid #FFFFFF1A;display:flex;flex-direction:column}.banner .try-music-box textarea{width:100%;flex:1;resize:none;background:transparent;color:#FFF;font-family:'monospace';font-weight:400;font-size:16px;line-height:120%;padding:0;border:none}.banner .try-music-box textarea::placeholder{color:#FFFFFF80}.banner .try-music-box .bottom-box{display:flex;justify-content:space-between;align-items:center;gap:10px}.banner .try-music-box .bottom-box-left{display:flex;align-items:center;gap:12px}.banner .try-music-box .bottom-box button{width:26px;height:26px;color:#FFFFFF80}.banner .try-music-box .bottom-box-left svg{width:100%;height:100%}.banner .try-music-box .bottom-box-left button:hover{color:#FFFC}.banner .try-music-box .enter-btn{background:#383838;cursor:not-allowed;border-radius:6px;display:flex;justify-content:center;align-items:center}.banner .try-music-box .enter-btn svg{width:20px;height:20px}.banner .try-music-box.active .enter-btn{background:rgba(255,255,255,.9);color:#101012;cursor:pointer}.banner .try-music-box.active .enter-btn:hover{background:rgba(255,255,255,.7)}.banner .music-creator-box{display:flex;justify-content:center;align-items:center;gap:8px}.banner .music-creator-box picture{width:90px;height:26px}.banner .music-creator-text{font-weight:400;font-size:16px;line-height:120%;color:#FFFC}.banner .music-creator-text span{font-weight:700;font-size:20px}.banner .banner-bottom-img{width:100%;max-width:821px;margin:75px auto 0;mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 85%,transparent 100%);overflow:hidden}.banner .banner-bottom-img picture{margin-right:60px}.banner .banner-bottom-img,.banner .banner-bottom-img picture,.banner .banner-bottom-img img{height:28px}.banner .banner-bottom-img.str_wrap{background:transparent}@media (max-width:1024px){.banner .background-image-left,.banner .background-image-right{display:none}}@media (max-width:768px){.banner .base-width{padding-top:80px;padding-bottom:50px}.banner .try-music-box{margin-top:26px}.banner .music-creator-box{flex-direction:column;justify-content:center;gap:6px}.banner .banner-bottom-img{margin-top:20px}.banner .banner-bottom-img picture{margin-right:20px}.banner .banner-bottom-img,.banner .banner-bottom-img picture,.banner .banner-bottom-img img{height:24px}}.music-swiper .base-width{padding-left:0;padding-right:0;padding-top:80px;margin:0;max-width:none}.music-swiper .swiper{overflow:visible}.music-swiper .swiper-wrapper{padding-left:34px}.music-swiper .swiper-slide{width:284px;height:378px;border-radius:6px;overflow:hidden;transition:all 0.3s ease-in-out;cursor:pointer}.music-swiper .swiper-slide:hover{transform:scale(1.05)}.music-swiper .music-item{position:relative;width:100%;height:100%}.music-swiper .music-cover{width:100%;height:100%;object-fit:cover}.music-swiper .play-box{color:#FFF;position:absolute;top:16px;left:16px}.music-swiper .play-box svg{width:28px;height:28px}.music-swiper .bottom-label{display:flex;justify-content:center;align-items:center;gap:5px;position:absolute;bottom:16px;left:16px}.music-swiper .label-box{display:flex;gap:2px;align-items:center;background:#0003;border:1px solid #FFFFFF26;backdrop-filter:blur(10px);height:30px;line-height:30px;padding:0 6px;border-radius:6px;color:#FFF}.music-swiper .label-box svg{width:16px;height:16px}.music-swiper .label-text{font-weight:500;font-size:14px;line-height:120%}@media (max-width:768px){.music-swiper .base-width{padding-top:50px}.music-swiper .swiper-wrapper{padding-left:20px}.music-swiper .swiper-slide{width:147px;height:196px;border-radius:4px}.music-swiper .play-box{top:10px;left:10px}.music-swiper .bottom-label{bottom:10px;left:10px}.music-swiper .label-box{height:22px;line-height:22px;font-size:12px;border-radius:6px}.music-swiper .label-box svg{width:14px;height:14px}.music-swiper .label-text{font-size:12px;font-weight:400}}.all-in-one .swiper-wrapper{gap:10px}.all-in-one .all-in-item{display:flex;align-items:center;gap:5px;background:#19191B;box-shadow:0 4px 4px 0 #00000040;width:58%;width:100%;height:100%}@media (min-width:1024px){.all-in-one .max-item{max-width:735px;width:100%!important}.all-in-one .min-item{max-width:485px;width:100%!important}}.all-in-one .min-item .all-in-item{align-items:flex-start;flex-direction:column;gap:0;padding:30px}.all-in-one .all-in-item1{border-radius:6px 0 0 0}.all-in-one .all-in-item2{border-radius:0 6px 0 0}.all-in-one .all-in-item3{border-radius:0 0 0 6px}.all-in-one .all-in-item4{border-radius:0 0 6px 0}.all-in-one .all-in-item .item-icon{width:48px;height:48px}.all-in-one .all-in-item .item-title{font-weight:700;font-size:24px;line-height:140%;color:#FFFFFFE5;margin:20px 0 15px}.all-in-one .all-in-item .item-desc{font-weight:400;font-size:16px;line-height:140%;color:#FFF9}.all-in-one .all-in-item .item-left{flex:1;padding:30px}.all-in-one .all-in-item .item-right{max-width:226px;width:35%;aspect-ratio:239 / 260}.all-in-one .swiper-pagination{margin-top:16px;display:none}@media (max-width:1024px){.all-in-one .swiper-wrapper{gap:0}.all-in-one .min-item,.all-in-one .max-item{max-width:none}.all-in-one .swiper-wrapper .all-in-item{max-width:485px;margin:0 auto;border-radius:6px;justify-content:flex-start}.all-in-one .all-in-item .item-right{display:none}.all-in-one .swiper-pagination{display:block}}@media (max-width:768px){.all-in-one .min-item .all-in-item,.all-in-one .max-item .all-in-item{padding:20px}.all-in-one .all-in-item .item-left{padding:0}.all-in-one .all-in-item .item-title{margin-top:12px;margin-bottom:10px;font-size:18px}.all-in-one .all-in-item .item-desc{font-size:14px}}.more-than .swiper-wrapper{gap:15px;justify-content:center}.more-than .swiper-slide{max-width:400px}.more-than .more-than-item{max-width:400px;margin:0 auto;width:100%}.more-than .more-than-item{background:#19191B;border:1px solid #FFFFFF0D;box-shadow:0 4px 4px 0 #00000040;border-radius:6px;padding:30px 30px 27px;display:flex;flex-direction:column}.more-than .more-than-item .more-than-title{font-weight:700;font-size:20px;line-height:140%;color:#FFFFFFE5;margin-bottom:34px;text-align:center}.more-than .more-than-item .more-than-desc{font-weight:400;font-size:16px;line-height:140%;color:#FFF9}.more-than .more-than-item .more-than-desc:not(:last-of-type){margin-bottom:10px}.more-than .more-than-item .more-than-img{width:100%;aspect-ratio:85 / 39;margin-top:auto}.more-than .swiper-pagination{margin-top:16px;display:none}@media (max-width:1024px){.more-than .swiper-wrapper{gap:0;justify-content:flex-start}.more-than .swiper-slide{max-width:none}.more-than .swiper-pagination{display:block}}@media (max-width:768px){.more-than .more-than-item{padding:20px}.more-than .more-than-item .more-than-title{font-size:18px;margin-bottom:10px}.more-than .more-than-item .more-than-desc{font-size:14px}.more-than .more-than-item .more-than-img{margin-top:20px}}.in-action .in-action-list{display:flex;flex-direction:column;gap:26px}.in-action .question-item,.in-action .answer-item{display:flex;justify-content:flex-start;gap:20px}.in-action .question-item{flex-direction:row-reverse}.in-action .question-item picture,.in-action .answer-item picture{width:52px;height:52px;border-radius:50%;overflow:hidden}.in-action .text-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.in-action .answer-item .text-list{margin-right:74px}.in-action .question-item .text-list{margin-left:74px}.in-action .text-list .text-item{font-weight:400;font-size:16px;line-height:140%;padding:20px 32px;display:inline-flex;gap:16px;flex-wrap:wrap}.in-action .music-box,.in-action .video-box{position:relative;border-radius:6px;overflow:hidden;cursor:pointer}.in-action .text-item .music-box picture{width:171px;height:auto;border-radius:6px}.in-action .text-item .video-box video{width:200px;aspect-ratio:9 / 16;border-radius:6px}.in-action .music-box .music-name,.in-action .video-box .music-name{width:100%;font-weight:400;font-size:18px;line-height:140%;color:#FFFFFFE5;position:absolute;padding:10px 0 12px 10px;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)}.in-action .music-box .play-box,.in-action .video-box .play-box{position:absolute;top:16px;left:16px;width:28px;height:28px;color:#FFF}.in-action .music-box .play-box svg,.in-action .video-box .play-box svg{width:100%;height:100%}.in-action .question-item .text-item{background:#F6D816;border-radius:40px 0 20px 40px;color:#19191B}.in-action .answer-item .text-item{background:#25252A;border-radius:0 40px 40px 20px;color:#FFF9}.in-action .bottom-btn{height:31px;line-height:31px;background:#101012;border:1px solid #45484B;border-radius:50px;color:#FFF;font-family:Open Sans;font-weight:400;font-size:14px;display:none;padding:0 18px}@media (max-width:768px){.in-action .base-width{position:relative}.in-action .in-action-list{max-height:1000px;overflow-y:hidden;mask-image:linear-gradient(to bottom,#101012 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#101012 85%,transparent 100%);padding-bottom:40px;gap:16px}.in-action .text-list{gap:10px}.in-action .answer-item .text-list{margin-right:38px}.in-action .question-item .text-list{margin-left:38px}.in-action .question-item,.in-action .answer-item{gap:10px}.in-action .question-item picture,.in-action .answer-item picture{width:28px;height:28px}.in-action .text-list .text-item{padding:10px 16px;font-size:14px;font-weight:400}.in-action .question-item .text-item{border-radius:20px 0 10px 20px}.in-action .answer-item .text-item{border-radius:0 20px 20px 10px}.in-action .bottom-btn{position:absolute;bottom:50px;left:50%;transform:translateX(-50%)}.in-action .bottom-btn.more-btn{display:block}}.trusted-by{background:#EFEFEF}.trusted-by .base-width{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:0}.trusted-by h2{margin-bottom:38px;font-size:58px;text-align:left;color:#000000E5}.trusted-by .trusted-by-left{max-width:821px}.trusted-by .trusted-by-left-text{font-weight:400;font-size:18px;line-height:140%;color:#101012;margin-bottom:10px}.trusted-by .trusted-by-img{display:flex;flex-wrap:wrap;column-gap:55px;row-gap:20px}.trusted-by .trusted-by-img picture,.trusted-by .trusted-by-img img{height:28px;width:auto}.trusted-by .trusted-by-right{width:358px;height:100%}.trusted-by .trusted-by-right img{width:100%;aspect-ratio:537 / 581}@media (max-width:768px){.trusted-by .base-width{flex-direction:column;padding-top:50px}.trusted-by .trusted-by-left-text{font-size:16px}.trusted-by h2{font-size:32px;margin-bottom:28px;margin-bottom:30px}.trusted-by .trusted-by-img{column-gap:30px}.trusted-by .trusted-by-img picture,.trusted-by .trusted-by-img img{height:22px}.trusted-by .trusted-by-img .img-5{order:1}.trusted-by .trusted-by-right{width:100%;text-align:right}.trusted-by .trusted-by-right img{width:256px;aspect-ratio:128 / 105}}.all-the-songs{position:relative;display:flex}.all-the-songs .base-width{padding-top:130px;padding-bottom:130px;display:inline-block}.all-the-songs h2{font-size:58px;margin-bottom:40px}@media (max-width:768px){.all-the-songs .base-width{padding-top:175px;padding-bottom:175px;text-align:center}.all-the-songs h2{font-size:28px;margin-bottom:30px}}.faq .faq-list{margin-top:40px}.faq .faq-item{border-bottom:1px solid #25252A;padding-bottom:14px;padding-top:20px}.faq .faq-question{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}.faq .faq-question-text{color:#FFFC;font-weight:500;font-size:24px;line-height:140%}.faq .faq-arrow-icon{width:34px;height:34px;border-radius:6px;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#FFF9;background:#FFFFFF0A;transition:all 0.3s ease}.faq .faq-arrow-icon svg{width:24px;height:24px;transition:all 0.3s ease}.faq .faq-answer{font-weight:400;font-size:16px;line-height:140%;color:#FFF9;margin-top:20px;display:none}.faq .faq-item.active{padding-bottom:20px}.faq .faq-item.active .faq-arrow-icon{background:#FFFFFF1F}.faq .faq-item.active .faq-arrow-icon svg{transform:rotate(180deg)}.faq .faq-bottom-text{font-weight:500;font-size:18px;line-height:140%;color:#FFFC;margin-top:20px;text-align:left;margin-bottom:0}.faq a{color:#F6D816;text-decoration:underline}.faq a:hover{color:#FFF}@media (max-width:768px){.faq .faq-item{padding-top:10px;padding-bottom:10px}.faq .faq-item.active{padding-bottom:10px}.faq .faq-question-text{font-size:18px}.faq .faq-answer{font-size:14px;margin-top:10px}.faq .faq-bottom-text{font-size:18px;margin-top:10px}}