.zn--modal{--bg-blur:none;--bg-dark:#000;--bg-light:#fff;align-items:center;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;position:fixed;top:0;transform:translateY(100vh);transform:translateY(calc(var(--vh, 1vh)*100));transition:transform .4s ease-out,visibility .4s;visibility:hidden;width:100%;z-index:999}.zn--modal.zn--modal-show{transform:translateY(0);transition:transform .4s ease-out,height .2s ease;visibility:visible}.zn--modal .zn--modal-bg{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);height:100vh;height:calc(var(--vh, 1vh)*100);left:0;position:absolute;top:0;width:100%;z-index:1}.zn--modal .zn--modal-content{position:relative;z-index:2}:not(.zn--modal)>.zn--modal-content{display:none}
.g--popup .g--popup-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{height:auto;margin-top:12px;position:relative;width:75%}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{height:100%;outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close{cursor:pointer;height:12px;margin-left:auto;position:absolute;right:0;top:-32px;width:12px;z-index:2}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{height:100%;width:100%}.g--popup-container{background:#000}.g--popup-container .g--popup-close polygon{fill:#fff}.g--popup-container[data-theme=white]{background:#fff}.g--popup-container[data-theme=white] .g--popup-close polygon{fill:#000}@media (min-width:2400px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--popup-close{height:24px;top:36px;width:24px}.g--popup .g--popup-close .inner{transform:scale(.5)}.g--popup .g--popup-close{right:4.444vw}}
.autoplay-pt-video{position:relative}.autoplay-pt-video img,.autoplay-pt-video video{height:100%;position:relative;width:100%;z-index:1}.autoplay-pt-video .normal-play-button{align-items:center;border-radius:50%;bottom:10px;display:flex;height:36px;justify-content:center;position:absolute;right:10px;visibility:hidden;width:36px;z-index:2}.autoplay-pt-video .normal-play-button:before{background-color:#fff;border-radius:50px;content:"";height:36px;position:absolute;width:36px}.autoplay-pt-video .normal-play-button:after{background-color:#000;background-size:20px 20px;content:"";display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwIDEgMS40NC0xLjYyIDEuODYgMS44NiAwIDAgMSAxLjExLjMxbDguNTMgNWMuNzYuNDQgMS4xNy44IDEuMTcgMS41MXMtLjQxIDEuMDctMS4xNyAxLjUxbC04LjUzIDVhMS44NiAxLjg2IDAgMCAxLTEuMTEuMzFBMS40MiAxLjQyIDAgMCAxIDUgMTUuMjV6Ii8+PC9zdmc+");mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwIDEgMS40NC0xLjYyIDEuODYgMS44NiAwIDAgMSAxLjExLjMxbDguNTMgNWMuNzYuNDQgMS4xNy44IDEuMTcgMS41MXMtLjQxIDEuMDctMS4xNyAxLjUxbC04LjUzIDVhMS44NiAxLjg2IDAgMCAxLTEuMTEuMzFBMS40MiAxLjQyIDAgMCAxIDUgMTUuMjV6Ii8+PC9zdmc+");position:absolute;width:20px}.autoplay-pt-video .normal-play-button.playing:after{-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=");mask:url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=")}
#section-kv{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 140px);height:calc(var(--vh, 1vh)*100 - 140px);justify-content:center;width:100vw;width:calc(var(--vw, 1vw)*100);z-index:5}#section-kv .kv-top-bg{background:linear-gradient(180deg,#000,#070a20);bottom:0;left:0;right:0;top:0}#section-kv .kv-container{color:#fff;overflow:hidden;z-index:2}#section-kv .kv-container,#section-kv .kv-container .bg-img{height:48.4375vw;height:calc(var(--vw, 1vw)*100/1920*930);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-kv .kv-container .bg-img{left:0;opacity:0;transform:scale(1.4);transform-origin:center 50%}#section-kv .kv-container .ground{height:9.94792vw;height:calc(var(--vw, 1vw)*100/1920*191);left:0;opacity:0;transform:scale(1.15);transform-origin:center -396.86%;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-kv .kv-container .gradient-block{background:linear-gradient(180deg,rgba(7,10,32,0),#070a20);height:5.67708vw;height:calc(var(--vw, 1vw)*100/1920*109);width:100vw;width:calc(var(--vw, 1vw)*100)}#section-kv .kv-container .main-img{height:31.25vw;height:calc(var(--vw, 1vw)*100/1920*600);left:33.07292vw;left:calc(var(--vw, 1vw)*100/1920*635);opacity:0;transform:scale(1.15);transform-origin:55.53% -28.98%;width:30.78125vw;width:calc(var(--vw, 1vw)*100/1920*591)}#section-kv .kv-container .missile-left{height:6.97917vw;height:calc(var(--vw, 1vw)*100/1920*134);left:33.33333vw;left:calc(var(--vw, 1vw)*100/1920*640);opacity:0;top:11.40625vw;top:calc(var(--vw, 1vw)*100/1920*219);transform:translate(100px,100px);width:8.69792vw;width:calc(var(--vw, 1vw)*100/1920*167)}#section-kv .kv-container .missile-right{height:5.88542vw;height:calc(var(--vw, 1vw)*100/1920*113);opacity:0;right:31.30208vw;right:calc(var(--vw, 1vw)*100/1920*601);top:26.25vw;top:calc(var(--vw, 1vw)*100/1920*504);transform:translate(-50px,50px);width:6.71875vw;width:calc(var(--vw, 1vw)*100/1920*129)}#section-kv .kv-container .slogan-top{height:9.79167vw;height:calc(var(--vw, 1vw)*100/1920*188);opacity:0;right:9.58333vw;right:calc(var(--vw, 1vw)*100/1920*184);top:15.41667vw;top:calc(var(--vw, 1vw)*100/1920*296);transform:translateY(50px);width:23.22917vw;width:calc(var(--vw, 1vw)*100/1920*446)}#section-kv .kv-container .slogan-bottom{height:6.875vw;height:calc(var(--vw, 1vw)*100/1920*132);opacity:0;right:16.77083vw;right:calc(var(--vw, 1vw)*100/1920*322);top:22.03125vw;top:calc(var(--vw, 1vw)*100/1920*423);transform:translateY(50px);width:10.78125vw;width:calc(var(--vw, 1vw)*100/1920*207)}#section-kv .kv-container .ready-go{height:.83333vw;height:calc(var(--vw, 1vw)*100/1920*16);opacity:0;right:18.07292vw;right:calc(var(--vw, 1vw)*100/1920*347);top:21.77083vw;top:calc(var(--vw, 1vw)*100/1920*418);transform:translateY(25px);width:7.44792vw;width:calc(var(--vw, 1vw)*100/1920*143)}#section-kv .kv-container .kv-text-grid{left:10.98958vw;left:calc(var(--vw, 1vw)*100/1920*211);text-align:center;top:19.27083vw;top:calc(var(--vw, 1vw)*100/1920*370)}#section-kv .kv-container .kv-text-grid .kv-title{font-size:56px;font-variation-settings:"wght" 550;letter-spacing:-.64px;line-height:1.5;opacity:0;transform:translateY(50px)}#section-kv .kv-container .kv-text-grid .kv-sub-title{font-size:30px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.5;opacity:0;transform:translateY(50px)}@media (min-width:721px) and (max-width:1023px){#section-kv .kv-container .missile-left{height:29.58333vw;height:calc(var(--vw, 1vw)*100/360*106.5);left:14.44444vw;left:calc(var(--vw, 1vw)*100/360*52);top:31.94444vw;top:calc(var(--vw, 1vw)*100/360*115);width:18.75vw;width:calc(var(--vw, 1vw)*100/360*67.5)}#section-kv .kv-container .missile-right{height:11.25vw;height:calc(var(--vw, 1vw)*100/360*40.5);right:8.88889vw;right:calc(var(--vw, 1vw)*100/360*32);top:77.5vw;top:calc(var(--vw, 1vw)*100/360*279);width:12.70833vw;width:calc(var(--vw, 1vw)*100/360*45.75)}#section-kv .kv-container .slogan-top{height:14.58333vw;height:calc(var(--vw, 1vw)*100/360*52.5);right:33.61111vw;right:calc(var(--vw, 1vw)*100/360*121);top:18vw;top:calc(var(--vw, 1vw)*18);width:34.41667vw;width:calc(var(--vw, 1vw)*100/360*123.9)}#section-kv .kv-container .slogan-bottom{height:10.20833vw;height:calc(var(--vw, 1vw)*100/360*36.75);right:43.33333vw;right:calc(var(--vw, 1vw)*100/360*156);top:27.5vw;top:calc(var(--vw, 1vw)*27.5);width:16.04167vw;width:calc(var(--vw, 1vw)*100/360*57.75)}#section-kv .kv-container .ready-go{height:1.3125vw;height:calc(var(--vw, 1vw)*100/360*4.725);right:45vw;right:calc(var(--vw, 1vw)*100/360*162);top:27.3vw;top:calc(var(--vw, 1vw)*27.3);width:11.08333vw;width:calc(var(--vw, 1vw)*100/360*39.9)}#section-kv .kv-container .kv-text-grid{top:3vw;top:calc(var(--vw, 1vw)*3)}#section-kv .kv-container .kv-text-grid .kv-title{font-size:46.08px;letter-spacing:-1.28px}#section-kv .kv-container .kv-text-grid .kv-sub-title{font-size:25.74px;letter-spacing:0}}@media (min-width:1024px){#section-kv .kv-container .bg-img{top:0}#section-kv .kv-container .ground{top:38.48958vw;top:calc(var(--vw, 1vw)*100/1920*739)}#section-kv .kv-container .gradient-block{top:42.76042vw;top:calc(var(--vw, 1vw)*100/1920*821)}#section-kv .kv-container .main-img{top:8.80208vw;top:calc(var(--vw, 1vw)*100/1920*169)}}@media (min-width:1024px) and (max-width:1399px){#section-kv .kv-container .kv-text-grid .kv-title{font-size:38.242399999999996px;letter-spacing:-.437056px}#section-kv .kv-container .kv-text-grid .kv-sub-title{font-size:20.487px;letter-spacing:0}}@media (min-width:1400px) and (max-width:1799px){#section-kv .kv-container .kv-text-grid .kv-title{font-size:46.9504px;letter-spacing:-.536576px}#section-kv .kv-container .kv-text-grid .kv-sub-title{font-size:25.152px;letter-spacing:0}}@media (max-width:1023px){#section-kv{height:calc(100vh - 101px);height:calc(var(--vh, 1vh)*100 - 101px)}#section-kv .kv-container{height:150.55556vw;height:calc(var(--vw, 1vw)*100/360*542)}#section-kv .kv-container .bg-img{bottom:0;height:146.66667vw;height:calc(var(--vw, 1vw)*100/360*528);transform-origin:center 62%}#section-kv .kv-container .ground{bottom:0;height:17.5vw;height:calc(var(--vw, 1vw)*100/360*63);transform-origin:center -610.76%}#section-kv .kv-container .gradient-block{bottom:0}#section-kv .kv-container .main-img{bottom:9.72222vw;bottom:calc(var(--vw, 1vw)*100/360*35);height:74.44444vw;height:calc(var(--vw, 1vw)*100/360*268);left:8.61111vw;left:calc(var(--vw, 1vw)*100/360*31);transform-origin:55.53% -54.91%;width:73.33333vw;width:calc(var(--vw, 1vw)*100/360*264)}#section-kv .kv-container .missile-left{transform:translate(60px,60px)}#section-kv .kv-container .slogan-bottom,#section-kv .kv-container .slogan-top{object-fit:contain;transform:translateY(30px)}#section-kv .kv-container .ready-go{transform:translateY(15px)}#section-kv .kv-container .kv-text-grid{left:27.22222vw;left:calc(var(--vw, 1vw)*100/360*98)}#section-kv .kv-container .kv-text-grid .kv-sub-title,#section-kv .kv-container .kv-text-grid .kv-title{transform:translateY(30px)}}@media (max-width:720px){#section-kv .kv-container .missile-left{height:39.44444vw;height:calc(var(--vw, 1vw)*100/360*142);left:8.88889vw;left:calc(var(--vw, 1vw)*100/360*32);top:54.44444vw;top:calc(var(--vw, 1vw)*100/360*196);width:25vw;width:calc(var(--vw, 1vw)*100/360*90)}#section-kv .kv-container .missile-right{height:15vw;height:calc(var(--vw, 1vw)*100/360*54);right:5vw;right:calc(var(--vw, 1vw)*100/360*18);top:102.5vw;top:calc(var(--vw, 1vw)*100/360*369);transform:translate(-30px,30px);width:16.94444vw;width:calc(var(--vw, 1vw)*100/360*61)}#section-kv .kv-container .slogan-top{height:27.5vw;height:calc(var(--vw, 1vw)*100/360*99);right:17.22222vw;right:calc(var(--vw, 1vw)*100/360*62);top:26.11111vw;top:calc(var(--vw, 1vw)*100/360*94);width:65.55556vw;width:calc(var(--vw, 1vw)*100/360*236)}#section-kv .kv-container .slogan-bottom{height:19.44444vw;height:calc(var(--vw, 1vw)*100/360*70);right:37.5vw;right:calc(var(--vw, 1vw)*100/360*135);top:44.72222vw;top:calc(var(--vw, 1vw)*100/360*161);width:30.55556vw;width:calc(var(--vw, 1vw)*100/360*110)}#section-kv .kv-container .ready-go{height:2.5vw;height:calc(var(--vw, 1vw)*100/360*9);right:41.11111vw;right:calc(var(--vw, 1vw)*100/360*148);top:44.16667vw;top:calc(var(--vw, 1vw)*100/360*159);width:21.11111vw;width:calc(var(--vw, 1vw)*100/360*76)}#section-kv .kv-container .kv-text-grid{top:8.88889vw;top:calc(var(--vw, 1vw)*100/360*32)}#section-kv .kv-container .kv-text-grid .kv-title{font-size:23.04px;letter-spacing:-.64px}#section-kv .kv-container .kv-text-grid .kv-sub-title{font-size:12.87px;letter-spacing:0}}
#section-video{height:270vh;height:calc(var(--vh, 1vh)*270);position:relative;z-index:3}#section-video .section-container{height:calc(100vh - 60px);height:calc(var(--vh, 1vh)*100 - 60px);margin-top:calc(60px - 100vh);margin-top:calc(60px - var(--vh, 1vh)*100);opacity:0;top:60px;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-video .section-container .autoplay-pt-video,#section-video .section-container .video-container{height:100%;width:100%}#section-video .section-container .autoplay-pt-video video{height:100%;object-fit:cover;object-position:center;width:100%}#section-video .section-container .autoplay-pt-video .normal-play-button{bottom:50%;display:none;right:50%;transform:translate(50%,50%);z-index:4}#section-video .section-container .play-btn{left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}#section-video .section-container .right-shadow{background:#00041d;bottom:0;height:100%;right:0;top:0;transform:scaleX(0);transform-origin:right center;z-index:3}#section-video .section-container .left-shadow{background:#00041d;bottom:0;height:100%;left:0;top:0;transform:scaleX(0);transform-origin:left center;z-index:3}#section-video .section-container .bottom-shadow{background:#00041d;bottom:-1px;left:0;right:0;transform:scaleY(0);transform-origin:center bottom;width:100%;z-index:3}@media (min-width:1024px) and (max-width:1399px){#section-video .section-container .play-btn .play-btn-img,#section-video .section-container .play-btn .play-btn-img img{height:141px;width:138px}#section-video .section-container .left-shadow,#section-video .section-container .right-shadow{width:137px}#section-video .section-container .bottom-shadow{height:137px}}@media (min-width:1400px) and (max-width:1799px){#section-video .section-container .play-btn .play-btn-img,#section-video .section-container .play-btn .play-btn-img img{height:173px;width:169px}#section-video .section-container .left-shadow,#section-video .section-container .right-shadow{width:168px}#section-video .section-container .bottom-shadow{height:168px}}@media (min-width:1800px){#section-video .section-container .play-btn .play-btn-img,#section-video .section-container .play-btn .play-btn-img img{height:206px;width:202px}#section-video .section-container .left-shadow,#section-video .section-container .right-shadow{width:200px}#section-video .section-container .bottom-shadow{height:200px}}@media (max-width:1023px){#section-video{height:220vh;height:calc(var(--vh, 1vh)*220)}#section-video .section-container{height:calc(100vh - 53px);height:calc(var(--vh, 1vh)*100 - 53px);margin-top:calc(53px - 100vh);margin-top:calc(53px - var(--vh, 1vh)*100);top:53px}#section-video .section-container .play-btn .play-btn-img,#section-video .section-container .play-btn .play-btn-img img{height:39.722vw;width:38.889vw}}
#section-hero{background-color:#00041d}#section-hero .bg-jinx-container .bg-jinx-img{transform:rotate(-10.31deg)}#section-hero .section-title .section-title-text-left{opacity:0;top:0}#section-hero .section-title .section-title-text-right{opacity:0}#section-hero .section-title .section-title-paint{opacity:0;transform:translateX(-100%)}#section-hero .section-title .section-title-emoji{opacity:0;transform:translateY(50%)}@media (min-width:1024px) and (max-width:1399px){#section-hero{margin-top:-55px}#section-hero .bg-jinx-container{height:1070px;top:-217px}#section-hero .section-title .section-title-text-left{height:75px;left:303px;transform:translateX(-121px);width:244px}#section-hero .section-title .section-title-text-right{height:84px;right:267px;top:67px;transform:translateX(121px);width:229px}#section-hero .section-title .section-title-paint{height:29px;left:272px;top:14px;width:30px}#section-hero .section-title .section-title-emoji{height:38px;right:232px;top:62px;width:38px}}@media (min-width:1400px) and (max-width:1799px){#section-hero{margin-top:-67px}#section-hero .bg-jinx-container{height:1314px;top:-266px}#section-hero .section-title .section-title-text-left{height:92px;left:371px;transform:translateX(-148px);width:300px}#section-hero .section-title .section-title-text-right{height:104px;right:328px;top:82px;transform:translateX(148px);width:281px}#section-hero .section-title .section-title-paint{height:35px;left:335px;top:17px;width:37px}#section-hero .section-title .section-title-emoji{height:47px;right:285px;top:76px;width:47px}}@media (min-width:1800px){#section-hero{margin-top:-80px}#section-hero .bg-jinx-container{height:1567px;top:-318px}#section-hero .section-title .section-title-text-left{height:110px;left:443px;transform:translateX(-177px);width:357px}#section-hero .section-title .section-title-text-right{height:124px;right:391px;top:98px;transform:translateX(177px);width:336px}#section-hero .section-title .section-title-paint{height:42px;left:399px;top:20px;width:44px}#section-hero .section-title .section-title-emoji{height:56px;right:340px;top:91px;width:56px}}@media (max-width:1023px){#section-hero .bg-jinx-container{height:200vw;top:-16.667vw}#section-hero .section-title .section-title-text-left{height:14.528vw;left:15.056vw;transform:translateX(-15.556vw);width:47.222vw}#section-hero .section-title .section-title-text-right{height:16.333vw;left:31.306vw;top:12.944vw;transform:translateX(15.556vw);width:46.944vw}#section-hero .section-title .section-title-paint{height:5.833vw;left:10.278vw;top:2.639vw;width:5.833vw}#section-hero .section-title .section-title-emoji{height:8.333vw;right:3.333vw;top:11.944vw;width:8.333vw}}
#section-hero .sub-section-1 .craft-section{position:-webkit-sticky;position:sticky;z-index:2}#section-hero .sub-section-1 .phone-group-container{position:relative;z-index:2}#section-hero .sub-section-1 .phone-group-container .phone-group-wrapper{justify-content:center;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-hero .sub-section-1 .phone-group-container .phone-group-wrapper .phone-hover{bottom:0;display:none;height:100%;left:0;right:0;top:0;width:100%}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-bg{height:100%;width:100%}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{transform-origin:right center}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-bg{height:100%;width:100%}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{transform-origin:center}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-bg{height:100%;width:100%}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{transform-origin:top right}#section-hero .logo-section{align-items:center;display:flex;flex-direction:column;overflow:hidden;position:-webkit-sticky;position:sticky;width:100%}#section-hero .logo-section .tattoo-left,#section-hero .logo-section .tattoo-right{opacity:0}#section-hero .logo-section .phone-element-container .bg-phone{opacity:0;top:0}#section-hero .logo-section .phone-element-container .bg-phone-light{left:0;opacity:0;top:0}#section-hero .logo-section .phone-element-container .tattoo{opacity:0;transform:scale(.65)}#section-hero .logo-section .phone-element-container .title-grid-container{left:50%;transform:translateX(-50%)}@media (min-width:721px) and (max-width:1023px){#section-hero .logo-section .phone-element-container .title-grid-container{margin-top:-120px}}@media (min-width:1024px) and (max-width:1399px){#section-hero .sub-section-1{height:calc(1676px + 193vh);height:calc(1676px + var(--vh, 1vh)*100 + var(--vh, 1vh)*30 + var(--vh, 1vh)*30 + var(--vh, 1vh)*33 - var(--vh, 1vh)*40 + var(--vh, 1vh)*40)}#section-hero .sub-section-1 .craft-section{top:calc(50vh - 425px);top:calc(var(--vh, 1vh)*50 - 425px)}#section-hero .sub-section-1 .circle{height:113px;right:296px;top:81px;width:113px}#section-hero .sub-section-1 .hahaha{height:82px;left:87px;top:390px;width:128px}#section-hero .sub-section-1 .love{height:68px;right:102px;top:567px;width:67px}#section-hero .sub-section-1 .phone-group-container{margin-top:55px}#section-hero .sub-section-1 .phone-group-container .phone-left{height:434px;width:290px}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{height:232px;right:1px;top:107px;width:253px}#section-hero .sub-section-1 .phone-group-container .phone-middle{height:434px;margin-left:14px;margin-right:14px;width:290px}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{height:300px;left:74px;top:60px;width:141px}#section-hero .sub-section-1 .phone-group-container .phone-right{height:434px;width:290px}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{height:351px;right:1px;top:8px;width:227px}#section-hero .logo-section{height:1875px;margin-top:calc(-110vh - 1154px);margin-top:calc(var(--vh, 1vh)*-110 - 1154px);top:calc(40vh - 951px);top:calc(var(--vh, 1vh)*40 - 951px)}#section-hero .logo-section .tattoo-left{height:122px;left:58px;top:1108px;width:139px}#section-hero .logo-section .tattoo-right{height:100px;top:888px;width:98px}#section-hero .logo-section .phone-element-container,#section-hero .logo-section .phone-element-container .bg-phone,#section-hero .logo-section .phone-element-container .bg-phone-light{height:1875px;width:881px}#section-hero .logo-section .phone-element-container .tattoo{height:298px;left:292px;top:813px;width:278px}#section-hero .logo-section .phone-element-container .title-grid-container{top:1109px}}@media (min-width:1024px){#section-hero .sub-section-1 .phone-group-container .phone-left:hover .phone-hover{display:block}#section-hero .sub-section-1 .phone-group-container .phone-left:hover .phone-left-bg{display:none}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{transform:scale(1.1)}#section-hero .sub-section-1 .phone-group-container .phone-middle:hover .phone-hover{display:block}#section-hero .sub-section-1 .phone-group-container .phone-middle:hover .phone-middle-bg{display:none}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{transform:scale(1.1)}#section-hero .sub-section-1 .phone-group-container .phone-right:hover .phone-hover{display:block}#section-hero .sub-section-1 .phone-group-container .phone-right:hover .phone-right-bg{display:none}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{transform:scale(1.1)}}@media (min-width:1024px) and (max-width:1399px){#section-hero .logo-section .tattoo-left{left:25px}#section-hero .logo-section .tattoo-right{right:40px}}@media (min-width:1400px) and (max-width:1799px){#section-hero .sub-section-1{height:calc(2056px + 193vh);height:calc(2056px + var(--vh, 1vh)*100 + var(--vh, 1vh)*30 + var(--vh, 1vh)*30 + var(--vh, 1vh)*33 - var(--vh, 1vh)*40 + var(--vh, 1vh)*40)}#section-hero .sub-section-1 .craft-section{top:calc(50vh - 522px);top:calc(var(--vh, 1vh)*50 - 522px)}#section-hero .sub-section-1 .circle{height:138px;right:364px;top:100px;width:138px}#section-hero .sub-section-1 .hahaha{height:101px;left:106px;top:479px;width:158px}#section-hero .sub-section-1 .love{height:83px;right:125px;top:696px;width:82px}#section-hero .sub-section-1 .phone-group-container{margin-top:67px}#section-hero .sub-section-1 .phone-group-container .phone-left{height:532px;width:355px}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{height:284px;right:1px;top:132px;width:310px}#section-hero .sub-section-1 .phone-group-container .phone-middle{height:532px;margin-left:17px;margin-right:17px;width:355px}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{height:369px;left:91px;top:74px;width:174px}#section-hero .sub-section-1 .phone-group-container .phone-right{height:532px;width:355px}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{height:431px;right:1px;top:10px;width:279px}#section-hero .logo-section{height:2302px;margin-top:calc(-110vh - 1417px);margin-top:calc(var(--vh, 1vh)*-110 - 1417px);top:calc(40vh - 1168px);top:calc(var(--vh, 1vh)*40 - 1168px)}#section-hero .logo-section .tattoo-left{height:149px;left:71px;top:1361px;width:170px}#section-hero .logo-section .tattoo-right{height:122px;top:1090px;width:121px}#section-hero .logo-section .phone-element-container,#section-hero .logo-section .phone-element-container .bg-phone,#section-hero .logo-section .phone-element-container .bg-phone-light{height:2302px;width:1082px}#section-hero .logo-section .phone-element-container .tattoo{height:366px;left:358px;top:998px;width:341px}#section-hero .logo-section .phone-element-container .title-grid-container{top:1362px}#section-hero .logo-section .tattoo-left{left:10px}#section-hero .logo-section .tattoo-right{right:61px}}@media (min-width:1800px){#section-hero .sub-section-1{height:calc(2453px + 193vh);height:calc(2453px + var(--vh, 1vh)*100 + var(--vh, 1vh)*30 + var(--vh, 1vh)*30 + var(--vh, 1vh)*33 - var(--vh, 1vh)*40 + var(--vh, 1vh)*40)}#section-hero .sub-section-1 .craft-section{top:calc(50vh - 623px);top:calc(var(--vh, 1vh)*50 - 623px)}#section-hero .sub-section-1 .circle{height:165px;right:434px;top:119px;width:165px}#section-hero .sub-section-1 .hahaha{height:120px;left:127px;top:571px;width:188px}#section-hero .sub-section-1 .love{height:99px;right:149px;top:830px;width:98px}#section-hero .sub-section-1 .phone-group-container{margin-top:80px}#section-hero .sub-section-1 .phone-group-container .phone-left{height:635px;width:424px}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{height:339px;right:1px;top:157px;width:370px}#section-hero .sub-section-1 .phone-group-container .phone-middle{height:635px;margin-left:20px;margin-right:20px;width:424px}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{height:440px;left:108px;top:88px;width:207px}#section-hero .sub-section-1 .phone-group-container .phone-right{height:635px;width:424px}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{height:514px;right:1px;top:12px;width:333px}#section-hero .logo-section{height:2746px;margin-top:calc(-110vh - 1690px);margin-top:calc(var(--vh, 1vh)*-110 - 1690px);top:calc(40vh - 1393px);top:calc(var(--vh, 1vh)*40 - 1393px)}#section-hero .logo-section .tattoo-left{height:178px;left:85px;top:1623px;width:203px}#section-hero .logo-section .tattoo-right{height:146px;top:1300px;width:144px}#section-hero .logo-section .phone-element-container,#section-hero .logo-section .phone-element-container .bg-phone,#section-hero .logo-section .phone-element-container .bg-phone-light{height:2746px;width:1290px}#section-hero .logo-section .phone-element-container .tattoo{height:437px;left:427px;top:1190px;width:407px}#section-hero .logo-section .phone-element-container .title-grid-container{top:1624px}#section-hero .logo-section .tattoo-left{left:85px}#section-hero .logo-section .tattoo-right{right:120px}}@media (max-width:1023px){#section-hero .sub-section-1{height:calc(372.778vw + 193vh);height:calc(372.778vw + var(--vh, 1vh)*100 + var(--vh, 1vh)*30 + var(--vh, 1vh)*30 + var(--vh, 1vh)*33 - var(--vh, 1vh)*40 + var(--vh, 1vh)*40)}#section-hero .sub-section-1 .craft-section{top:calc(50vh - 103.333vw);top:calc(var(--vh, 1vh)*50 - 103.333vw)}#section-hero .sub-section-1 .craft-section .oval-img,#section-hero .sub-section-1 .craft-section .square-img{height:11.944vw}#section-hero .sub-section-1 .phone-group-container{margin-top:11.111vw}#section-hero .sub-section-1 .phone-group-container .phone-group-wrapper{width:233.333vw}#section-hero .sub-section-1 .phone-group-container .phone-left{height:97.5vw;margin-left:5.556vw;width:72.222vw}#section-hero .sub-section-1 .phone-group-container .phone-left .phone-left-img{height:56.389vw;right:.278vw;top:19.167vw;width:63.889vw}#section-hero .sub-section-1 .phone-group-container .phone-middle{height:97.5vw;margin-left:2.778vw;margin-right:2.778vw;width:72.222vw}#section-hero .sub-section-1 .phone-group-container .phone-middle .phone-middle-img{height:70vw;left:19.444vw;top:11.944vw;width:33.056vw}#section-hero .sub-section-1 .phone-group-container .phone-right{height:97.5vw;margin-right:5.556vw;width:72.222vw}#section-hero .sub-section-1 .phone-group-container .phone-right .phone-right-img{height:76.389vw;right:.278vw;top:2.222vw;width:56.667vw}#section-hero .logo-section{height:341.944vw;margin-top:calc(-110vh - 141.111vw);margin-top:calc(var(--vh, 1vh)*-110 - 141.111vw);top:calc(40vh - 171.111vw);top:calc(var(--vh, 1vh)*40 - 171.111vw)}#section-hero .logo-section .phone-element-container,#section-hero .logo-section .phone-element-container .bg-phone,#section-hero .logo-section .phone-element-container .bg-phone-light{height:341.944vw;width:160.556vw}#section-hero .logo-section .phone-element-container .tattoo{height:61.111vw;left:50vw;top:141.667vw;width:56.944vw}#section-hero .logo-section .phone-element-container .title-grid-container{top:211.944vw}#section-hero .sub-section-1 .phone-group-container{justify-content:flex-start;overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}}
#section-hero .sub-section-2 .boom,#section-hero .sub-section-2 .tattoo-left,#section-hero .sub-section-2 .tattoo-right{opacity:0}#section-hero .sub-section-2 .phone-container{overflow:hidden;position:-webkit-sticky;position:sticky;top:60px;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-hero .sub-section-2 .phone-container .title-grid-container{left:50%;transform:translateX(-50%)}#section-hero .sub-section-2 .phone-container .phone-wrapper{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-hero .sub-section-2 .phone-container .phone-left{opacity:0}#section-hero .sub-section-2 .phone-container .phone-left .phone-left-img{height:100%;width:100%}#section-hero .sub-section-2 .phone-container .phone-right{opacity:0}#section-hero .sub-section-2 .phone-container .phone-right .phone-right-img{height:100%;width:100%}@media (min-width:1024px) and (max-width:1399px){#section-hero .sub-section-2{height:calc(738px + 70vh);height:calc(738px + var(--vh, 1vh)*50 + var(--vh, 1vh)*20);margin-top:calc(-938px - 40vh);margin-top:calc(-938px - var(--vh, 1vh)*40)}#section-hero .sub-section-2 .tattoo-left{height:171px;left:346px;top:479px;width:296px}#section-hero .sub-section-2 .tattoo-right{height:111px;right:374px;top:47px;width:260px}#section-hero .sub-section-2 .boom{height:54px;left:579px;top:479px;width:145px}#section-hero .sub-section-2 .phone-container{height:643px}#section-hero .sub-section-2 .phone-container .title-grid-container{top:248px}#section-hero .sub-section-2 .phone-container .phone-wrapper{height:643px}#section-hero .sub-section-2 .phone-container .phone-left{height:1694px;left:-111px;top:-1045px;transform:translate(-205px,-68px);width:543px}#section-hero .sub-section-2 .phone-container .phone-right{height:1694px;right:-111px;top:-1045px;transform:translate(205px,-68px);width:543px}#section-hero .sub-section-2 .phone-container .phone-left{height:1355px!important;left:-89px!important;width:434px!important}#section-hero .sub-section-2 .phone-container .phone-right{height:1355px!important;right:-89px!important;width:434px!important}}@media (min-width:1400px) and (max-width:1799px){#section-hero .sub-section-2{height:calc(905px + 70vh);height:calc(905px + var(--vh, 1vh)*50 + var(--vh, 1vh)*20);margin-top:calc(-1151px - 40vh);margin-top:calc(-1151px - var(--vh, 1vh)*40)}#section-hero .sub-section-2 .tattoo-left{height:210px;left:424px;top:588px;width:363px}#section-hero .sub-section-2 .tattoo-right{height:137px;right:459px;top:58px;width:319px}#section-hero .sub-section-2 .boom{height:66px;left:711px;top:589px;width:179px}#section-hero .sub-section-2 .phone-container{height:790px}#section-hero .sub-section-2 .phone-container .title-grid-container{top:304px}#section-hero .sub-section-2 .phone-container .phone-wrapper{height:790px}#section-hero .sub-section-2 .phone-container .phone-left{height:2079px;left:-136px;top:-1283px;transform:translate(-252px,-84px);width:667px}#section-hero .sub-section-2 .phone-container .phone-right{height:2079px;right:-136px;top:-1283px;transform:translate(252px,-84px);width:667px}#section-hero .sub-section-2 .phone-container .phone-left{height:1860px!important;left:-136px!important;width:596px!important}#section-hero .sub-section-2 .phone-container .phone-right{height:1860px!important;right:-136px!important;width:596px!important}}@media (min-width:1800px){#section-hero .sub-section-2{height:calc(1080px + 70vh);height:calc(1080px + var(--vh, 1vh)*50 + var(--vh, 1vh)*20);margin-top:calc(-1373px - 40vh);margin-top:calc(-1373px - var(--vh, 1vh)*40)}#section-hero .sub-section-2 .tattoo-left{height:251px;left:506px;top:701px;width:433px}#section-hero .sub-section-2 .tattoo-right{height:163px;right:547px;top:69px;width:380px}#section-hero .sub-section-2 .boom{height:79px;left:848px;top:702px;width:213px}#section-hero .sub-section-2 .phone-container{height:942px}#section-hero .sub-section-2 .phone-container .title-grid-container{top:363px}#section-hero .sub-section-2 .phone-container .phone-wrapper{height:942px}#section-hero .sub-section-2 .phone-container .phone-left{height:2480px;left:-162px;top:-1530px;transform:translate(-300px,-100px);width:795px}#section-hero .sub-section-2 .phone-container .phone-right{height:2480px;right:-162px;top:-1530px;transform:translate(300px,-100px);width:795px}}@media (min-width:2240px){#section-hero .sub-section-2 .phone-container .phone-left{height:3307px!important;left:-184px!important;top:-2419px!important;width:1060px!important}#section-hero .sub-section-2 .phone-container .phone-right{height:3307px!important;right:-184px!important;top:-2419px!important;width:1060px!important}}@media (max-width:1023px){#section-hero .sub-section-2{height:calc(177.778vw + 70vh);height:calc(177.778vw + var(--vh, 1vh)*50 + var(--vh, 1vh)*20);margin-top:calc(-171.111vw - 40vh);margin-top:calc(-171.111vw - var(--vh, 1vh)*40)}#section-hero .sub-section-2 .tattoo-left{height:30.556vw;left:-8.056vw;top:80.278vw;width:52.5vw}#section-hero .sub-section-2 .tattoo-right{height:15.278vw;right:-12.5vw;top:160.833vw;width:35.833vw}#section-hero .sub-section-2 .boom{height:8.611vw;left:33.333vw;top:81.944vw;width:23.056vw}#section-hero .sub-section-2 .phone-container{height:calc(150.556vw + 50px)}#section-hero .sub-section-2 .phone-container .title-grid-container{top:104.722vw}#section-hero .sub-section-2 .phone-container .phone-wrapper{height:83.611vw}#section-hero .sub-section-2 .phone-container .phone-left{height:235.556vw;left:-35.556vw;top:-151.944vw;transform:translate(-41.667vw,-13.889vw);width:75.556vw}#section-hero .sub-section-2 .phone-container .phone-right{height:235.556vw;right:-35.556vw;top:-151.944vw;transform:translate(41.667vw,-13.889vw);width:75.556vw}#section-hero .sub-section-2 .phone-container{top:53px}}
#section-hero .sub-section-3{margin-top:5vh;margin-top:calc(var(--vh, 1vh)*5)}#section-hero .sub-section-3 .box-container{position:-webkit-sticky;position:sticky}#section-hero .sub-section-3 .box-container .phone-container .phone{height:100%;width:100%}#section-hero .sub-section-3 .box-container .phone-container .phone .phone-img{height:100%;left:0;position:absolute;top:0;width:100%}#section-hero .sub-section-3 .box-container .phone-container .phone .phone-2,#section-hero .sub-section-3 .box-container .phone-container .phone .phone-3,#section-hero .sub-section-3 .box-container .phone-container .phone .phone-4,#section-hero .sub-section-3 .box-container .phone-container .phone .phone-5{opacity:0}@media (min-width:1024px) and (max-width:1399px){#section-hero .sub-section-3{height:calc(70vh + 738px);height:calc(var(--vh, 1vh)*70 + 738px)}#section-hero .sub-section-3 .box-container{height:738px;padding-top:224px;top:calc(100vh - 738px);top:calc(var(--vh, 1vh)*100 - 738px)}#section-hero .sub-section-3 .box-container .line-1{height:195px;left:12px;top:488px;width:388px}#section-hero .sub-section-3 .box-container .line-2{height:734px;left:33px;top:-38px;width:936px}#section-hero .sub-section-3 .box-container .phone-container{height:665px;left:254px;top:173px;width:680px}}@media (min-width:1024px){#section-hero .sub-section-3 .box-container .phone-container .phone{transform:scale(1.15);transform-origin:top right}}@media (min-width:1400px) and (max-width:1799px){#section-hero .sub-section-3{height:calc(70vh + 905px);height:calc(var(--vh, 1vh)*70 + 905px)}#section-hero .sub-section-3 .box-container{height:905px;padding-top:275px;top:calc(100vh - 905px);top:calc(var(--vh, 1vh)*100 - 905px)}#section-hero .sub-section-3 .box-container .line-1{height:240px;left:14px;top:599px;width:476px}#section-hero .sub-section-3 .box-container .line-2{height:901px;left:41px;top:-47px;width:1149px}#section-hero .sub-section-3 .box-container .phone-container{height:817px;left:312px;top:212px;width:835px}}@media (min-width:1800px){#section-hero .sub-section-3{height:calc(70vh + 1080px);height:calc(var(--vh, 1vh)*70 + 1080px)}#section-hero .sub-section-3 .box-container{height:1080px;padding-top:328px;top:calc(100vh - 1080px);top:calc(var(--vh, 1vh)*100 - 1080px)}#section-hero .sub-section-3 .box-container .line-1{height:286px;left:17px;top:715px;width:568px}#section-hero .sub-section-3 .box-container .line-2{height:1075px;left:49px;top:-56px;width:1370px}#section-hero .sub-section-3 .box-container .phone-container{height:974px;left:372px;top:253px;width:996px}}@media (min-width:2240px){#section-hero .sub-section-3 .box-container .phone-container{height:1169px!important;left:430px!important;top:90px!important;width:1195px!important}}@media (max-width:1023px){#section-hero .sub-section-3{height:calc(70vh + 177.778vw);height:calc(var(--vh, 1vh)*70 + 177.778vw)}#section-hero .sub-section-3 .box-container{height:177.778vw;padding-top:23.611vw;top:calc(100vh - 177.778vw);top:calc(var(--vh, 1vh)*100 - 177.778vw);width:100vw}#section-hero .sub-section-3 .box-container .line-1{height:38.056vw;left:-6.944vw;top:137.778vw;width:48.889vw}#section-hero .sub-section-3 .box-container .line-2{height:183.333vw;left:-24.167vw;top:39.167vw;width:161.667vw}#section-hero .sub-section-3 .box-container .phone-container{height:107.5vw;left:11.389vw;top:90.556vw;width:110vw}#section-hero .sub-section-3{margin-top:-5vh;margin-top:calc(var(--vh, 1vh)*-5)}#section-hero .sub-section-3 .box-container{overflow:hidden}}
#section-hero .sub-section-4{margin-top:-70vh;margin-top:calc(var(--vh, 1vh)*-70);z-index:2}#section-hero .sub-section-4 .element-container{overflow:hidden;position:-webkit-sticky;position:sticky;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-hero .sub-section-4 .element-container .full-width-container{margin-left:auto;margin-right:auto}@media (min-width:1024px) and (max-width:1399px){#section-hero .sub-section-4{height:calc(100vh + 639px);height:calc(var(--vh, 1vh)*30 + 639px + var(--vh, 1vh)*70)}#section-hero .sub-section-4 .element-container{height:639px;top:calc(85vh - 543px);top:calc(var(--vh, 1vh)*85 - 543px)}#section-hero .sub-section-4 .element-container .full-width-container{width:1311px}#section-hero .sub-section-4 .element-container .full-width-container .title-grid{left:814px;top:202px}#section-hero .sub-section-4 .element-container .full-width-container .arrow{height:233px;left:499px;top:415px;width:225px}#section-hero .sub-section-4 .element-container .full-width-container .phone-left{height:447px;left:-165px;top:96px;width:890px}#section-hero .sub-section-4 .element-container .full-width-container .phone-logo-canvas{left:425px;top:326px;width:185px}#section-hero .sub-section-4 .element-container .full-width-container .title-grid{left:774px!important}}@media (min-width:1400px) and (max-width:1799px){#section-hero .sub-section-4{height:calc(100vh + 785px);height:calc(var(--vh, 1vh)*30 + 785px + var(--vh, 1vh)*70)}#section-hero .sub-section-4 .element-container{height:785px;top:calc(85vh - 666px);top:calc(var(--vh, 1vh)*85 - 666px)}#section-hero .sub-section-4 .element-container .full-width-container{width:1610px}#section-hero .sub-section-4 .element-container .full-width-container .title-grid{left:999px;top:248px}#section-hero .sub-section-4 .element-container .full-width-container .arrow{height:286px;left:613px;top:510px;width:277px}#section-hero .sub-section-4 .element-container .full-width-container .phone-left{height:549px;left:-203px;top:117px;width:1092px}#section-hero .sub-section-4 .element-container .full-width-container .phone-logo-canvas{left:521px;top:400px;width:227px}}@media (min-width:1800px){#section-hero .sub-section-4{height:calc(100vh + 936px);height:calc(var(--vh, 1vh)*30 + 936px + var(--vh, 1vh)*70)}#section-hero .sub-section-4 .element-container{height:936px;top:calc(85vh - 795px);top:calc(var(--vh, 1vh)*85 - 795px)}#section-hero .sub-section-4 .element-container .full-width-container{width:1920px}#section-hero .sub-section-4 .element-container .full-width-container .title-grid{left:1192px;top:296px}#section-hero .sub-section-4 .element-container .full-width-container .arrow{height:341px;left:731px;top:608px;width:330px}#section-hero .sub-section-4 .element-container .full-width-container .phone-left{height:655px;left:-242px;top:140px;width:1303px}#section-hero .sub-section-4 .element-container .full-width-container .phone-logo-canvas{left:622px;top:477px;width:271px}}@media (min-width:2240px){#section-hero .sub-section-4 .element-container .full-width-container .arrow{left:950px!important;top:620px!important}#section-hero .sub-section-4 .element-container .full-width-container .phone-left{height:769px;left:-205px!important;top:40px;width:1531px}#section-hero .sub-section-4 .element-container .full-width-container .phone-logo-canvas{left:659px!important;left:811px!important;top:436px!important;width:318px!important}}@media (max-width:1023px){#section-hero .sub-section-4{height:calc(100vh + 225.833vw);height:calc(var(--vh, 1vh)*30 + 225.833vw + var(--vh, 1vh)*70)}#section-hero .sub-section-4 .element-container{height:172.222vw;top:calc(85vh - 150vw);top:calc(var(--vh, 1vh)*85 - 150vw)}#section-hero .sub-section-4 .element-container .full-width-container{width:100vw}#section-hero .sub-section-4 .element-container .full-width-container .title-grid{top:106.667vw}#section-hero .sub-section-4 .element-container .full-width-container .arrow{height:43.333vw;left:46.944vw;top:71.944vw;width:44.722vw}#section-hero .sub-section-4 .element-container .full-width-container .phone-left{height:93.333vw;left:-92.5vw;top:3.056vw;width:185.833vw}#section-hero .sub-section-4 .element-container .full-width-container .phone-logo-canvas{left:30.556vw;top:50.972vw;width:38.889vw}}
#section-missile{background-color:#00041d}#section-missile .bg-jinx-container .bg-jinx-img{transform:rotate(20.52deg)}#section-missile .bg-jinx-container .bg-jinxx-mask{background:linear-gradient(316.35deg,#00041d 18.54%,rgba(0,4,29,0) 30.8%);height:1237px;opacity:.25;transform:rotate(20.52deg);width:3152px}#section-missile .missile-container .section-title{overflow:hidden}#section-missile .missile-container .section-title .section-title-text-left{opacity:0;top:0}#section-missile .missile-container .section-title .section-title-text-right{opacity:0}#section-missile .missile-container .section-title .section-title-paint{opacity:0;transform:translateX(100%)}#section-missile .missile-container .section-title .section-title-emoji{opacity:0;transform:translateY(50%)}#section-missile .missile-container .content-scroll-container .content{z-index:3}#section-missile .missile-container .content-scroll-container .content .missile-bg{height:52.08333vw;height:calc(var(--vw, 1vw)*100*1000/1920);left:0;top:0}#section-missile .missile-container .content-scroll-container .content .missile-bg-mask{background:linear-gradient(1turn,rgba(0,4,29,0),#00041d);left:0;top:0}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-0{left:0}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-7{top:760.7}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-8{top:772.45}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-9{top:794.55}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-graffiti{opacity:0}@media (min-width:1024px) and (max-width:1399px){#section-missile .bg-jinx-container{height:1070px;padding-top:205px;top:-478px}#section-missile .missile-container .section-title .section-title-text-left{height:87px;left:239px;transform:translateX(-121px);width:273px}#section-missile .missile-container .section-title .section-title-text-right{height:100px;right:240px;top:66px;transform:translateX(121px);width:234px}#section-missile .missile-container .section-title .section-title-paint{height:45px;right:312px;top:18px;width:45px}#section-missile .missile-container .section-title .section-title-emoji{bottom:45px;height:59px;left:359px;width:59px}#section-missile .missile-container .content-scroll-container{height:calc(1083px + 100vh);height:calc(1083px + var(--vh, 1vh)*50 + var(--vh, 1vh)*15 + var(--vh, 1vh)*20 + var(--vh, 1vh)*15)}#section-missile .missile-container .content-scroll-container .content{height:996px;margin-bottom:-44px;top:27px}#section-missile .missile-container .content-scroll-container .content .missile-bg-mask{height:117px}#section-missile .missile-container .content-scroll-container .content .content-container .content-title{top:27px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container{left:68px;top:-68px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-0{height:221px;top:461px;width:128px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-1{height:196px;left:127px;top:445px;width:66px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-2{height:78px;left:248px;top:510px;width:257px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-3{height:18px;left:247px;top:524px;width:260px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-4{height:42px;left:246px;top:518px;width:262px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-5{height:20px;left:254px;top:521px;width:254px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-6{height:40px;left:251px;top:520px;width:259px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-7{height:52px;left:247px;width:263px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-8{height:58px;left:276px;width:99px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-9{height:49px;left:417px;width:87px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-10{height:135px;left:232px;top:510px;width:277px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-11{height:188px;left:569px;top:476px;width:334px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-graffiti{height:83px;left:733px;top:344px;width:111px}}@media (min-width:1400px) and (max-width:1799px){#section-missile .bg-jinx-container{height:1314px;padding-top:252px;top:-587px}#section-missile .missile-container .section-title .section-title-text-left{height:106px;left:293px;transform:translateX(-148px);width:335px}#section-missile .missile-container .section-title .section-title-text-right{height:123px;right:295px;top:81px;transform:translateX(148px);width:288px}#section-missile .missile-container .section-title .section-title-paint{height:55px;right:383px;top:22px;width:55px}#section-missile .missile-container .section-title .section-title-emoji{bottom:56px;height:73px;left:440px;width:73px}#section-missile .missile-container .content-scroll-container{height:calc(1329px + 100vh);height:calc(1329px + var(--vh, 1vh)*50 + var(--vh, 1vh)*15 + var(--vh, 1vh)*20 + var(--vh, 1vh)*15)}#section-missile .missile-container .content-scroll-container .content{height:1222px;margin-bottom:-54px;top:34px}#section-missile .missile-container .content-scroll-container .content .missile-bg-mask{height:143px}#section-missile .missile-container .content-scroll-container .content .content-container .content-title{top:34px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container{left:84px;top:-84px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-0{height:271px;top:566px;width:157px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-1{height:241px;left:156px;top:547px;width:81px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-2{height:96px;left:305px;top:626px;width:316px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-3{height:22px;left:304px;top:643px;width:319px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-4{height:52px;left:302px;top:636px;width:322px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-5{height:25px;left:312px;top:640px;width:312px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-6{height:49px;left:308px;top:638px;width:318px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-7{height:64px;left:303px;width:322px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-8{height:72px;left:338px;width:122px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-9{height:60px;left:512px;width:107px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-10{height:166px;left:285px;top:626px;width:340px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-11{height:231px;left:698px;top:584px;width:410px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-graffiti{height:102px;left:900px;top:423px;width:137px}}@media (min-width:1800px){#section-missile .bg-jinx-container{height:1567px;padding-top:300px;top:-700px}#section-missile .missile-container .section-title .section-title-text-left{height:127px;left:350px;transform:translateX(-177px);width:400px}#section-missile .missile-container .section-title .section-title-text-right{height:147px;right:352px;top:97px;transform:translateX(177px);width:343px}#section-missile .missile-container .section-title .section-title-paint{height:66px;right:457px;top:26px;width:66px}#section-missile .missile-container .section-title .section-title-emoji{bottom:66px;height:87px;left:525px;width:87px}#section-missile .missile-container .content-scroll-container{height:calc(1586px + 100vh);height:calc(1586px + var(--vh, 1vh)*50 + var(--vh, 1vh)*15 + var(--vh, 1vh)*20 + var(--vh, 1vh)*15)}#section-missile .missile-container .content-scroll-container .content{height:1458px;margin-bottom:-64px;top:40px}#section-missile .missile-container .content-scroll-container .content .missile-bg-mask{height:171px}#section-missile .missile-container .content-scroll-container .content .content-container .content-title{top:40px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container{left:100px;top:-100px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-0{height:324px;top:675px;width:188px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-1{height:287px;left:186px;top:652px;width:96px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-2{height:114px;left:364px;top:747px;width:377px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-3{height:26px;left:362px;top:767px;width:380px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-4{height:62px;left:360px;top:759px;width:384px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-5{height:30px;left:372px;top:763px;width:372px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-6{height:59px;left:367px;top:761px;width:379px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-7{height:76px;left:361px;width:384px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-8{height:86px;left:404px;width:146px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-9{height:71px;left:611px;width:128px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-10{height:198px;left:340px;top:747px;width:406px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-11{height:276px;left:833px;top:697px;width:489px}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-graffiti{height:122px;left:1074px;top:504px;width:163px}}@media (max-width:1023px){#section-missile{margin-top:-11.111vw}#section-missile .title-grid .label-grid,#section-missile .title-grid .label-grid .square-img{height:18.333vw}#section-missile .title-grid .label-grid .oval-img{height:21.111vw}#section-missile .title-grid .label-grid .label-text{top:2.222vw}#section-missile .bg-jinx-container{height:200vw;top:-44.444vw}#section-missile .missile-container .section-title{margin-bottom:17.778vw}#section-missile .missile-container .section-title .section-title-text-left{height:16.778vw;left:2.778vw;transform:translateX(-15.556vw);width:52.833vw}#section-missile .missile-container .section-title .section-title-text-right{height:19.444vw;right:5.556vw;top:12.806vw;transform:translateX(15.556vw);width:45.278vw}#section-missile .missile-container .section-title .section-title-paint{height:8.722vw;right:19.306vw;top:3.431vw;width:8.722vw}#section-missile .missile-container .section-title .section-title-emoji{bottom:8.778vw;height:11.667vw;left:25.889vw;width:11.667vw}#section-missile .missile-container .content-scroll-container{height:224.722vw}#section-missile .missile-container .content-scroll-container .content{height:216.111vw;top:7.778vw}#section-missile .missile-container .content-scroll-container .content .missile-bg-mask{height:28.333vw}#section-missile .missile-container .content-scroll-container .content .content-container .content-title{top:17.778vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container{top:91.389vw;transform:translateX(-158.333vw)}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-0{height:39.589vw;left:34.167vw;top:42.733vw;width:22.978vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-1{height:35.167vw;left:20.394vw;top:39.931vw;width:11.758vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-2{height:15.833vw;left:41.111vw;top:50.833vw;width:46.111vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-3{height:3.236vw;left:40.556vw;top:53.569vw;width:46.492vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-4{height:7.55vw;left:40.639vw;top:52.028vw;width:46.944vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-5{height:3.667vw;left:41.069vw;top:54.375vw;width:45.528vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-6{height:7.222vw;left:40.758vw;top:53.5vw;width:46.389vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-7{height:9.278vw;left:40.375vw;top:52.889vw;width:47.033vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-8{height:10.464vw;left:45.306vw;top:53.458vw;width:17.778vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-9{height:8.739vw;left:68.611vw;top:55.939vw;width:15.639vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-10{height:24.272vw;left:38.186vw;top:50.933vw;width:49.622vw}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container .missile-img-11{height:33.722vw;left:55.75vw;top:45.403vw;width:59.722vw}#section-missile .bg-jinx-container .bg-jinx-img{transform:rotate(-15.8deg)}#section-missile .missile-container .content-scroll-container .content .missile-bg{height:207.77778vw;height:calc(var(--vw, 1vw)*100*748/360)}#section-missile .missile-container .content-scroll-container .content .content-container .content-title{width:100%}#section-missile .missile-container .content-scroll-container .content .content-container .missile-img-container{left:0}}
#section-battle{background-color:#00041d}#section-battle .section-title .section-title-text-left{opacity:0;top:0}#section-battle .section-title .section-title-text-right{opacity:0}#section-battle .section-title .section-title-paint{opacity:0;transform:translateX(-100%)}#section-battle .section-title .section-title-emoji{opacity:0;transform:translateY(50%)}#section-battle .battle-content-container{height:654vh;height:calc(var(--vh, 1vh)*100 + var(--vh, 1vh)*9 + var(--vh, 1vh)*100*5 + var(--vh, 1vh)*9*5)}#section-battle .battle-content-container .content{height:100vh;height:calc(var(--vh, 1vh)*100);z-index:1}#section-battle .battle-content-container .content .title-grid-needle{top:0}#section-battle .battle-content-container .content .full.flex{justify-content:space-between}#section-battle .battle-content-container .content .graffiti-0,#section-battle .battle-content-container .content .graffiti-1,#section-battle .battle-content-container .content .graffiti-2{opacity:0}#section-battle .battle-content-container .content .graffiti-3{left:0;opacity:0}#section-battle .battle-content-container .content .graffiti-4,#section-battle .battle-content-container .content .graffiti-5{opacity:0}#section-battle .battle-content-container .content .img-container .part-bg{position:relative}#section-battle .battle-content-container .content .img-container .part-img-container{opacity:0;overflow:hidden}@media (min-width:721px) and (max-width:1023px){#section-battle .battle-content-container .content .grid-title-container{margin-top:0!important}}@media (min-width:1024px) and (max-width:1399px){#section-battle .section-title .section-title-text-left{height:81px;left:296px;transform:translateX(-121px);width:227px}#section-battle .section-title .section-title-text-right{height:88px;right:274px;top:75px;transform:translateX(121px);width:240px}#section-battle .section-title .section-title-paint{height:17px;left:275px;top:19px;width:17px}#section-battle .section-title .section-title-emoji{height:49px;right:329px;top:31px;width:49px}#section-battle .battle-content-container .content{top:calc(87px + 6vh);top:calc(87px + var(--vh, 1vh)*6)}#section-battle .battle-content-container .content .graffiti-0{height:216px;left:-33px;top:270px;width:398px}#section-battle .battle-content-container .content .graffiti-1{height:239px;left:8px;top:217px;width:409px}#section-battle .battle-content-container .content .graffiti-2{height:213px;left:4px;top:228px;width:385px}#section-battle .battle-content-container .content .graffiti-3{height:227px;top:201px;width:388px}#section-battle .battle-content-container .content .graffiti-4{height:191px;left:-23px;top:268px;width:369px}#section-battle .battle-content-container .content .graffiti-5{height:254px;left:22px;top:231px;width:369px}#section-battle .battle-content-container .content .img-container{height:483px;width:441px}#section-battle .battle-content-container .content .img-container .part-bg{left:-1px;width:443px}#section-battle .battle-content-container .content .img-container .part-img-container .img-main{margin-top:8px}#section-battle .battle-content-container .content .img-container .part-img-container .img-bullet{height:126px;top:195px;width:44px}}@media (min-width:1400px) and (max-width:1799px){#section-battle .section-title .section-title-text-left{height:100px;left:364px;transform:translateX(-148px);width:279px}#section-battle .section-title .section-title-text-right{height:108px;right:336px;top:92px;transform:translateX(148px);width:294px}#section-battle .section-title .section-title-paint{height:21px;left:337px;top:23px;width:21px}#section-battle .section-title .section-title-emoji{height:60px;right:403px;top:38px;width:60px}#section-battle .battle-content-container .content{top:calc(107px + 6vh);top:calc(107px + var(--vh, 1vh)*6)}#section-battle .battle-content-container .content .graffiti-0{height:265px;left:-41px;top:331px;width:489px}#section-battle .battle-content-container .content .graffiti-1{height:293px;left:10px;top:267px;width:503px}#section-battle .battle-content-container .content .graffiti-2{height:261px;left:5px;top:280px;width:472px}#section-battle .battle-content-container .content .graffiti-3{height:279px;top:246px;width:477px}#section-battle .battle-content-container .content .graffiti-4{height:235px;left:-28px;top:329px;width:453px}#section-battle .battle-content-container .content .graffiti-5{height:312px;left:27px;top:284px;width:453px}#section-battle .battle-content-container .content .img-container{height:593px;width:542px}#section-battle .battle-content-container .content .img-container .part-bg{left:-1px;width:544px}#section-battle .battle-content-container .content .img-container .part-img-container .img-main{margin-top:9px}#section-battle .battle-content-container .content .img-container .part-img-container .img-bullet{height:155px;top:239px;width:54px}}@media (min-width:1800px){#section-battle .section-title .section-title-text-left{height:119px;left:434px;transform:translateX(-177px);width:333px}#section-battle .section-title .section-title-text-right{height:129px;right:401px;top:110px;transform:translateX(177px);width:351px}#section-battle .section-title .section-title-paint{height:25px;left:402px;top:28px;width:25px}#section-battle .section-title .section-title-emoji{height:72px;right:481px;top:45px;width:72px}#section-battle .battle-content-container .content{top:calc(128px + 6vh);top:calc(128px + var(--vh, 1vh)*6)}#section-battle .battle-content-container .content .graffiti-0{height:316px;left:-49px;top:395px;width:584px}#section-battle .battle-content-container .content .graffiti-1{height:350px;left:12px;top:318px;width:600px}#section-battle .battle-content-container .content .graffiti-2{height:311px;left:6px;top:334px;width:564px}#section-battle .battle-content-container .content .graffiti-3{height:332px;top:294px;width:569px}#section-battle .battle-content-container .content .graffiti-4{height:280px;left:-33px;top:392px;width:541px}#section-battle .battle-content-container .content .graffiti-5{height:372px;left:32px;top:339px;width:540px}#section-battle .battle-content-container .content .img-container{height:708px;width:646px}#section-battle .battle-content-container .content .img-container .part-bg{left:-1px;width:649px}#section-battle .battle-content-container .content .img-container .part-img-container .img-main{margin-top:11px}#section-battle .battle-content-container .content .img-container .part-img-container .img-bullet{height:185px;top:285px;width:64px}}@media (min-width:2240px){#section-battle .battle-content-container .content{top:calc(128px + 15vh)!important;top:calc(128px + var(--vh, 1vh)*15)!important}}@media (max-width:1023px){#section-battle{margin-top:19.444vw}#section-battle .section-title .section-title-text-left{height:15.722vw;left:13.889vw;transform:translateX(-15.556vw);width:43.983vw}#section-battle .section-title .section-title-text-right{height:17.039vw;right:12.019vw;top:14.528vw;transform:translateX(15.556vw);width:46.361vw}#section-battle .section-title .section-title-paint{height:8.722vw;left:9.639vw;top:3.694vw;width:8.722vw}#section-battle .section-title .section-title-emoji{height:9.444vw;right:22.536vw;top:5.944vw;width:9.444vw}#section-battle .battle-content-container .content{top:11.111vw}#section-battle .battle-content-container .content .grid-title-container{height:37.5vw;margin-top:15.556vw}#section-battle .battle-content-container .content .graffiti-0{height:18.853vw;left:50.833vw;top:69.722vw;width:38.417vw}#section-battle .battle-content-container .content .graffiti-1{height:22.222vw;left:49.444vw;top:69.444vw;width:37.028vw}#section-battle .battle-content-container .content .graffiti-2{height:17.778vw;left:57.5vw;top:72.778vw;width:30.083vw}#section-battle .battle-content-container .content .graffiti-3{height:20.389vw;left:59.722vw;top:69.722vw;width:27.306vw}#section-battle .battle-content-container .content .graffiti-4{height:18.389vw;left:57.222vw;top:69.722vw;width:30.833vw}#section-battle .battle-content-container .content .graffiti-5{height:17.875vw;left:57.222vw;top:66.667vw;width:30vw}#section-battle .battle-content-container .content .img-container{height:97.667vw;left:.278vw;margin-top:5.556vw;width:88.333vw}#section-battle .battle-content-container .content .img-container .part-bg{left:-.278vw;width:88.889vw}#section-battle .battle-content-container .content .img-container .part-img-container .img-bullet{height:25vw;top:47.222vw;width:8.611vw}#section-battle .battle-content-container .content{overflow:hidden}#section-battle .battle-content-container .content .grid-title-container,#section-battle .battle-content-container .content .title-grid-needle{width:100%}#section-battle .battle-content-container .content .full.flex{flex-direction:column;justify-content:start;width:100%}}
#section-dps{background-color:#00041d;width:100%}#section-dps .section-title .section-title-text-left{opacity:0;top:0}#section-dps .section-title .section-title-text-right{opacity:0}#section-dps .section-title .section-title-emoji{opacity:0;transform:translateY(50%)}#section-dps .theme-scroll-container .theme-paint.pt-hidden{left:57%}#section-dps .theme-scroll-container .theme-paint.ls-hidden{left:64%}#section-dps .theme-scroll-container .dps-title-0{left:50%;top:0;transform:translateX(-50%)}#section-dps .theme-container{background-color:#00041d;border:none;bottom:0;overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-dps .theme-container .column-left{flex-direction:column}#section-dps .theme-container .column-center .theme-videos-container .frame-image{left:0;top:0;z-index:4}#section-dps .theme-container .column-center .theme-videos-container .normal-play-button{bottom:50%;display:none;right:50%;transform:translate(50%,50%);z-index:4}#section-dps .theme-container .column-right{align-self:flex-end;flex-direction:column}#section-dps .top-mask{background:linear-gradient(180deg,#00041d,rgba(0,4,29,0));height:8.37%;left:0}#section-dps .bottom-mask{background:linear-gradient(0deg,#00041d 0,rgba(0,4,29,0));bottom:0;height:8.37%;left:0}#section-dps .icon-container{overflow:hidden;top:calc(100vh - 100%);top:calc(var(--vh, 1vh)*100 - 100%)}#section-dps .icon-container .app-icon-group{align-items:center;display:flex;justify-content:center;left:50%;transform:translateX(-50%);z-index:2}#section-dps .icon-container .app-icon-group .app-icon-grid{align-items:center;display:flex;flex-direction:column}#section-dps .icon-container .app-icon-group .app-icon-grid .app-video-canvas{height:100%;width:100%}#section-dps .icon-container .row-container,#section-dps .icon-container .row-container .icons-image{height:4.58398vw;height:calc(var(--vw, 1vw)*100*1.10953*.04131)}#section-dps .icon-container .row-container .icons-image{width:110.95313vw;width:calc(var(--vw, 1vw)*100*1.10953)}#section-dps .icon-container .row-container.left-direction .icons-image{left:0}#section-dps .icon-container .row-container.left-direction .icons-image.right{left:112.61979vw;left:calc(var(--vw, 1vw)*100*1.1262)}#section-dps .icon-container .row-container.right-direction .icons-image{right:0}#section-dps .icon-container .row-container.right-direction .icons-image.left{right:112.61979vw;right:calc(var(--vw, 1vw)*100*1.1262)}#section-dps .penta-kill-section .penta-video-container{border:1px solid #caab67;display:flex;justify-content:center;overflow:hidden;z-index:2}#section-dps .penta-kill-section .penta-video-container .autoplay-pt-video .normal-play-button{bottom:50%;display:none;right:50%;transform:translate(50%,50%)}@media (min-width:1024px) and (max-width:1399px){#section-dps{margin-top:calc(483px - 100vh);margin-top:calc(483px - var(--vh, 1vh)*100)}#section-dps .bg-jinx-container{top:-273px}#section-dps .section-title .section-title-text-left{height:84px;left:262px;transform:translateX(-121px);width:243px}#section-dps .section-title .section-title-text-right{height:76px;right:262px;top:73px;transform:translateX(121px);width:222px}#section-dps .section-title .section-title-emoji{bottom:55px;height:48px;left:364px;width:48px}#section-dps .theme-scroll-container .theme-paint.pt-hidden{height:163px;top:97px;width:159px}#section-dps .theme-scroll-container .dps-title-0{margin-top:55px}#section-dps .theme-container{height:874px}#section-dps .theme-container .img-phone{height:511px;width:239px}#section-dps .theme-container .column-left{margin-top:272px}#section-dps .theme-container .column-left .left-bottom{margin-top:50px}#section-dps .theme-container .column-center{margin:0 50px}#section-dps .theme-container .column-center .theme-videos-container{margin-top:272px}#section-dps .theme-container .column-center .theme-videos-container .theme-video.right{margin-left:50px}#section-dps .theme-container .column-center .theme-videos-container .phone-inner-content{height:490px;left:9px;top:9px;width:220px}#section-dps .theme-container .column-center .theme-videos-container .theme-name{margin-top:15px}#section-dps .theme-container .column-right{margin-bottom:91px}#section-dps .theme-container .column-right .right-bottom{margin-top:50px}#section-dps .top-mask{top:-1px}#section-dps .icon-sticky-container{height:calc(703px + 70vh);height:calc(703px + var(--vh, 1vh)*70)}#section-dps .icon-container{padding-bottom:88px}#section-dps .icon-container .title-grid{margin-top:87px;padding-bottom:30px}#section-dps .icon-container .app-icon-group{top:369px}#section-dps .icon-container .app-icon-group .app-icon-grid{height:231px;margin-left:45px;margin-right:45px;width:193px}#section-dps .icon-container .row-container{margin-top:25px}#section-dps .penta-kill-section{height:688px;padding-top:246px}#section-dps .penta-kill-section .penta-video-container{height:560px;left:336px;top:-186px;width:560px}}@media (min-width:1400px) and (max-width:1799px){#section-dps{margin-top:calc(593px - 100vh);margin-top:calc(593px - var(--vh, 1vh)*100)}#section-dps .bg-jinx-container{top:-335px}#section-dps .section-title .section-title-text-left{height:103px;left:321px;transform:translateX(-148px);width:298px}#section-dps .section-title .section-title-text-right{height:93px;right:322px;top:90px;transform:translateX(148px);width:272px}#section-dps .section-title .section-title-emoji{bottom:67px;height:60px;left:447px;width:60px}#section-dps .theme-scroll-container .theme-paint.pt-hidden{height:200px;top:119px;width:195px}#section-dps .theme-scroll-container .dps-title-0{margin-top:67px}#section-dps .theme-container{height:1073px}#section-dps .theme-container .img-phone{height:627px;width:293px}#section-dps .theme-container .column-left{margin-top:335px}#section-dps .theme-container .column-left .left-bottom{margin-top:61px}#section-dps .theme-container .column-center{margin:0 62px}#section-dps .theme-container .column-center .theme-videos-container{margin-top:335px}#section-dps .theme-container .column-center .theme-videos-container .theme-video.right{margin-left:62px}#section-dps .theme-container .column-center .theme-videos-container .phone-inner-content{height:601px;left:11px;top:11px;width:270px}#section-dps .theme-container .column-center .theme-videos-container .theme-name{margin-top:19px}#section-dps .theme-container .column-right{margin-bottom:111px}#section-dps .theme-container .column-right .right-bottom{margin-top:61px}#section-dps .top-mask{top:-1px}#section-dps .icon-sticky-container{height:calc(864px + 70vh);height:calc(864px + var(--vh, 1vh)*70)}#section-dps .icon-container{padding-bottom:108px}#section-dps .icon-container .title-grid{margin-top:107px;padding-bottom:37px}#section-dps .icon-container .app-icon-group{top:453px}#section-dps .icon-container .app-icon-group .app-icon-grid{height:283px;margin-left:55px;margin-right:55px;width:236px}#section-dps .icon-container .row-container{margin-top:30px}#section-dps .penta-kill-section{height:844px;padding-top:302px}#section-dps .penta-kill-section .penta-video-container{height:687px;left:412px;top:-228px;width:687px}}@media (min-width:1800px){#section-dps{margin-top:calc(708px - 100vh);margin-top:calc(708px - var(--vh, 1vh)*100)}#section-dps .bg-jinx-container{top:-400px}#section-dps .section-title .section-title-text-left{height:123px;left:383px;transform:translateX(-177px);width:356px}#section-dps .section-title .section-title-text-right{height:111px;right:384px;top:107px;transform:translateX(177px);width:325px}#section-dps .section-title .section-title-emoji{bottom:80px;height:71px;left:533px;width:71px}#section-dps .theme-scroll-container .theme-paint.pt-hidden{height:238px;top:142px;width:233px}#section-dps .theme-scroll-container .dps-title-0{margin-top:80px}#section-dps .theme-container{height:1280px}#section-dps .theme-container .img-phone{height:748px;width:350px}#section-dps .theme-container .column-left{margin-top:399px}#section-dps .theme-container .column-left .left-bottom{margin-top:73px}#section-dps .theme-container .column-center{margin:0 74px}#section-dps .theme-container .column-center .theme-videos-container{margin-top:399px}#section-dps .theme-container .column-center .theme-videos-container .theme-video.right{margin-left:74px}#section-dps .theme-container .column-center .theme-videos-container .phone-inner-content{height:717px;left:13px;top:13px;width:323px}#section-dps .theme-container .column-center .theme-videos-container .theme-name{margin-top:22px}#section-dps .theme-container .column-right{margin-bottom:133px}#section-dps .theme-container .column-right .right-bottom{margin-top:73px}#section-dps .top-mask{top:-1px}#section-dps .icon-sticky-container{height:calc(1030px + 70vh);height:calc(1030px + var(--vh, 1vh)*70)}#section-dps .icon-container{padding-bottom:129px}#section-dps .icon-container .title-grid{margin-top:128px;padding-bottom:44px}#section-dps .icon-container .app-icon-group{top:540px}#section-dps .icon-container .app-icon-group .app-icon-grid{height:338px;margin-left:66px;margin-right:66px;width:282px}#section-dps .icon-container .row-container{margin-top:36px}#section-dps .penta-kill-section{height:1007px;padding-top:360px}#section-dps .penta-kill-section .penta-video-container{height:820px;left:492px;top:-272px;width:820px}}@media (max-width:1023px){#section-dps{margin-top:-19.444vw}#section-dps .bg-jinx-container{height:200vw;top:-22.222vw}#section-dps .section-title .section-title-text-left{height:16.25vw;left:7.139vw;transform:translateX(-15.556vw);width:47.019vw}#section-dps .section-title .section-title-text-right{height:14.661vw;right:9.642vw;top:14.417vw;transform:translateX(15.556vw);width:42.925vw}#section-dps .section-title .section-title-emoji{bottom:10.556vw;height:9.361vw;left:26.944vw;width:9.361vw}#section-dps .theme-scroll-container .theme-paint.ls-hidden{height:22.5vw;top:41.944vw;width:22.222vw}#section-dps .theme-container{height:110.278vw;margin-top:13.333vw}#section-dps .theme-container .img-phone{height:54.722vw;width:25.556vw}#section-dps .theme-container .column-left{margin-top:24.722vw}#section-dps .theme-container .column-left .left-bottom{margin-top:4.444vw;top:5vw}#section-dps .theme-container .column-center .mobile{margin-top:5vw}#section-dps .theme-container .column-center{margin-left:5.556vw;margin-right:5.556vw;margin-top:-10vw}#section-dps .theme-container .column-center .theme-videos-container{margin-top:5vw}#section-dps .theme-container .column-center .theme-videos-container .theme-video.right{margin-left:5.278vw}#section-dps .theme-container .column-center .theme-videos-container .phone-inner-content{height:52.575vw;left:.983vw;top:.983vw;width:23.694vw}#section-dps .theme-container .column-center .theme-videos-container .theme-name{margin-top:3.111vw}#section-dps .theme-container .column-right{margin-top:24.722vw}#section-dps .theme-container .column-right .right-bottom{margin-top:4.444vw}#section-dps .top-mask{top:-.278vw}#section-dps .icon-sticky-container{height:calc(183.889vw + 70vh);height:calc(183.889vw + var(--vh, 1vh)*70)}#section-dps .icon-container{padding-bottom:22.222vw;top:calc(100vh - 100% + 6.667vw);top:calc(var(--vh, 1vh)*100 - 100% + 6.667vw)}#section-dps .icon-container .title-grid{margin-top:22.222vw;padding-bottom:6.389vw}#section-dps .icon-container .app-icon-group{top:74.444vw}#section-dps .icon-container .app-icon-group .app-icon-grid{height:49.167vw;margin-left:2.222vw;margin-right:2.222vw;width:41.111vw}#section-dps .icon-container .row-container{margin-top:6.667vw}#section-dps .penta-kill-section{height:194.444vw;padding-top:22.222vw}#section-dps .penta-kill-section .penta-video-container{height:88.611vw;margin-top:13.889vw;width:88.611vw}#section-dps .bg-jinx-container .bg-jinx-img{transform:rotate(-15.8deg)}#section-dps .theme-scroll-container .dps-title-0{margin-top:0}#section-dps .theme-container{top:0}#section-dps .theme-container .column-right{align-self:flex-start}#section-dps .icon-container .app-icon-group .app-icon-grid.app-icon-1{order:2}#section-dps .icon-container .app-icon-group .app-icon-grid.app-icon-2{order:1}#section-dps .icon-container .row-container,#section-dps .icon-container .row-container .icons-image{height:19.72222vw;height:calc(var(--vw, 1vw)*100*4.56111*.04324)}#section-dps .icon-container .row-container .icons-image{width:456.11111vw;width:calc(var(--vw, 1vw)*100*4.56111)}#section-dps .icon-container .row-container.left-direction .icons-image.right{left:462.22222vw;left:calc(var(--vw, 1vw)*100*4.62222)}#section-dps .icon-container .row-container.right-direction .icons-image.left{right:462.22222vw;right:calc(var(--vw, 1vw)*100*4.62222)}}
#section-accessories{background-color:#00041d}#section-accessories .title-grid{margin-left:auto;margin-right:auto}#section-accessories .title-grid .grid-desc{white-space:normal}#section-accessories .video-container{opacity:0}#section-accessories .section-title .section-title-text-left{opacity:0;top:0}#section-accessories .section-title .section-title-text-right{opacity:0}#section-accessories .section-title .section-title-emoji{object-fit:cover;opacity:0;transform:translateY(50%)}#section-accessories .fps-section{z-index:1}#section-accessories .fps-section .tattoo{right:6.875vw;right:calc(var(--vw, 1vw)*100/1920*132)}#section-accessories .fps-section .element-container{align-items:center;display:flex;flex-direction:column;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-accessories .fps-section .element-container .video-container .video-border{border:1px solid #caab67;bottom:0;left:0;right:0;top:-1px;z-index:5}#section-accessories .fps-section .element-container .video-container .autoplay-pt-video .normal-play-button{bottom:50%;display:none;right:50%;transform:translate(50%,50%);z-index:4}#section-accessories .fps-section .element-container .video-container .left-shadow{background:linear-gradient(90deg,#070a20 4.89%,rgba(7,10,32,0) 50%);z-index:2}#section-accessories .fps-section .element-container .video-container .right-shadow{background:linear-gradient(-90deg,#070a20 4.89%,rgba(7,10,32,0) 50%);z-index:2}#section-accessories .fps-section .element-container .video-container .tag-fps-left,#section-accessories .fps-section .element-container .video-container .tag-fps-right{font-size:20px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.2;z-index:2}#section-accessories .fps-section .element-container .video-container .tag-off,#section-accessories .fps-section .element-container .video-container .tag-on{color:#eee6d4;font-size:18px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.4;z-index:2}#section-accessories .fps-section .element-container .video-container .text-caution{color:#fff;font-size:12px;font-variation-settings:"wght" 550;left:50%;letter-spacing:0;line-height:1.5;opacity:.56;transform:translateX(-50%);white-space:nowrap;z-index:4}#section-accessories .launch-section{z-index:2}#section-accessories .launch-section .video-group-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#section-accessories .launch-section .video-group-container.active-on .sub-label.on-text{border-bottom:1px solid #eee6d4;opacity:1}#section-accessories .launch-section .video-group-container.active-on .off-video{display:none}#section-accessories .launch-section .video-group-container.active-off .sub-label.off-text{border-bottom:1px solid #eee6d4;opacity:1}#section-accessories .launch-section .video-group-container.active-off .on-video{display:none}#section-accessories .launch-section .video-group-container .video-labels{text-align:center}#section-accessories .launch-section .video-group-container .video-labels .sub-label{color:#eee6d4;cursor:pointer;font-size:18px;font-variation-settings:"wght" 550;letter-spacing:-.12px;line-height:1.5;opacity:.5}#section-accessories .launch-section .video-group-container .video-grid .video-container{overflow:hidden}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video .normal-play-button{bottom:50%;display:none;right:50%;transform:translate(50%,50%);z-index:4}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{left:0;top:0;z-index:2}#section-accessories .performance-section{font-variation-settings:"wght" 550;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-accessories .performance-section .sub-title-text{font-size:28px;letter-spacing:0;line-height:1.2}#section-accessories .performance-section .button-text{font-size:18px;letter-spacing:-.12px;line-height:1.56;line-height:1.43}#section-accessories .performance-section .spec-desc{color:#eee6d4;font-size:18px;letter-spacing:0;line-height:1.4;line-height:1.2;opacity:.78}#section-accessories .performance-section .phone-title{font-size:24px;letter-spacing:0;line-height:1.2}#section-accessories .performance-section .phone-desc{color:#eee6d4;font-size:16px;letter-spacing:0;line-height:1.2}#section-accessories .performance-section .learn-more{border-bottom:1px solid #eee6d4;color:#eee6d4}#section-accessories .performance-section .chip-container{border:1px solid #caab67;display:flex;margin-left:auto;margin-right:auto}#section-accessories .performance-section .chip-container .chip-img{object-fit:cover;position:relative}#section-accessories .performance-section .chip-container .spec-container{display:flex;flex:1;flex-direction:column}#section-accessories .performance-section .chip-container .spec-container .spec-grid-bottom-group{display:flex}#section-accessories .performance-section .phone-carousel-dots{margin-left:auto;margin-right:auto}#section-accessories .performance-section .phone-carousel-dots ul{align-items:center;background:#333;display:flex!important}#section-accessories .performance-section .phone-carousel-dots li{width:33.3%}#section-accessories .performance-section .phone-carousel-dots li button{background:transparent;border:none;border-radius:2px;box-shadow:none;color:transparent;outline:none;transition:background .5s linear;width:100%}#section-accessories .performance-section .phone-carousel-dots li.slick-active button{background:#caab67}#section-accessories .performance-section .phone-list-container{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto}#section-accessories .performance-section .phone-list-container .phone-grid{align-items:center;border:1px solid #caab67;display:flex;flex-direction:column}#section-accessories .performance-section .phone-list-container .phone-grid .phone-grid-bg{bottom:0}#section-accessories .performance-section .phone-list-container .phone-grid .phone{position:relative}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;position:relative}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .learn-more{color:#eee6d4}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-desc{opacity:.78}#section-accessories .performance-section .charger-container{border:1px solid #caab67;overflow:hidden}#section-accessories .performance-section .charger-container .buy-note{color:#fff;font-size:12px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.5;opacity:.56}#section-accessories .performance-section .charger-container .charger-content{height:100%;width:100%}#section-accessories .performance-section .charger-container .charger-text-grid{flex:1;flex-direction:column}#section-accessories .performance-section .charger-container .desc{color:#eee6d4;font-size:20px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.2;opacity:.78}#section-accessories .performance-section .charger-container .button-container .shop-button{background:linear-gradient(180deg,#ffe7a9,#d2af54)}#section-accessories .performance-section .charger-container .button-container .desc{color:#eee6d4;font-size:20px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.2}#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{background:linear-gradient(180deg,#ffe7a9,#d2af54);color:#000;cursor:pointer;font-size:18px;font-variation-settings:"wght" 550;letter-spacing:-.12px;line-height:1.5;line-height:1.2;text-align:center}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more{border-bottom:1px solid #eee6d4;color:#eee6d4;font-size:18px;font-variation-settings:"wght" 550;letter-spacing:-.12px;line-height:1.5;line-height:1.2}#section-accessories .notes{background:#111;color:#fff;font-size:12px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.67;line-height:1.6;margin-bottom:-6.25vw;margin-bottom:calc(var(--vw, 1vw)*-100/1920*120);opacity:.5}#section-accessories #section-logo{overflow:hidden;width:100vw;width:calc(var(--vw, 1vw)*100)}#section-accessories #section-logo .copyright{left:50%;transform:translateX(-50%)}#section-accessories #section-logo .logo-container{align-items:flex-end;display:flex;justify-content:center;left:50%;transform:translateX(-50%)}#section-accessories #section-logo .logo-container .logo-lol,#section-accessories #section-logo .logo-container .logo-oppo{opacity:0}#section-accessories #section-logo .logo-container .logo-separator{background:#fff;opacity:0;position:relative;width:1px}@media (min-width:721px) and (max-width:1023px){#section-accessories .fps-section .element-container .video-container .tag-off,#section-accessories .fps-section .element-container .video-container .tag-on{font-size:32px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .text-caution{font-size:24px;letter-spacing:0}#section-accessories .launch-section .video-group-container .video-labels .sub-label{font-size:36px;letter-spacing:-.24px}#section-accessories .performance-section .sub-title-text{font-size:36px;letter-spacing:0}#section-accessories .performance-section .button-text,#section-accessories .performance-section .spec-desc{font-size:28px;letter-spacing:0}#section-accessories .performance-section .phone-title{font-size:32px;letter-spacing:0}#section-accessories .performance-section .phone-desc{font-size:24px;letter-spacing:0}#section-accessories .performance-section .charger-container .buy-note{font-size:20px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more,#section-accessories .performance-section .charger-container .button-container .button-container .shop-button,#section-accessories .performance-section .charger-container .button-container .desc,#section-accessories .performance-section .charger-container .desc{font-size:28px;letter-spacing:0}#section-accessories .notes{font-size:20px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-accessories .bg-jinx-container{top:-178px}#section-accessories .section-title .section-title-text-left{height:76px;left:291px;transform:translateX(-121px);width:214px}#section-accessories .section-title .section-title-text-right{height:106px;right:275px;top:68px;transform:translateX(121px);width:206px}#section-accessories .section-title .section-title-emoji{height:46px;right:345px;top:26px;width:46px}#section-accessories .fps-section{margin-top:124px}#section-accessories .fps-section .tattoo{height:159px;top:42px;width:154px}#section-accessories .fps-section .element-container{margin-bottom:266px}#section-accessories .fps-section .element-container .video-container{margin-top:34px}#section-accessories .fps-section .element-container .video-container .hz-video{width:787px}#section-accessories .fps-section .element-container .video-container .left-shadow{height:135px;left:-8px;top:-1px;width:169px}#section-accessories .fps-section .element-container .video-container .right-shadow{height:135px;right:-1px;top:-1px;width:59px}#section-accessories .fps-section .element-container .video-container .tag-fps-left{left:260px;top:89px}#section-accessories .fps-section .element-container .video-container .tag-fps-right{right:260px;top:89px}#section-accessories .fps-section .element-container .video-container .tag-off{left:275px;top:107px}#section-accessories .fps-section .element-container .video-container .tag-on{right:275px;top:107px}#section-accessories .fps-section .element-container .video-container .text-caution{top:382px}#section-accessories .launch-section{margin-top:-78px}#section-accessories .launch-section .thunder{height:211px;left:268px;top:55px;width:105px}#section-accessories .launch-section .video-group-container{margin-top:58px}#section-accessories .launch-section .video-group-container .video-labels{margin-top:16px}#section-accessories .launch-section .video-group-container .video-labels .sub-label{margin-left:16px;margin-right:16px}#section-accessories .performance-section{margin-top:87px}#section-accessories .performance-section .chip-container{height:411px;margin-top:55px;width:896px}#section-accessories .performance-section .chip-container .chip-bg-img{height:408px;width:896px}#section-accessories .performance-section .chip-container .chip-img{height:409px;padding-left:1px;width:662px}#section-accessories .performance-section .chip-container .spec-container{padding-left:35px;padding-top:86px}#section-accessories .performance-section .chip-container .spec-container .spec-grid{margin-bottom:49px}#section-accessories .performance-section .chip-container .spec-container .spec-grid .sub-title-text{margin-bottom:6px}#section-accessories .performance-section .phone-list-container{margin-top:21px;width:896px}#section-accessories .performance-section .phone-list-container .phone-grid{height:391px;padding-top:50px;width:288px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid{margin-top:27px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-title{margin-bottom:5px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-desc{margin-bottom:14px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone-grid-bg{height:346px;width:285px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone{height:209px;width:149px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone-grid-bg{height:346px;width:285px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone{height:209px;width:149px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone-grid-bg{height:346px;width:285px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone{height:209px;width:149px}#section-accessories .performance-section .title-grid-customization{margin-top:87px}#section-accessories .performance-section .charger-container{height:339px;margin-top:55px;width:896px;width:897px}#section-accessories .performance-section .charger-container .buy-note{margin-top:43px}#section-accessories .performance-section .charger-container .separator{height:336px}#section-accessories .performance-section .charger-container .charger-content-bg{height:337px;width:359px}#section-accessories .performance-section .charger-container .charger-img{height:336px;width:539px}#section-accessories .performance-section .charger-container .charger-text-grid{padding-left:31px;padding-top:81px}#section-accessories .performance-section .charger-container .desc{margin-top:12px}#section-accessories .performance-section .charger-container .button-container{margin-top:70px}#section-accessories .performance-section .charger-container .button-container .shop-button{padding:8px 16px}#section-accessories .performance-section .charger-container .button-container .desc{margin-left:31px;margin-top:12px}#section-accessories .performance-section .charger-container .button-container .button-container{margin-left:31px;margin-top:70px}#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{border-radius:1px;padding:7px 16px}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more{margin-left:14px}#section-accessories .notes{padding-bottom:87px;padding-top:87px}#section-accessories #section-logo{height:546px}#section-accessories #section-logo .copyright{bottom:30px;height:10px;width:111px}#section-accessories #section-logo .logo-container{top:225px}#section-accessories #section-logo .logo-container .logo-oppo{height:31px;transform:translateX(-96px);width:130px}#section-accessories #section-logo .logo-container .logo-lol{height:40px;transform:translateX(96px);width:126px}#section-accessories #section-logo .logo-container .logo-separator{bottom:8px;height:22px;margin-left:23px;margin-right:23px}#section-accessories .fps-section .element-container .video-container .tag-fps-left,#section-accessories .fps-section .element-container .video-container .tag-fps-right{font-size:13.658px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .tag-off,#section-accessories .fps-section .element-container .video-container .tag-on{font-size:12.2922px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .text-caution{font-size:8.194799999999999px;letter-spacing:0}#section-accessories .launch-section .video-group-container .video-labels .sub-label{font-size:12.2922px;letter-spacing:-.081948px}#section-accessories .launch-section .video-group-container .video-grid .video-container{border-radius:36px;height:265px;width:567px}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{width:553px}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{height:265px;width:567px}#section-accessories .performance-section .sub-title-text{font-size:19.121199999999998px;letter-spacing:0}#section-accessories .performance-section .button-text{font-size:12.2922px;letter-spacing:-.081948px}#section-accessories .performance-section .spec-desc{font-size:12.2922px;letter-spacing:0}#section-accessories .performance-section .phone-title{font-size:16.389599999999998px;letter-spacing:0}#section-accessories .performance-section .phone-desc{font-size:10.9264px;letter-spacing:0}#section-accessories .performance-section .charger-container .buy-note{font-size:8.194799999999999px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .desc,#section-accessories .performance-section .charger-container .desc{font-size:13.658px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more,#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{font-size:12.2922px;letter-spacing:-.081948px}#section-accessories .notes{font-size:8.194799999999999px;letter-spacing:0}}@media (min-width:1024px){#section-accessories .performance-section .chip-container .chip-bg-img{bottom:0;right:0;top:0}#section-accessories .performance-section .chip-container .separator{background:#caab67;height:100%;width:2px}#section-accessories .performance-section .chip-container .spec-container .spec-grid-bottom-group{flex-direction:column}#section-accessories .performance-section .charger-container .separator{background:#caab67;width:1px}#section-accessories .performance-section .charger-container .charger-content-bg{left:0;right:0;top:0}}@media (min-width:1400px) and (max-width:1799px){#section-accessories .bg-jinx-container{top:-218px}#section-accessories .section-title .section-title-text-left{height:94px;left:357px;transform:translateX(-148px);width:262px}#section-accessories .section-title .section-title-text-right{height:130px;right:337px;top:83px;transform:translateX(148px);width:253px}#section-accessories .section-title .section-title-emoji{height:56px;right:424px;top:32px;width:56px}#section-accessories .fps-section{margin-top:153px}#section-accessories .fps-section .tattoo{height:195px;top:52px;width:189px}#section-accessories .fps-section .element-container{margin-bottom:326px}#section-accessories .fps-section .element-container .video-container{margin-top:42px}#section-accessories .fps-section .element-container .video-container .hz-video{width:967px}#section-accessories .fps-section .element-container .video-container .left-shadow{height:166px;left:-10px;top:-2px;width:208px}#section-accessories .fps-section .element-container .video-container .right-shadow{height:166px;right:-2px;top:-2px;width:73px}#section-accessories .fps-section .element-container .video-container .tag-fps-left{left:319px;top:109px}#section-accessories .fps-section .element-container .video-container .tag-fps-right{right:319px;top:109px}#section-accessories .fps-section .element-container .video-container .tag-off{left:338px;top:131px}#section-accessories .fps-section .element-container .video-container .tag-on{right:338px;top:131px}#section-accessories .fps-section .element-container .video-container .text-caution{top:470px}#section-accessories .launch-section{margin-top:-96px}#section-accessories .launch-section .thunder{height:259px;left:329px;top:67px;width:129px}#section-accessories .launch-section .video-group-container{margin-top:71px}#section-accessories .launch-section .video-group-container .video-labels{margin-top:19px}#section-accessories .launch-section .video-group-container .video-labels .sub-label{margin-left:20px;margin-right:20px}#section-accessories .performance-section{margin-top:107px}#section-accessories .performance-section .chip-container{height:505px;margin-top:67px;width:1100px}#section-accessories .performance-section .chip-container .chip-bg-img{height:501px;width:1100px}#section-accessories .performance-section .chip-container .chip-img{height:502px;padding-left:1px;width:812px}#section-accessories .performance-section .chip-container .spec-container{padding-left:43px;padding-top:106px}#section-accessories .performance-section .chip-container .spec-container .spec-grid{margin-bottom:60px}#section-accessories .performance-section .chip-container .spec-container .spec-grid .sub-title-text{margin-bottom:8px}#section-accessories .performance-section .phone-list-container{margin-top:26px;width:1100px}#section-accessories .performance-section .phone-list-container .phone-grid{height:480px;padding-top:61px;width:354px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid{margin-top:34px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-title{margin-bottom:7px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-desc{margin-bottom:17px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone-grid-bg{height:424px;width:350px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone{height:257px;width:183px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone-grid-bg{height:424px;width:350px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone{height:257px;width:183px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone-grid-bg{height:424px;width:350px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone{height:257px;width:183px}#section-accessories .performance-section .title-grid-customization{margin-top:107px}#section-accessories .performance-section .charger-container{height:416px;margin-top:67px;width:1100px;width:1102px}#section-accessories .performance-section .charger-container .buy-note{margin-top:53px}#section-accessories .performance-section .charger-container .separator{height:412px}#section-accessories .performance-section .charger-container .charger-content-bg{height:414px;width:440px}#section-accessories .performance-section .charger-container .charger-img{height:412px;width:661px}#section-accessories .performance-section .charger-container .charger-text-grid{padding-left:38px;padding-top:99px}#section-accessories .performance-section .charger-container .desc{margin-top:15px}#section-accessories .performance-section .charger-container .button-container{margin-top:86px}#section-accessories .performance-section .charger-container .button-container .shop-button{padding:10px 20px}#section-accessories .performance-section .charger-container .button-container .desc{margin-left:38px;margin-top:15px}#section-accessories .performance-section .charger-container .button-container .button-container{margin-left:38px;margin-top:86px}#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{border-radius:2px;padding:9px 20px}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more{margin-left:17px}#section-accessories .notes{padding-bottom:107px;padding-top:107px}#section-accessories #section-logo{height:671px}#section-accessories #section-logo .copyright{bottom:37px;height:12px;width:136px}#section-accessories #section-logo .logo-container{top:276px}#section-accessories #section-logo .logo-container .logo-oppo{height:39px;transform:translateX(-117px);width:160px}#section-accessories #section-logo .logo-container .logo-lol{height:49px;transform:translateX(117px);width:154px}#section-accessories #section-logo .logo-container .logo-separator{bottom:10px;height:27px;margin-left:29px;margin-right:28px}#section-accessories .fps-section .element-container .video-container .tag-fps-left,#section-accessories .fps-section .element-container .video-container .tag-fps-right{font-size:16.768px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .tag-off,#section-accessories .fps-section .element-container .video-container .tag-on{font-size:15.0912px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .text-caution{font-size:10.0608px;letter-spacing:0}#section-accessories .launch-section .video-group-container .video-labels .sub-label{font-size:15.0912px;letter-spacing:-.100608px}#section-accessories .launch-section .video-group-container .video-grid .video-container{border-radius:44px;height:325px;width:696px}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{width:679px}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{height:325px;width:696px}#section-accessories .performance-section .sub-title-text{font-size:23.4752px;letter-spacing:0}#section-accessories .performance-section .button-text{font-size:15.0912px;letter-spacing:-.100608px}#section-accessories .performance-section .spec-desc{font-size:15.0912px;letter-spacing:0}#section-accessories .performance-section .phone-title{font-size:20.1216px;letter-spacing:0}#section-accessories .performance-section .phone-desc{font-size:13.4144px;letter-spacing:0}#section-accessories .performance-section .charger-container .buy-note{font-size:10.0608px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .desc,#section-accessories .performance-section .charger-container .desc{font-size:16.768px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more,#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{font-size:15.0912px;letter-spacing:-.100608px}#section-accessories .notes{font-size:10.0608px;letter-spacing:0}}@media (min-width:1800px){#section-accessories .bg-jinx-container{top:-260px}#section-accessories .section-title .section-title-text-left{height:112px;left:426px;transform:translateX(-177px);width:313px}#section-accessories .section-title .section-title-text-right{height:155px;right:403px;top:99px;transform:translateX(177px);width:302px}#section-accessories .section-title .section-title-emoji{height:67px;right:506px;top:38px;width:67px}#section-accessories .fps-section{margin-top:182px}#section-accessories .fps-section .tattoo{height:233px;top:62px;width:226px}#section-accessories .fps-section .element-container{margin-bottom:389px}#section-accessories .fps-section .element-container .video-container{margin-top:50px}#section-accessories .fps-section .element-container .video-container .hz-video{width:1153px}#section-accessories .fps-section .element-container .video-container .left-shadow{height:198px;left:-12px;top:-2px;width:248px}#section-accessories .fps-section .element-container .video-container .right-shadow{height:198px;right:-2px;top:-2px;width:87px}#section-accessories .fps-section .element-container .video-container .tag-fps-left{left:380px;top:130px}#section-accessories .fps-section .element-container .video-container .tag-fps-right{right:380px;top:130px}#section-accessories .fps-section .element-container .video-container .tag-off{left:403px;top:156px}#section-accessories .fps-section .element-container .video-container .tag-on{right:403px;top:156px}#section-accessories .fps-section .element-container .video-container .text-caution{top:560px}#section-accessories .launch-section{margin-top:-114px}#section-accessories .launch-section .thunder{height:309px;left:392px;top:80px;width:154px}#section-accessories .launch-section .video-group-container{margin-top:85px}#section-accessories .launch-section .video-group-container .video-labels{margin-top:23px}#section-accessories .launch-section .video-group-container .video-labels .sub-label{margin-left:24px;margin-right:24px}#section-accessories .performance-section{margin-top:128px}#section-accessories .performance-section .chip-container{height:602px;margin-top:80px;width:1312px}#section-accessories .performance-section .chip-container .chip-bg-img{height:598px;width:1312px}#section-accessories .performance-section .chip-container .chip-img{height:599px;padding-left:1px;width:969px}#section-accessories .performance-section .chip-container .spec-container{padding-left:51px;padding-top:126px}#section-accessories .performance-section .chip-container .spec-container .spec-grid{margin-bottom:72px}#section-accessories .performance-section .chip-container .spec-container .spec-grid .sub-title-text{margin-bottom:9px}#section-accessories .performance-section .phone-list-container{margin-top:31px;width:1312px}#section-accessories .performance-section .phone-list-container .phone-grid{height:572px;padding-top:73px;width:422px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid{margin-top:40px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-title{margin-bottom:8px}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-desc{margin-bottom:20px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone-grid-bg{height:506px;width:418px}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone{height:306px;width:218px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone-grid-bg{height:506px;width:418px}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone{height:306px;width:218px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone-grid-bg{height:506px;width:418px}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone{height:306px;width:218px}#section-accessories .performance-section .title-grid-customization{margin-top:128px}#section-accessories .performance-section .charger-container{height:496px;margin-top:80px;width:1312px;width:1314px}#section-accessories .performance-section .charger-container .buy-note{margin-top:63px}#section-accessories .performance-section .charger-container .separator{height:492px}#section-accessories .performance-section .charger-container .charger-content-bg{height:494px;width:525px}#section-accessories .performance-section .charger-container .charger-img{height:492px;width:789px}#section-accessories .performance-section .charger-container .charger-text-grid{padding-left:45px;padding-top:118px}#section-accessories .performance-section .charger-container .desc{margin-top:18px}#section-accessories .performance-section .charger-container .button-container{margin-top:103px}#section-accessories .performance-section .charger-container .button-container .shop-button{padding:12px 24px}#section-accessories .performance-section .charger-container .button-container .desc{margin-left:45px;margin-top:18px}#section-accessories .performance-section .charger-container .button-container .button-container{margin-left:45px;margin-top:103px}#section-accessories .performance-section .charger-container .button-container .button-container .shop-button{border-radius:2px;padding:11px 24px}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more{margin-left:20px}#section-accessories .notes{padding-bottom:128px;padding-top:128px}#section-accessories #section-logo{height:800px}#section-accessories #section-logo .copyright{bottom:44px;height:14px;width:162px}#section-accessories #section-logo .logo-container{top:329px}#section-accessories #section-logo .logo-container .logo-oppo{height:46px;transform:translateX(-140px);width:191px}#section-accessories #section-logo .logo-container .logo-lol{height:59px;transform:translateX(140px);width:184px}#section-accessories #section-logo .logo-container .logo-separator{bottom:12px;height:32px;margin-left:34px;margin-right:33px}#section-accessories .launch-section .video-group-container .video-grid .video-container{border-radius:52px;height:388px;width:830px}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{width:810px}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{height:388px;width:830px}}@media (min-width:2240px){#section-accessories .launch-section .video-group-container .video-grid .video-container{border-radius:62px;height:466px;width:996px}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{width:972px}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{height:466px;width:996px}}@media (max-width:1023px){#section-accessories{margin-top:-18.056vw}#section-accessories .bg-jinx-container{height:200vw;top:-27.778vw}#section-accessories .title-grid{max-width:88.889vw}#section-accessories .section-title .section-title-text-left{height:14.792vw;left:12.806vw;transform:translateX(-15.556vw);width:41.333vw}#section-accessories .section-title .section-title-text-right{height:20.472vw;right:12.139vw;top:13.056vw;transform:translateX(15.556vw);width:39.889vw}#section-accessories .section-title .section-title-emoji{height:9.167vw;right:25.778vw;top:5.083vw;width:9.167vw}#section-accessories .fps-section .tattoo{height:17.5vw;top:-8.333vw;width:16.667vw}#section-accessories .fps-section .element-container{margin-bottom:30.556vw}#section-accessories .fps-section .element-container .video-container{margin-top:10vw}#section-accessories .fps-section .element-container .video-container .hz-video{width:91.667vw}#section-accessories .fps-section .element-container .video-container .left-shadow{height:22.222vw;left:-.833vw;top:-.833vw;width:20vw}#section-accessories .fps-section .element-container .video-container .right-shadow{height:22.222vw;right:-.833vw;top:-.833vw;width:6.944vw}#section-accessories .fps-section .element-container .video-container .tag-off{left:33.056vw;top:11.111vw}#section-accessories .fps-section .element-container .video-container .tag-on{right:33.056vw;top:11.111vw}#section-accessories .fps-section .element-container .video-container .text-caution{top:69.444vw}#section-accessories .launch-section{margin-top:22.222vw}#section-accessories .launch-section .thunder{height:37.222vw;right:3.056vw;top:79.444vw;width:18.611vw}#section-accessories .launch-section .video-group-container{margin-top:10vw}#section-accessories .launch-section .video-group-container .video-labels{margin-top:4.722vw}#section-accessories .launch-section .video-group-container .video-labels .sub-label{margin-left:6.667vw;margin-right:6.667vw}#section-accessories .launch-section .video-group-container .video-grid .video-container{border-radius:3.333vw;height:41.111vw;width:88.056vw}#section-accessories .launch-section .video-group-container .video-grid .video-container .autoplay-pt-video{width:84.722vw}#section-accessories .launch-section .video-group-container .video-grid .video-container .phone-border{height:41.111vw;width:88.056vw}#section-accessories .performance-section{margin-top:22.222vw}#section-accessories .performance-section .chip-container{height:137.778vw;margin-top:10vw;width:88.889vw}#section-accessories .performance-section .chip-container .chip-bg-img{height:65.278vw;width:88.333vw}#section-accessories .performance-section .chip-container .chip-img{height:82.5vw;width:88.333vw}#section-accessories .performance-section .chip-container .spec-container{padding-top:11.111vw}#section-accessories .performance-section .chip-container .spec-container .spec-grid{margin-bottom:6.944vw;margin-left:6.667vw;margin-right:6.667vw}#section-accessories .performance-section .chip-container .spec-container .spec-grid .sub-title-text{margin-bottom:1.667vw}#section-accessories .performance-section .phone-carousel-dots{height:.556vw;margin-top:8.333vw;width:87.5vw}#section-accessories .performance-section .phone-carousel-dots li,#section-accessories .performance-section .phone-carousel-dots li button,#section-accessories .performance-section .phone-carousel-dots ul{height:.556vw}#section-accessories .performance-section .phone-list-container{margin-top:9.167vw;width:100vw}#section-accessories .performance-section .phone-list-container .phone-grid{height:111.389vw;margin-left:5.556vw;padding-top:14.167vw;width:81.944vw}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid{margin-top:8.889vw}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-title{margin-bottom:1.667vw}#section-accessories .performance-section .phone-list-container .phone-grid .phone-desc-grid .phone-desc{margin-bottom:3.333vw}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone-grid-bg{height:98.889vw;width:81.389vw}#section-accessories .performance-section .phone-list-container .phone-grid-1 .phone{height:60vw;width:42.778vw}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone-grid-bg{height:98.889vw;width:81.389vw}#section-accessories .performance-section .phone-list-container .phone-grid-2 .phone{height:60vw;width:42.778vw}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone-grid-bg{height:98.889vw;width:81.389vw}#section-accessories .performance-section .phone-list-container .phone-grid-3 .phone{height:60vw;width:42.778vw}#section-accessories .performance-section .title-grid-customization{margin-top:22.5vw}#section-accessories .performance-section .charger-container{height:125.556vw;margin-top:10vw;width:88.889vw}#section-accessories .performance-section .charger-container .buy-note{margin-top:5.278vw}#section-accessories .performance-section .charger-container .charger-content-bg{height:93.333vw;width:88.333vw}#section-accessories .performance-section .charger-container .charger-img{height:64.444vw;width:88.333vw}#section-accessories .performance-section .charger-container .charger-text-grid{padding-left:4.722vw;padding-top:9.167vw}#section-accessories .performance-section .charger-container .desc{margin-top:3.056vw}#section-accessories .performance-section .charger-container .button-container{margin-top:6.667vw}#section-accessories .performance-section .charger-container .button-container .shop-button{margin-bottom:2.222vw;padding:1.667vw 6.667vw}#section-accessories .notes{padding-bottom:17.778vw;padding-top:17.778vw}#section-accessories #section-logo{height:80.833vw}#section-accessories #section-logo .copyright{bottom:24.167vw;height:2.778vw;width:32.5vw}#section-accessories #section-logo .logo-container{top:35.556vw}#section-accessories #section-logo .logo-container .logo-oppo{height:5.278vw;transform:translateX(-19.444vw);width:22.222vw}#section-accessories #section-logo .logo-container .logo-lol{height:6.944vw;transform:translateX(19.444vw);width:21.389vw}#section-accessories #section-logo .logo-container .logo-separator{bottom:1.389vw;height:3.611vw;margin-left:3.889vw;margin-right:3.889vw}#section-accessories .bg-jinx-container .bg-jinx-img{transform:rotate(-13.22deg)}#section-accessories .fps-section .tattoo{right:3.61111vw;right:calc(var(--vw, 1vw)*100/360*13)}#section-accessories .launch-section .video-group-container{align-items:center;flex-direction:column}#section-accessories .performance-section .chip-container{flex-direction:column}#section-accessories .performance-section .chip-container .chip-bg-img{bottom:0;left:0;right:0}#section-accessories .performance-section .chip-container .spec-container{text-align:center}#section-accessories .performance-section .chip-container .spec-container .spec-grid-bottom-group{justify-content:center}#section-accessories .performance-section .charger-container .charger-content-bg{bottom:0;left:0;right:0}#section-accessories .performance-section .charger-container .charger-content{flex-direction:column}#section-accessories .performance-section .charger-container .charger-text-grid{order:2}#section-accessories .notes{margin-bottom:-21.66667vw;margin-bottom:calc(var(--vw, 1vw)*-100/360*78)}}@media (max-width:720px){#section-accessories .fps-section .element-container .video-container .tag-off,#section-accessories .fps-section .element-container .video-container .tag-on{font-size:16px;letter-spacing:0}#section-accessories .fps-section .element-container .video-container .text-caution{font-size:12px;letter-spacing:0}#section-accessories .launch-section .video-group-container .video-labels .sub-label{font-size:18px;letter-spacing:-.12px}#section-accessories .performance-section .sub-title-text{font-size:18px;letter-spacing:0}#section-accessories .performance-section .button-text,#section-accessories .performance-section .spec-desc{font-size:14px;letter-spacing:0}#section-accessories .performance-section .phone-title{font-size:16px;letter-spacing:0}#section-accessories .performance-section .phone-desc{font-size:12px;letter-spacing:0}#section-accessories .performance-section .charger-container .buy-note{font-size:10px;letter-spacing:0}#section-accessories .performance-section .charger-container .button-container .button-container .learn-more,#section-accessories .performance-section .charger-container .button-container .button-container .shop-button,#section-accessories .performance-section .charger-container .button-container .desc,#section-accessories .performance-section .charger-container .desc{font-size:14px;letter-spacing:0}#section-accessories .notes{font-size:10px;letter-spacing:0}}
:root{--oh-nav-height:80px}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:400;src:url(/content/dam/oppo/product-asset-library/reno/reno7-series/cn/dml-special/assets/OPPOSansSuper-Medium-c23c36.woff) format("woff"),url(/content/dam/oppo/product-asset-library/reno/reno7-series/cn/dml-special/assets/OPPOSansSuper-Medium-e71c7a.ttf) format("truetype")}@font-face{font-family:OPPOSans-super;font-style:normal;font-weight:700;src:url(/content/dam/oppo/product-asset-library/reno/reno7-series/cn/dml-special/assets/OPPOSansSuper-Bold-3612bd.woff) format("woff"),url(/content/dam/oppo/product-asset-library/reno/reno7-series/cn/dml-special/assets/OPPOSansSuper-Bold-37942b.ttf) format("truetype")}.zn--wrapper sup{font-family:OPPOSans-super;font-size:1em;font-weight:400;line-height:1;position:relative;top:-.2em;vertical-align:baseline}.zn--wrapper b sup,.zn--wrapper strong sup,.zn--wrapper sup b,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-variation-settings:"wght" 550}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#main-wrapper{position:relative}.zn--wrapper .center{align-self:center;margin-left:auto;margin-right:auto;text-align:center}.zn--wrapper .center-content{align-items:center;display:flex;justify-content:center}.zn--wrapper .abs.center-hor{left:50%;transform:translateX(-50%)}.zn--wrapper .abs.center-ver{top:50%;transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver>.wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor>.wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky,.zn--wrapper .sticky-item{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:rgba(255,255,255,.56)}.zn--wrapper .grey-light{color:rgba(255,255,255,.2)}.zn--wrapper .grey{color:rgba(0,0,0,.7)}.zn--wrapper .grey-light{color:rgba(0,0,0,.32)}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{height:100%;width:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(var(--vh, 1vh)*100)}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc(var(--vh, 1vh)*100 - 121px)}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .clip{left:0;top:0}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--bold{font-variation-settings:"wght" 1000}.zn--wrapper .g--medium{font-variation-settings:"wght" 750}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{height:100%;object-fit:cover;object-position:center;width:100%}body{background:#00041d}body .zn--wrapper .grid-title{color:#eee6d4;font-size:28px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.2;text-align:center;white-space:nowrap}body .zn--wrapper .grid-desc{color:#c4b998;font-size:18px;font-variation-settings:"wght" 550;letter-spacing:-.12px;line-height:1.5;text-align:center;white-space:nowrap}body .zn--wrapper .label-text{-webkit-text-fill-color:transparent;font-size:40px;font-variation-settings:"wght" 550;letter-spacing:-.12px}body .zn--wrapper .label-text,body .zn--wrapper .theme-name{background:linear-gradient(180deg,#ffe7a9,#d2af54);-webkit-background-clip:text;line-height:1.2;white-space:nowrap}body .zn--wrapper .theme-name{-webkit-text-fill-color:transparent;color:#c4b998;font-size:20px;font-variation-settings:"wght" 550;letter-spacing:0;text-align:center}body .zn--wrapper .box-container{margin-left:auto;margin-right:auto}body .zn--wrapper .linear-text{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#ffe7a9,#d2af54);-webkit-background-clip:text}body .zn--wrapper #progress-bar{background:rgba(22,27,62,.5);bottom:0;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:9}body .zn--wrapper #progress-bar .shadow-left{background:linear-gradient(90deg,#0c102e,rgba(12,16,46,0));bottom:0;height:100%;left:0;top:0}body .zn--wrapper #progress-bar .shadow-right{background:linear-gradient(90deg,#0c102e,rgba(12,16,46,0));bottom:0;height:100%;right:0;top:0;transform:matrix(-1,0,0,1,0,0)}body .zn--wrapper #progress-bar .points-container{height:100%;left:50%;transform:translateX(-50%)}body .zn--wrapper #progress-bar .progress-point{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-variation-settings:"wght" 550;letter-spacing:0;line-height:1.5;position:absolute;text-align:center;top:0;transform:translateX(-50%);white-space:nowrap}body .zn--wrapper #progress-bar .progress-point .progress-label{color:#c4b998}body .zn--wrapper #progress-bar .progress-point.active .progress-label{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#ffe7a9,#d2af54);-webkit-background-clip:text}body .zn--wrapper .section-block .bg-jinx-container{display:flex;justify-content:center;left:0;overflow:hidden;right:0;width:100vw;width:calc(var(--vw, 1vw)*100)}body .zn--wrapper .section-block .bg-jinx-img{position:relative}body .zn--wrapper .section-title .section-title-decorator,body .zn--wrapper .section-title .section-title-emoji,body .zn--wrapper .section-title .section-title-paint,body .zn--wrapper .section-title .section-title-text-left,body .zn--wrapper .section-title .section-title-text-right{opacity:0}body .zn--wrapper .section-title.active .section-title-decorator,body .zn--wrapper .section-title.active .section-title-emoji,body .zn--wrapper .section-title.active .section-title-paint,body .zn--wrapper .section-title.active .section-title-text-left,body .zn--wrapper .section-title.active .section-title-text-right{opacity:1}body .zn--wrapper .section-title .section-title-decorator{bottom:0;left:0;width:100%}body .zn--wrapper .section-title .title-left{left:0;opacity:0}body .zn--wrapper .section-title .title-right{opacity:0;right:0}body .zn--wrapper .title-grid .label-grid{display:flex;justify-content:center}body .zn--wrapper .title-grid .label-grid .label-grid-container{display:flex;height:100%;justify-content:center}body .zn--wrapper .title-grid .label-grid .square-img{opacity:0;transform:translate(60px,35px)}body .zn--wrapper .title-grid .label-grid .oval-img{opacity:0;transform:translate(-40px,-10px)}body .zn--wrapper .title-grid .label-grid .label-text{opacity:0}body .zn--wrapper .title-grid .grid-desc,body .zn--wrapper .title-grid .grid-title{opacity:0;transform:translateY(50px)}body .zn--wrapper .title-grid.static{opacity:0}body .zn--wrapper .title-grid.static .label-grid .oval-img,body .zn--wrapper .title-grid.static .label-grid .square-img{opacity:1;transform:translate(0)}body .zn--wrapper .title-grid.static .label-grid .label-text{opacity:1}body .zn--wrapper .title-grid.static .grid-desc,body .zn--wrapper .title-grid.static .grid-title{opacity:1;transform:translateY(0)}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}body .zn--wrapper .grid-title{font-size:32px;letter-spacing:0}body .zn--wrapper .grid-desc{font-size:28px;letter-spacing:-.24px}body .zn--wrapper .label-text{font-size:44px;letter-spacing:0}body .zn--wrapper .theme-name{font-size:28px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point{font-size:20px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}body .zn--wrapper .grid-title{font-size:19.121199999999998px;letter-spacing:0}body .zn--wrapper .grid-desc{font-size:12.2922px;letter-spacing:-.081948px}body .zn--wrapper .label-text{font-size:27.316px;letter-spacing:-.081948px}body .zn--wrapper .theme-name{font-size:13.658px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point{font-size:6.829px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point.progress-point-1{left:324.3775px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:490.3222px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:656.2669px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:820.8458px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:987.4734px}.g--container,.g--container-ls,body .zn--wrapper .box-container{width:896px}body .zn--wrapper #progress-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:41px}body .zn--wrapper #progress-bar .points-container{width:1311px}body .zn--wrapper #progress-bar .line-top{height:12px;top:20px;width:1311px}body .zn--wrapper #progress-bar .line-bottom{height:8px;top:25px;width:1311px}body .zn--wrapper #progress-bar .missile{height:20px;left:315px;top:16px;width:66px}body .zn--wrapper #progress-bar .progress-point{height:41px;padding-top:6px;width:68px}body .zn--wrapper #progress-bar .progress-point .diamond{height:5px;margin-top:5px;width:6px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:487px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:656px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:825px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:994px}body .zn--wrapper .section-block{padding-top:124px}body .zn--wrapper .section-block .bg-jinx-img{height:729px;width:1855px}body .zn--wrapper .section-title{height:192px;margin-bottom:124px}body .zn--wrapper .section-title .section-title-decorator{height:18px}body .zn--wrapper .section-title .title-left,body .zn--wrapper .section-title .title-right{height:152px;top:120px;width:359px}body .zn--wrapper .section-title .title-jinx{height:20px;left:27px;top:98px;width:177px}body .zn--wrapper .title-grid .label-grid{height:56px;margin-bottom:27px}body .zn--wrapper .title-grid .label-grid .square-img{height:56px}body .zn--wrapper .title-grid .label-grid .oval-img{height:56px;top:-4px}body .zn--wrapper .title-grid .label-grid .label-text{top:10px}body .zn--wrapper .title-grid .grid-title{margin-bottom:11px}body .zn--wrapper .title-grid.left-align-grid .label-grid{margin-left:4px}}@media (min-width:1024px){.g--ls-hidden{display:none!important}body .zn--wrapper #progress-bar .line-bottom,body .zn--wrapper #progress-bar .line-top{left:50%;transform:translateX(-50%)}body .zn--wrapper #progress-bar .missile{transform:translateX(-72%)}body .zn--wrapper .title-grid.left-align-grid .grid-desc,body .zn--wrapper .title-grid.left-align-grid .grid-title{text-align:start}body .zn--wrapper .title-grid.left-align-grid .label-grid{justify-content:flex-start}}@media (min-width:1400px) and (max-width:1799px){.g--container,.g--container-ls,body .zn--wrapper .box-container{width:1100px}body .zn--wrapper #progress-bar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);height:50px}body .zn--wrapper #progress-bar .points-container{width:1610px}body .zn--wrapper #progress-bar .line-top{height:15px;top:25px;width:1610px}body .zn--wrapper #progress-bar .line-bottom{height:10px;top:30px;width:1610px}body .zn--wrapper #progress-bar .missile{height:25px;left:387px;top:20px;width:81px}body .zn--wrapper #progress-bar .progress-point{height:50px;padding-top:8px;width:84px}body .zn--wrapper #progress-bar .progress-point .diamond{height:6px;margin-top:7px;width:8px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:598px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:806px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:1013px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:1220px}body .zn--wrapper .section-block{padding-top:153px}body .zn--wrapper .section-block .bg-jinx-img{height:895px;width:2277px}body .zn--wrapper .section-title{height:236px;margin-bottom:153px}body .zn--wrapper .section-title .section-title-decorator{height:23px}body .zn--wrapper .section-title .title-left,body .zn--wrapper .section-title .title-right{height:186px;top:147px;width:441px}body .zn--wrapper .section-title .title-jinx{height:24px;left:34px;top:121px;width:217px}body .zn--wrapper .title-grid .label-grid{height:69px;margin-bottom:34px}body .zn--wrapper .title-grid .label-grid .square-img{height:69px}body .zn--wrapper .title-grid .label-grid .oval-img{height:69px;top:-5px}body .zn--wrapper .title-grid .label-grid .label-text{top:12px}body .zn--wrapper .title-grid .grid-title{margin-bottom:13px}body .zn--wrapper .title-grid.left-align-grid .label-grid{margin-left:5px}body .zn--wrapper .grid-title{font-size:23.4752px;letter-spacing:0}body .zn--wrapper .grid-desc{font-size:15.0912px;letter-spacing:-.100608px}body .zn--wrapper .label-text{font-size:33.536px;letter-spacing:-.100608px}body .zn--wrapper .theme-name{font-size:16.768px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point{font-size:8.384px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point.progress-point-1{left:391.5328px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:598.6176px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:806.5408px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:1012.7872px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:1219.872px}}@media (min-width:1800px){.g--container,.g--container-ls,body .zn--wrapper .box-container{width:1312px}body .zn--wrapper #progress-bar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:60px}body .zn--wrapper #progress-bar .points-container{width:1920px}body .zn--wrapper #progress-bar .line-top{height:18px;top:30px;width:1920px}body .zn--wrapper #progress-bar .line-bottom{height:12px;top:36px;width:1920px}body .zn--wrapper #progress-bar .missile{height:30px;left:461px;top:24px;width:97px}body .zn--wrapper #progress-bar .progress-point{height:60px;padding-top:9px;width:100px}body .zn--wrapper #progress-bar .progress-point .diamond{height:7px;margin-top:8px;width:9px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:713px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:961px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:1208px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:1455px}body .zn--wrapper .section-block{padding-top:182px}body .zn--wrapper .section-block .bg-jinx-img{height:1067px;width:2716px}body .zn--wrapper .section-title{height:281px;margin-bottom:182px}body .zn--wrapper .section-title .section-title-decorator{height:27px}body .zn--wrapper .section-title .title-left,body .zn--wrapper .section-title .title-right{height:222px;top:175px;width:526px}body .zn--wrapper .section-title .title-jinx{height:29px;left:40px;top:144px;width:259px}body .zn--wrapper .title-grid .label-grid{height:82px;margin-bottom:40px}body .zn--wrapper .title-grid .label-grid .square-img{height:82px}body .zn--wrapper .title-grid .label-grid .oval-img{height:82px;top:-6px}body .zn--wrapper .title-grid .label-grid .label-text{top:14px}body .zn--wrapper .title-grid .grid-title{margin-bottom:16px}body .zn--wrapper .title-grid.left-align-grid .label-grid{margin-left:6px}body .zn--wrapper #progress-bar .progress-point.progress-point-1{left:463px}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:711px}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:960px}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:1208px}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:1457px}}@media (max-width:1023px){:root{--oh-nav-height:48px}#oc-header.fixed{visibility:hidden}.g--pt-hidden{display:none!important}.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc(var(--vh, 1vh)*100 - 101px)}.g--container,.g--container-pt,body .zn--wrapper .box-container{width:88.889vw}body .zn--wrapper #progress-bar{-webkit-backdrop-filter:blur(8.611vw);backdrop-filter:blur(8.611vw);height:12.222vw}body .zn--wrapper #progress-bar .shadow-left,body .zn--wrapper #progress-bar .shadow-right{width:15.556vw}body .zn--wrapper #progress-bar .points-container{width:100vw}body .zn--wrapper #progress-bar .line-top{left:1.111vw;top:7.778vw;width:257.5vw}body .zn--wrapper #progress-bar .line-bottom{left:1.111vw;top:8.611vw;width:257.5vw}body .zn--wrapper #progress-bar .missile{height:5.833vw;left:42.222vw;top:5.278vw;width:15.278vw}body .zn--wrapper #progress-bar .progress-point{padding-top:1.111vw;width:27.778vw}body .zn--wrapper #progress-bar .progress-point .diamond{height:2.222vw;margin-top:.833vw;width:2.778vw}body .zn--wrapper #progress-bar .progress-point.progress-point-1{left:51.389vw}body .zn--wrapper #progress-bar .progress-point.progress-point-2{left:90.833vw}body .zn--wrapper #progress-bar .progress-point.progress-point-3{left:130.278vw}body .zn--wrapper #progress-bar .progress-point.progress-point-4{left:169.444vw}body .zn--wrapper #progress-bar .progress-point.progress-point-5{left:208.889vw}body .zn--wrapper .section-block{padding-top:35.556vw}body .zn--wrapper .section-block .bg-jinx-img{height:142.5vw;width:362.778vw}body .zn--wrapper .section-title{height:37.111vw;margin-bottom:35.556vw}body .zn--wrapper .section-title .section-title-decorator{height:3.556vw}body .zn--wrapper .section-title .title-left{height:16.389vw;top:16.111vw;width:38.611vw}body .zn--wrapper .section-title .title-right{height:16.667vw;top:16.111vw;width:40vw}body .zn--wrapper .section-title .title-jinx{height:2.222vw;left:5.556vw;top:13.056vw;width:17.778vw}body .zn--wrapper .title-grid .label-grid{height:10.556vw;margin-bottom:6.389vw}body .zn--wrapper .title-grid .label-grid .square-img{height:10.556vw}body .zn--wrapper .title-grid .label-grid .oval-img{height:13.333vw;top:-1.389vw}body .zn--wrapper .title-grid .label-grid .label-text{top:1.667vw}body .zn--wrapper .title-grid .grid-title{margin-bottom:2.222vw}}@media (max-width:720px){.g--mb-hidden{display:none!important}body .zn--wrapper .grid-title{font-size:16px;letter-spacing:0}body .zn--wrapper .grid-desc{font-size:14px;letter-spacing:-.12px}body .zn--wrapper .label-text{font-size:22px;letter-spacing:0}body .zn--wrapper .theme-name{font-size:14px;letter-spacing:0}body .zn--wrapper #progress-bar .progress-point{font-size:10px;letter-spacing:0}}@media not screen and (max-width:720px){.g--mb-show{display:none!important}}