@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&text=KKBOXLOSSLESSAUDIO&display=swap";#lossless{padding-top:72px}@media(max-width: 1023px){#lossless{padding-top:44px}}.section-lossless-main{position:relative;margin:0 auto;height:830px;color:#fff;background-color:#000}.section-lossless-main .main-img{background-image:url("../images/hk/main_visual_pc.png");background-repeat:no-repeat;background-size:1400px;background-position:right bottom;margin:0 auto;max-width:1400px;height:100%}.section-lossless-main .main-img.mask{-webkit-mask-image:radial-gradient(ellipse, black 55%, rgba(0, 0, 0, 0) 80%);mask-image:radial-gradient(ellipse, black 55%, rgba(0, 0, 0, 0) 80%)}.section-lossless-main .content{z-index:3;position:absolute;top:185px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.section-lossless-main .content .title-wrapper{font-family:"Inter",sans-serif;margin-bottom:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.section-lossless-main .content .title-wrapper .logo{width:80px;height:auto}.section-lossless-main .content .title-wrapper .title{margin-left:16px;font-size:27px;font-weight:700}.section-lossless-main .content .hires-text{font-family:Roboto,sans-serif;font-size:64px;line-height:75px;font-weight:900}.section-lossless-main .content .lossless-text{font-size:94px;font-weight:900}.section-lossless-main .content .slogan-text{margin-bottom:32px;font-size:32px;font-weight:700}.section-lossless-main .content .free-btn{margin:0}.section-lossless-main .content .free-btn span{font-size:20px;color:#000}.section-lossless-main .content .free-btn:hover span{background:linear-gradient(92.05deg, #F8CD85 6.69%, #D0552B 91.99%);background-clip:text;color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.section-lossless-main .content .plan-text{text-align:center;margin-top:16px;font-size:14px;font-weight:300}.section-lossless-main .content .plan-text a.plan-link{text-decoration:underline;color:#fff;cursor:pointer}.section-lossless-main .content .plan-text a.plan-link:hover{color:#ec9849}@media(max-width: 767px){.section-lossless-main{height:667px}.section-lossless-main .main-img{background-image:url("../images/hk/main_visual_mobile.png");background-size:100%;background-position:bottom;max-width:500px}.section-lossless-main .content{top:100px;text-align:center;width:90%}.section-lossless-main .content .title-wrapper{margin-bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-lossless-main .content .title-wrapper .logo{width:48px}.section-lossless-main .content .title-wrapper .title{display:none}.section-lossless-main .content .hires-text{font-size:32px;line-height:37px}.section-lossless-main .content .lossless-text{margin-bottom:13px;font-size:48px}.section-lossless-main .content .slogan-text{margin-bottom:40px;font-size:24px}.section-lossless-main .content .free-btn{margin:0 auto;font-size:20px}.section-lossless-main .content .plan-text{position:absolute;bottom:-250px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:100%}}.section-feature{text-align:center}.section-feature .title{margin-bottom:96px;font-weight:700;font-size:48px}.section-feature .title br{display:none}.section-feature .card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-feature .card-container .card{overflow:hidden;position:relative;border-radius:20px}.section-feature .card-container .card-content{z-index:3;position:absolute;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:87%;color:#fff;font-size:18px;text-align:left;line-height:32px;letter-spacing:.02em}.section-feature .card-container .card-content .card-title{margin-bottom:26px;font-weight:700;font-size:28px;text-align:center;line-height:51px;letter-spacing:.04em}.section-feature .card-container .one,.section-feature .card-container .two,.section-feature .card-container .four{margin-bottom:50px;width:calc((100% - 40px)/2);max-width:470px;height:600px;background-color:#000}.section-feature .card-container .one{margin-right:40px}.section-feature .card-container .one .bg{width:100%;mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(94.79%, #000000));mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 94.79%);-webkit-mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(94.79%, #000000));-webkit-mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 94.79%)}.section-feature .card-container .one .card-content{top:250px}.section-feature .card-container .two .bg{z-index:1;position:absolute;top:-60px;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:120%;mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(70%, #000000));mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 70%);-webkit-mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(70%, #000000));-webkit-mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 70%)}.section-feature .card-container .two .card-content{top:199px}.section-feature .card-container .four .bg{width:100%;mask-image:-webkit-gradient(linear, left bottom, left top, color-stop(3%, rgba(0, 0, 0, 0)), color-stop(70%, #000000));mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 3%, #000000 70%);-webkit-mask-image:-webkit-gradient(linear, left bottom, left top, color-stop(3%, rgba(0, 0, 0, 0)), color-stop(70%, #000000));-webkit-mask-image:linear-gradient(0deg, rgba(0, 0, 0, 0) 3%, #000000 70%)}.section-feature .card-container .four .card-content{top:340px}.section-feature .card-container .five{width:100%;max-width:970px;height:500px;background-color:#000;background-image:url("../images/feature/feature_5_pc.png");background-repeat:no-repeat;background-size:auto 100%;background-position:left top}.section-feature .card-container .five .card-content{top:90px}.section-feature .card-container .five .card-content .card-title{margin-bottom:0;width:500px}.section-feature .card-container .five .card-content .content-flexbox{margin-left:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-feature .card-container .five .card-content .content-flexbox .card-subtitle{margin-bottom:19px;font-size:36px;line-height:46px;font-weight:700}.section-feature .card-container .five .card-content .content-flexbox .gradient-btn{margin:0 0 0 auto;width:250px}@media(max-width: 1023px){.section-feature .card-container .one .card-content{top:230px}.section-feature .card-container .two .card-content{top:179px}}@media(max-width: 767px){.section-feature .title{margin-bottom:40px;font-size:24px}.section-feature .title br{display:block}.section-feature .card-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-feature .card-container .card{height:430px;width:312px}.section-feature .card-container .card-content{width:80%;font-size:14px;line-height:24px}.section-feature .card-container .card-content .card-title{margin-bottom:13px;font-size:24px;line-height:31px}.section-feature .card-container .one{margin-right:0px}.section-feature .card-container .one .card-content{top:190px}.section-feature .card-container .two .bg{top:-30px}.section-feature .card-container .two .card-content{top:139px}.section-feature .card-container .four .card-content{top:250px}.section-feature .card-container .five{background-image:url("../images/feature/feature_5_mobile.png")}.section-feature .card-container .five .card-content{width:85%}.section-feature .card-container .five .card-content .card-title{width:100%}.section-feature .card-container .five .card-content .content-flexbox{margin-left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-feature .card-container .five .card-content .content-flexbox .card-subtitle{margin-bottom:0;font-size:22px;line-height:28px}.section-feature .card-container .five .card-content .content-flexbox .card-description{font-size:14px}.section-feature .card-container .five .card-content .content-flexbox .gradient-btn{margin:22px auto 0;width:90%;font-size:16px}}.terr-hk .gradient-btn{color:#000;background:linear-gradient(92.05deg, #F8CD85 6.69%, #D0552B 91.99%)}.terr-hk .gradient-btn:hover{position:relative;background-clip:text;color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.terr-hk .gradient-btn:hover::before{content:"";position:absolute;inset:0;border-radius:40px;padding:1px;background:linear-gradient(90.96deg, #F8CD85 -3.99%, #D0552B 96.42%);-webkit-mask:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.terr-hk .section-trial .title{background:linear-gradient(92.59deg, #F8CD85 2.53%, #D0552B 103.31%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.terr-hk .section-trial .btn-container .mode-btn:hover,.terr-hk .section-trial .btn-container .mode-btn.active{color:#000;background:linear-gradient(97.57deg, #F8CD85 7.45%, #D0552B 117.34%);border:1px solid #9f5c1d}.terr-hk .section-trial .wave-canvas{bottom:130px}@media(max-width: 767px){.terr-hk .section-trial .title{font-size:20px}.terr-hk .section-trial .wave-canvas{bottom:180px}}.terr-hk .section-subscribe .plan .name{font-size:32px}.terr-hk .section-subscribe .plan .price-container{border-bottom:1px solid #727272}@media(max-width: 767px){.terr-hk .section-subscribe .plan .price-container .price{font-size:52px}}.terr-hk .section-subscribe .plan .account_count{font-size:24px;font-weight:700}.terr-hk .section-subscribe .plan .description{margin-bottom:26px;font-size:24px;font-weight:700}@media(max-width: 767px){.terr-hk .section-subscribe .plan .description{margin-bottom:34px}}.terr-hk .section-demo .description{text-align:center}.terr-hk .section-playlist .title{background:linear-gradient(91.93deg, #F8CD85 2.19%, #D0552B 94.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}