footer{padding:16px;color:var(--font-white);text-align:center}footer #privacy-policy{height:5px;text-decoration:underline;color:var(--primary-color)}footer *{font-size:12px}main{overflow:hidden auto!important}.section{display:flex;flex-direction:column;align-items:center;padding:16px}.section .title{font-size:24px;margin-bottom:32px}.section .title .icon{color:var(--primary-color)}.section:nth-child(2n){background-color:#0e0e16}.section:nth-child(1){margin-top:60px;transition:margin var(--delay)}.section:nth-child(1) .introduction{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1200px;padding-bottom:100px}.section:nth-child(1) .introduction .titles{position:relative;text-align:center;margin-bottom:32px}.section:nth-child(1) .introduction .titles:after{position:absolute;content:"";height:calc(100% + 600px);width:calc(100% + 800px);left:50%;top:0;transform:translate(-50%,-30%);background:radial-gradient(ellipse at center,rgba(4,125,110,.5019607843) 0,transparent 70%);z-index:-1}.section:nth-child(1) .introduction .titles h1{font-size:24px;text-transform:uppercase}.section:nth-child(1) .introduction .titles h1 span{font-size:24px;color:var(--primary-color)}.section:nth-child(1) .introduction .titles hr{height:1px;width:70%;max-width:1200px;min-width:310px;margin:8px auto;background:var(--primary-color)}.section:nth-child(1) .introduction .titles h2{font-size:14px;color:#e2e4f899}.section:nth-child(1) .introduction .clash-gg-wrapper{display:flex;align-items:center;justify-self:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:8px 12px;background-color:#0000004d;border:1px solid #ffa510;border-radius:4px;margin-top:58px}.section:nth-child(1) .introduction .clash-gg-wrapper .slogon{font-weight:700;text-transform:uppercase;font-size:17px}.section:nth-child(1) .introduction .clash-gg-wrapper .slogon span{font-size:inherit;color:#ffa510}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play{display:flex;align-items:center;gap:8px;width:max-content;height:32px;border-radius:4px;background-color:#ffa510;border:1px solid #ffa510;padding:0 16px 0 8px;font-weight:700;cursor:pointer;transition:var(--delay)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.play:hover{background-color:#ffa31048}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site{display:flex;align-items:center;width:max-content;height:32px;border-radius:4px;border:1px solid #ffa510;padding:0 0 0 8px;cursor:pointer;transition:var(--delay)}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site:hover{background-color:#ffa31048}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site .icon{width:12px;height:12px}.section:nth-child(1) .introduction .clash-gg-wrapper .clash-gg-btn.site svg{width:80px;height:10px}.section:nth-child(1) .introduction .fetch-menu-wrapper{flex:1;display:flex;align-items:center;width:100%;min-width:324px;max-width:800px}.section:nth-child(1) .introduction .fetch-menu-wrapper .button{display:grid;align-items:center;padding:8px 16px;background:linear-gradient(to right,#047d6e,#0a9d8c,#066a5e);background-size:200% auto;border-radius:4px;transition:var(--delay);min-width:125px;cursor:pointer}.section:nth-child(1) .introduction .fetch-menu-wrapper .button:hover{background-position:right center;text-decoration:none}.section:nth-child(1) .introduction .fetch-menu-wrapper .button span{color:#e2e4f8;text-align:center}.section:nth-child(1) .introduction .fetch-history{margin-bottom:24px}.section:nth-child(1) .introduction .vertical-ad-wrapper{height:75px;width:100%;max-width:400px;margin:0 auto}.section:nth-child(1) .stats{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1000px}.section:nth-child(1) .stats .stat{display:flex;flex-direction:column;align-items:center;width:50%}.section:nth-child(1) .stats .stat .stat-icon-wrapper .icon{color:var(--primary-color);font-size:52px;margin-bottom:16px}.section:nth-child(1) .stats .stat .stat-title{font-size:18px}.section:nth-child(1) .stats .stat .stat-title span{font-size:18px;color:var(--primary-color)}.section:nth-child(1) .stats .stat .stat-text{text-align:center;color:#e2e4f899}.section:nth-child(2){padding:240px 16px;background:linear-gradient(180deg,transparent 0%,#0e0e16 14%,#0e0e16 86%,transparent 100%)}.section:nth-child(2) .roadmap{display:flex;flex-direction:column;align-items:center;justify-content:center}.section:nth-child(2) .roadmap .steps{position:relative;display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:1200px;min-width:380px}.section:nth-child(2) .roadmap .steps .line{position:absolute;width:12px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--primary-color) 14%,var(--primary-color) 86%,transparent 100%);z-index:1;left:50%;transform:translate(-50%)}.section:nth-child(2) .roadmap .steps .step{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;padding:0 16px;z-index:2}.section:nth-child(2) .roadmap .steps .step:nth-child(2n){flex-direction:row-reverse}.section:nth-child(2) .roadmap .steps .step.active .step-cirle{background-color:unset}.section:nth-child(2) .roadmap .steps .step.active .step-cirle .inner-circle{background-color:unset}.section:nth-child(2) .roadmap .steps .step .step-context{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px}.section:nth-child(2) .roadmap .steps .step .step-context .icon{font-size:48px;color:var(--primary-color)}.section:nth-child(2) .roadmap .steps .step .step-context .step-text{text-align:center}.section:nth-child(2) .roadmap .steps .step .step-context .step-text p{color:#e2e4f899}.section:nth-child(2) .roadmap .steps .step .step-cirle{padding:2px;border-radius:50%;box-shadow:#6d6d6d33 0 0 25px;background-color:var(--primary-color)}.section:nth-child(2) .roadmap .steps .step .step-cirle .inner-circle{width:16px;height:16px;border-radius:50%;background-color:var(--white)}.section:nth-child(2) .roadmap .steps .step .step-cirle .inner-circle .icon{font-size:32px;font-weight:900;transform:translate(-6px,-12px);color:var(--white)}.section:nth-child(2) .roadmap .steps .step .step-empty{flex:1}.section:nth-child(3){height:max-content}.section:nth-child(3) #slide-show{width:100%;min-height:600px;max-width:1200px}.section:nth-child(3) #slide-show .slides-wraper{width:100%;height:600px}.section:nth-child(3) #slide-show .slides-wraper .input-dummy{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--layer-4);border-radius:4px}.section:nth-child(3) #slide-show .slides-wraper .input-dummy .prefix,.section:nth-child(3) #slide-show .slides-wraper .input-dummy .suffix{height:18px}.section:nth-child(3) #slide-show .slides-wraper .input-dummy .prefix .icon,.section:nth-child(3) #slide-show .slides-wraper .input-dummy .suffix .icon{font-size:18px}.section:nth-child(3) #slide-show .slides-wraper .input-dummy .value{flex:1}.section:nth-child(3) #slide-show .slides-wraper .select-dummy{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--layer-4);border-radius:4px}.section:nth-child(3) #slide-show .slides-wraper .select-dummy .prefix,.section:nth-child(3) #slide-show .slides-wraper .select-dummy .suffix{height:18px}.section:nth-child(3) #slide-show .slides-wraper .select-dummy .prefix .image,.section:nth-child(3) #slide-show .slides-wraper .select-dummy .suffix .image{width:16px;height:16px}.section:nth-child(3) #slide-show .slides-wraper .select-dummy .value{flex:1}.section:nth-child(3) #slide-show .slides-wraper .dummy-button{padding:8px 16px;background:linear-gradient(to right,#047d6e,#0a9d8c,#066a5e);background-size:200% auto;border-radius:4px;transition:var(--delay);text-align:center;cursor:pointer}.section:nth-child(3) #slide-show .slides-wraper .dummy-button:hover{background-position:right center;text-decoration:none}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .range-input{position:relative;width:100%;height:4px;background-color:var(--primary-color);margin-bottom:16px}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .range-input:before,.section:nth-child(3) #slide-show .slides-wraper .range-dummy .range-input:after{position:absolute;content:"";width:14px;height:14px;top:50%;transform:translateY(-50%);background-color:var(--primary-color);border-radius:50%}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .range-input:before{left:0}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .range-input:after{right:0}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .input-dummys{display:flex;gap:8px}.section:nth-child(3) #slide-show .slides-wraper .range-dummy .input-dummys .input-dummy{flex:1;padding:4px 8px}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy{position:relative;display:flex;align-items:center;cursor:pointer}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy .value{flex:1}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy .switch{position:relative;width:30px;height:21px;border-radius:50px;background-color:var(--layer-4);transition:var(--delay)}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy .switch:after{position:absolute;content:"";width:15px;height:15px;border-radius:50%;top:3px;left:3px;background-color:var(--white);transition:var(--delay)}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy .switch.selected{background-color:var(--primary-color)}.section:nth-child(3) #slide-show .slides-wraper .toggle-dummy .switch.selected:after{transform:translate(10px);background-color:var(--white)}.section:nth-child(3) #slide-show .slides-wraper .dummy-view-style-selector{display:flex;gap:8px}.section:nth-child(3) #slide-show .slides-wraper .dummy-view-style-selector .option{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:8px 16px;background-color:var(--layer-4);box-shadow:var(--shadow);border-radius:4px;cursor:pointer}.section:nth-child(3) #slide-show .slides-wraper .dummy-view-style-selector .option p{font-weight:700}.section:nth-child(3) #slide-show .slides-wraper .dummy-view-style-selector .option.selected{background-color:var(--secondary-color);box-shadow:#2b2d2e 0 0 inset,var(--primary-color) 0 0 0 2px inset,#00000080 0 0}.section:nth-child(3) #slide-show .slides-wraper .dummy-view-style-selector .option.selected .icon{color:var(--primary-color)}.section:nth-child(3) #slide-show .slides-wraper .dummy-checkbox-list{display:flex;align-items:center}.section:nth-child(3) #slide-show .slides-wraper .dummy-checkbox-list .value{flex:1}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content{display:flex;flex-direction:column;align-items:center;gap:32px;height:100%}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .info{flex:1;max-width:270px}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .info h2{font-size:24px;margin-bottom:10px}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .info a{color:var(--primary-color);font-weight:700}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .visual{flex:1;position:relative;align-self:flex-start;height:100%;width:100%;padding:16px;background:linear-gradient(175deg,var(--layer-1) 0%,transparent 90%);border-radius:4px;overflow:hidden}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .visual .image-wrapper{position:relative;height:100%;width:600;overflow:hidden}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .visual .image-wrapper img{width:1400px;height:800px;object-fit:contain;object-position:top left}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .visual .overlay-1{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(270deg,var(--layer-3) 0%,transparent 60%);transition:var(--delay)}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .visual .overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg,var(--layer-3) 2%,transparent 60%);transition:var(--delay)}.section:nth-child(4){padding:0}@media (min-width: 361px){.section:nth-child(1) .introduction .titles h2{margin:0 15%}.section:nth-child(1) .introduction .fetch-menu-wrapper{width:70%}}@media (min-width: 768px){.section:nth-child(1){margin-top:150px}.section:nth-child(1) .introduction .titles{margin-bottom:64px}.section:nth-child(1) .introduction .titles h1{font-size:48px}.section:nth-child(1) .introduction .titles h1 span{font-size:48px}.section:nth-child(1) .introduction .horizontal-ad{margin-top:64px}.section:nth-child(1) .stats{flex-direction:row}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content{justify-content:center;align-items:unset;flex-direction:row}.section:nth-child(3) #slide-show .slides-wraper .slides .slide .slide-content .info{flex:1}}