@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}body{font-size:16px;color:#333;background-color:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea{border:none;outline:none;background:none;font-family:inherit}input,textarea,select,button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}html{font-size:16px}body{touch-action:manipulation}html,body{height:100%}body .main{width:100%;height:100%;overflow-x:hidden}body .main:after{width:110%;height:100%;content:"";display:block;position:absolute;left:-7%;background:url(../images/gp-background-edit@2x-YkpJi0AZ.jpg) no-repeat;background-position:top center;background-size:cover;z-index:0}body .main ul{display:flex;gap:20px;position:absolute;left:50%;transform:translate(-50%);top:calc(100% - 200px);flex-wrap:wrap;width:100%;align-items:center;justify-content:center;z-index:1}body .main ul li{width:168px;height:168px}body .main ul li img{width:100%}body .main .scan-view{width:800px;display:flex;position:absolute;left:50%;top:45%;justify-content:center;z-index:1;transform:translate(-50%)}body .main .scan-view:after{content:"";display:block;width:228px;height:50px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:url(../images/Scan-QR-code-to-install@2x-CX5B2WuC.png) no-repeat center center;background-size:100%}body .main .scan-view .step-left,body .main .scan-view .step-right{width:144px;height:235px}body .main .scan-view img{display:block;margin:0 40px;position:relative;top:-50px}body .main .scan-view canvas{width:160px!important;height:160px!important;box-shadow:3px 5px 3px #0000004d;border:4px solid #C87018;border-radius:2px}body .main .scan-view .step-left{background:url(../images/hand-phone-scan@2x-104hgZDc.png) no-repeat top center;background-size:100%}body .main .scan-view .step-right{background:url(../images/3step-hand-install@2x-B59yIbDH.png) no-repeat top center;background-size:100%}body .main .scan-view button{position:absolute;bottom:-60px;width:300px;height:72px;background:linear-gradient(180deg,#df0305,#a50300);border:2px solid #FFBC7A;border-radius:15px;opacity:1;font-size:28px;color:#fff;font-weight:700;cursor:pointer}body .main .scan-view button:hover{filter:brightness(1.2)}body .main .scan-view button:active{filter:brightness(1)}@media (max-width: 768px){body .main{background:url(../images/gp-phone-background@2x-CHmyKxKB.jpg) no-repeat top center;background-size:cover}body .main:after{width:120%;content:"";height:181.4468085106vw;background:url(../images/Phone-header@2x-UgNu-R1p.png) no-repeat top center;background-size:100%;position:absolute;left:-10%;z-index:0}body .main .scan-view{top:30%;z-index:1;left:50%}body .main .scan-view .step-left,body .main .scan-view .step-right{width:101px;height:165px}body .main .scan-view canvas{width:95px!important;height:95px!important}body .main .scan-view img{width:26px;margin:0 16px;top:-30px}body .main .scan-view:after{width:166px}body .main .scan-view button{width:208px;height:58px;font-size:22px}body .main ul{width:100%;flex-wrap:wrap;left:50%;justify-content:center;top:auto;bottom:30px}body .main ul li{width:102px!important;height:102px!important}}@media (min-width: 500px) and (max-width: 768px){body .main ul{width:100%;flex-wrap:wrap;left:50%;justify-content:center;top:auto;bottom:30px}body .main ul li{width:102px!important;height:102px!important}body .main .scan-view{top:40%}}@media (min-width: 768px) and (max-width: 1023px){body .main ul{width:100%;flex-wrap:wrap;left:50%;justify-content:center;top:auto;bottom:30px}body .main ul li{width:102px!important;height:102px!important}body .main .scan-view{top:40%}}@media (max-width: 1024px) and (orientation: landscape){body .main{height:100vw;background:url(../images/gp-phone-background@2x-CHmyKxKB.jpg) no-repeat top center;background-size:cover;position:relative}body .main:after{width:80%;height:100%;content:"";background:url(../images/Phone-header@2x-UgNu-R1p.png) no-repeat top center;background-size:100%;position:absolute;left:10%;z-index:0}body .main .scan-view{top:50vw;z-index:1;left:50%}body .main .scan-view .step-left,body .main .scan-view .step-right{width:101px;height:165px}body .main .scan-view canvas{width:95px!important;height:95px!important}body .main .scan-view img{width:26px;margin:0 16px;top:-30px}body .main .scan-view:after{width:166px}body .main .scan-view button{width:208px;height:58px;font-size:22px}body .main ul{width:100%;flex-wrap:wrap;left:50%;justify-content:center;top:auto;bottom:30px}body .main ul li{width:102px!important;height:102px!important}}@media (min-width: 1024px) and (max-width: 1400px) and (orientation: landscape){body .main{position:relative;height:120vw}}