:root{--body_padding:clamp(min(5rem, 13rem), 8.5vw, max(10rem, 15rem))}html[data-theme=light]{--color-text:#19170b;--color-text-D5:#070703;--color-text-D10:black;--color-text-L5:#2b2713;--color-text-L10:#3c381b;--color-text-L15:#4e4822;--color-background:#fcfbf8;--color-background-D5:#f4f1e6;--color-background-D10:#ede7d4;--color-background-D15:#e5dcc2;--color-background-L5:white;--color-background-L10:white}html[data-theme=dark]{--color-text:#f0efeb;--color-text-D5:#e5e3dc;--color-text-D10:#dad8ce;--color-text-L5:#e5e3dc;--color-text-L10:#dad8ce;--color-text-L15:#cfccbf;--color-background:#0e0d0d;--color-background-D5:#1b1919;--color-background-D10:#282626;--color-background-D15:#363232;--color-background-L5:#010101;--color-background-L10:black}.hero{flex-direction:column;justify-content:center;gap:30px;display:flex}.hero .actions{gap:15px;display:flex}header{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:75dvh;display:flex;color:#f0efeb!important;padding:50px var(--body_padding) 200px var(--body_padding)!important}header .logo{filter:drop-shadow(1px 1px 5px #00000090)}header .logo h1{font-size:86px}header .landing{justify-content:flex-start;width:100%;display:flex}header .landing .perspective{perspective:1000px;perspective-origin:50%;margin-left:auto;position:relative}header .landing .perspective img{animation:4s infinite float}header .landing .perspective .perspective_bc{content:"";background:linear-gradient(90deg,#e7c104,#ff780b);border-radius:6px;width:100%;height:105%;position:absolute;top:0;left:0;transform:scaleX(1)scaleY(.95)scaleZ(1)rotateX(9deg)rotateY(-18deg)rotate(8deg)translate(30px)translateY(0)translateZ(0)skew(0)skewY(0)}header .landing .perspective .perspective_bc:before{content:"";filter:blur(50px);opacity:.3;background:linear-gradient(90deg,#e7c104,#ff780b);border-radius:6px;width:105%;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .landing .screenshot{filter:drop-shadow(3px 3px 5px #000000c6);transform:scaleX(1)scaleY(1)scaleZ(1)rotateX(9deg)rotateY(-18deg)rotate(8deg)translate(0)translateY(0)translateZ(0)skew(0)skewY(0)}header .landing img{object-fit:contain}.feature__wrapper{position:relative}.feature__wrapper:hover:after,.feature__wrapper:hover:before{width:130%;height:120%}.feature__wrapper:after{content:"";box-shadow:inset 0px 0px 40px 30px var(--color-background);z-index:6;width:90%;height:90%;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature__wrapper:before{content:"";background-color:rgb(var(--current-color));-webkit-mask-image:var(--current-icon);-webkit-mask-image:var(--current-icon);mask-image:var(--current-icon);-webkit-mask-size:40px;mask-size:40px;-webkit-mask-repeat:round;mask-repeat:round;-webkit-mask-box-image-slice:200px;mask-border-slice:200px;z-index:5;opacity:.3;width:90%;height:90%;transition:all .2s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.features__container{flex-wrap:wrap;justify-content:center;gap:35px;margin:15px;display:flex;position:relative}.features__container .feature{cursor:pointer;z-index:50;flex-direction:column;justify-content:flex-start;align-items:center;width:clamp(25rem,20vw,5em);height:100%;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden;background-color:#0000!important}.features__container .feature:hover img{transform:scale(1.09)}.features__container .feature:hover{border-color:rgb(var(--current-color));filter:drop-shadow(1px 1px 15px rgba(var(--current-color), .5))}.features__container .feature .content{z-index:10;background-color:var(--color-background-D5);width:100%;height:100%;margin:-20px;padding:20px 20px 60px;position:relative}.features__container .feature .content p{color:var(--color-text-D10);margin:5px}.features__container .feature h2{text-decoration:underline;-webkit-text-decoration-color:rgb(var(--current-color));text-decoration-color:rgb(var(--current-color));text-wrap:balance;align-items:center;gap:10px;font-size:1.5rem;text-decoration-thickness:5px;display:flex}.features__container .feature h2 svg{color:rgb(var(--current-color));filter:drop-shadow(1px 1px 5px rgb(var(--current-color)))}.features__container .feature img{object-fit:cover;z-index:8;width:100%;height:200px;transition:all .2s;position:relative}main{position:relative}section{background-color:var(--color-background);padding:40px calc(var(--body_padding) - 80px)}section h1{align-items:center;gap:10px;display:flex!important}section h1 svg{color:#e7c104;filter:drop-shadow(6px 6px #00000025)}section{z-index:5;position:relative;background-color:var(--color-background)!important}section:first-child{background-image:radial-gradient(var(--color-background-D15) 1.5px, transparent 0);background-position:-19px -19px;background-size:40px 40px;padding-bottom:350px}section:first-child:first-of-type{position:relative}section:first-child:first-of-type:before{content:"";background-color:var(--color-background);background-image:radial-gradient(var(--color-background-D15) 1.5px, transparent 0);background-position:-19px 19px;background-size:40px 45px;width:100%;height:400px;position:absolute;left:0;-webkit-mask-image:url(/assets/wave4.svg);mask-image:url(/assets/wave4.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;top:-23vh!important;bottom:unset!important}section:nth-child(2){--local-color:linear-gradient(90deg, #e7c104, #ff780b);background:var(--local-color)!important}section:nth-child(2) h1{text-shadow:4px 4px #0000005c!important}section:nth-child(2) h1 svg{color:#fbdab2;filter:drop-shadow(4px 4px #0000005c)}section:nth-child(2):before{content:"";background:var(--local-color);z-index:-1;width:100%;position:absolute;left:0;-webkit-mask-image:url(/assets/wave5.svg);mask-image:url(/assets/wave5.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;top:-330px!important;bottom:unset!important;height:330px!important}section:nth-child(2):after{content:"";z-index:-1;background:linear-gradient(90deg,#ff780b,#e7c104);width:100%;height:330px;position:absolute;left:0;transform:rotate(180deg);-webkit-mask-image:url(/assets/wave5.svg);mask-image:url(/assets/wave5.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;bottom:-330px!important}section:nth-child(3){z-index:0;background-image:radial-gradient(var(--color-background-D15) 1.5px, transparent 0);background-position:-19px -19px;background-size:40px 40px;padding-top:200px}.images__slider{--local-bc:#1b1919;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:20px;display:flex}.images__slider .slider__container{flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.images__slider .slider__container .image__wrapper{align-items:center;gap:20px;display:flex;position:relative}.images__slider .slider__container .image__wrapper .images{order:1}.images__slider .slider__container .image__wrapper button{background-color:var(--local-bc);z-index:10;border-radius:100%;padding:10px;font-size:16px;position:relative}.images__slider .slider__container .image__wrapper button:nth-child(2){order:2}.images__slider .slider__container .images{place-content:center;width:40vw;height:420px;display:grid;position:relative}.images__slider .slider__container .images img{width:768px;height:420px}.images__slider .steps{align-items:center;gap:1px;display:flex}.images__slider .steps .step{border:2px solid var(--local-bc);cursor:pointer;border-radius:100%;width:16px;height:16px;transition:background-color .2s}.images__slider .steps .step.current{filter:drop-shadow(1px 1px 5px #00000065);background-color:#f0efeb}.images__slider img{border-radius:8px;box-shadow:6px 6px 5px #00000065}.images__slider .image__description{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:900px;padding:20px;display:flex}.images__slider .image__description h4{align-items:center;display:flex}.images__slider .image__description h4 svg{filter:drop-shadow(2px 2px #0000005c);margin-right:8px}.images__slider .image__description p{text-wrap:balance;font-size:20px;font-weight:800}.shop__hero{z-index:50;margin:50px 0;position:relative}.shop__hero img{object-fit:contain;filter:drop-shadow(1px 1px 5px #00000085)}.shop__hero .image__container{justify-content:center;align-items:center;gap:0;display:flex;position:relative}.shop__hero .content{flex-direction:column;justify-content:center;align-items:flex-start;max-width:600px;display:flex}.shop__hero .content h1{align-items:center;gap:10px;margin:0;padding:0;font-size:3.5rem;display:flex}.shop__hero .content h1 svg{color:#e7c104}.shop__hero .content a{width:100%;margin:30px 0}.shop__hero .content p{color:var(--color-text-D10);text-wrap:balance;margin:0;font-size:24px;font-weight:300}.fps__comparison{flex-direction:column;gap:20px;display:flex}.fps__comparison .fps__header h1{text-align:center;font-size:56px;font-weight:900}.fps__comparison .client__container{grid-template-columns:repeat(2,275px);justify-content:center;gap:10px;display:grid}.fps__comparison .client{background:var(--background-color);border-radius:8px;align-items:center;padding:10px;display:flex;box-shadow:0 4px 8px #0000001a}.fps__comparison .client .logo{margin-right:20px}.fps__comparison .client .info{flex-direction:column;flex-grow:1;align-items:center;gap:5px;display:flex}.fps__comparison .client .info .title{color:var(--text-color);justify-content:center;align-items:baseline;gap:5px;display:flex}.fps__comparison .client .info .title .name{font-size:16px;font-weight:900}.fps__comparison .client .info .title .fps{font-size:14px;font-weight:600}.fps__comparison .client .info .progress-bar{background-color:#a9a9a9;border-radius:5px;width:100%;height:10px;position:relative;overflow:hidden}.fps__comparison .client .info .progress-bar .progress-bar-fill{background-color:#e7c104;border-radius:5px;min-width:5%;height:100%;transition:width .3s}.fps__comparison .fps__texts p span{color:#e7c104;font-weight:800}.download__reminder{background-color:var(--color-background-D5);width:100%;padding:20px var(--body_padding);justify-content:center;align-items:center;display:flex}.download__reminder .content{justify-content:center;align-items:center;gap:30px;max-width:750px;font-size:24px;font-weight:300;display:flex}.download__reminder .content span{color:#ff780b;font-weight:900}.download__reminder .content b{font-weight:900}.download__reminder a{margin-left:auto;font-size:36px}
