: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:#000;--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:#fff;--color-background-L10:#fff}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:#000}.hero{display:flex;justify-content:center;flex-direction:column;gap:30px}.hero .actions{display:flex;gap:15px}header{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px;min-height:75dvh;color:#f0efeb!important;padding:50px var(--body_padding) 200px var(--body_padding)!important}header .logo{filter:drop-shadow(1px 1px 5px rgba(0,0,0,.565))}header .logo h1{font-size:86px}header .landing{display:flex;justify-content:flex-start;width:100%}header .landing .perspective{perspective:1000px;perspective-origin:50% 50%;margin-left:auto;position:relative}header .landing .perspective img{animation:float 4s ease infinite}header .landing .perspective .perspective_bc{width:100%;top:0;left:0;transform:scaleX(1) scaleY(.95) scaleZ(1) rotateX(9deg) rotateY(-18deg) rotate(8deg) translateX(30px) translateY(0) translateZ(0) skewX(0deg) skewY(0deg)}header .landing .perspective .perspective_bc,header .landing .perspective .perspective_bc:before{content:"";position:absolute;background:linear-gradient(90deg,#e7c104,#ff780b);height:105%;border-radius:6px}header .landing .perspective .perspective_bc:before{width:105%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(50px);opacity:.3}header .landing .screenshot{filter:drop-shadow(3px 3px 5px rgba(0,0,0,.775));transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(9deg) rotateY(-18deg) rotate(8deg) translateX(0) translateY(0) translateZ(0) skewX(0deg) skewY(0deg)}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{box-shadow:inset 0 0 40px 30px var(--color-background);z-index:6}.feature__wrapper:after,.feature__wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;transition:.2s ease}.feature__wrapper:before{background-color:rgb(var(--current-color));-webkit-mask-image:var(--current-icon);mask-image:var(--current-icon);-webkit-mask-repeat:round;mask-repeat:round;-webkit-mask-size:40px;mask-size:40px;-webkit-mask-box-image-slice:200px;mask-border-slice:200px;display:block;z-index:5;opacity:.3}.features__container{display:flex;justify-content:center;flex-wrap:wrap;gap:35px;margin:15px;position:relative}.features__container .feature{width:clamp(25rem,20vw,5em);height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;background-color:transparent!important;cursor:pointer;transition:.2s ease;position:relative;z-index:50;padding:0;height:100%}.features__container .feature:hover{border-color:rgb(var(--current-color));filter:drop-shadow(1px 1px 15px rgba(var(--current-color),.5))}.features__container .feature:hover img{transform:scale(1.09)}.features__container .feature .content{position:relative;z-index:10;background-color:var(--color-background-D5);margin:-20px;padding:20px 20px 60px;width:100%;height:100%}.features__container .feature .content p{margin:5px;color:var(--color-text-D10)}.features__container .feature h2{font-size:1.5rem;display:flex;align-items:center;gap:10px;text-decoration:underline;-webkit-text-decoration-color:rgb(var(--current-color));text-decoration-color:rgb(var(--current-color));text-decoration-thickness:5px;text-wrap:balance}.features__container .feature h2 svg{color:rgb(var(--current-color));filter:drop-shadow(1px 1px 5px rgb(var(--current-color)))}.features__container .feature img{width:100%;height:200px;object-fit:cover;transition:.2s ease;position:relative;z-index:8}main,section{position:relative}section{background-color:var(--color-background);padding:40px calc(var(--body_padding) - 80px);z-index:5;background-color:var(--color-background)!important}section h1{display:flex!important;align-items:center;gap:10px}section h1 svg{color:#e7c104;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.147))}section:first-child{padding-bottom:350px;background-image:radial-gradient(var(--color-background-D15) 1.5px,transparent 0);background-size:40px 40px;background-position:-19px -19px}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-size:40px 45px;background-position:-19px 19px;-webkit-mask-image:url(/assets/wave4.svg);mask-image:url(/assets/wave4.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;position:absolute;top:-23vh!important;bottom:unset!important;left:0;width:100%;height:400px}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 0 rgba(0,0,0,.361)!important}section:nth-child(2) h1 svg{color:#fbdab2;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.361))}section:nth-child(2):before{background:var(--local-color);top:-330px!important;bottom:unset!important;height:330px!important}section:nth-child(2):after,section:nth-child(2):before{content:"";-webkit-mask-image:url(/assets/wave5.svg);mask-image:url(/assets/wave5.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;position:absolute;left:0;width:100%;z-index:-1}section:nth-child(2):after{background:linear-gradient(90deg,#ff780b,#e7c104);bottom:-330px!important;height:330px;transform:rotate(180deg)}section:nth-child(3){z-index:0;padding-top:200px;background-image:radial-gradient(var(--color-background-D15) 1.5px,transparent 0);background-size:40px 40px;background-position:-19px -19px}.images__slider{--local-bc:#1b1919;margin:20px;gap:10px}.images__slider,.images__slider .slider__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.images__slider .slider__container{gap:15px;position:relative}.images__slider .slider__container .image__wrapper{display:flex;gap:20px;align-items:center;position:relative}.images__slider .slider__container .image__wrapper .images{order:1}.images__slider .slider__container .image__wrapper button{font-size:16px;background-color:var(--local-bc);border-radius:100%;padding:10px;position:relative;z-index:10}.images__slider .slider__container .image__wrapper button:nth-child(2){order:2}.images__slider .slider__container .images{display:grid;place-content:center;position:relative;width:40vw;height:420px}.images__slider .slider__container .images img{width:768px;height:420px}.images__slider .steps{display:flex;align-items:center;gap:1px}.images__slider .steps .step{border:2px solid var(--local-bc);border-radius:100%;width:16px;height:16px;transition:background-color .2s ease;cursor:pointer}.images__slider .steps .step.current{background-color:#f0efeb;filter:drop-shadow(1px 1px 5px rgba(0,0,0,.398))}.images__slider img{border-radius:8px;box-shadow:6px 6px 5px rgba(0,0,0,.398)}.images__slider .image__description{max-width:900px;text-align:center;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:-moz-fit-content;width:fit-content}.images__slider .image__description h4{display:flex;align-items:center}.images__slider .image__description h4 svg{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.361));margin-right:8px}.images__slider .image__description p{font-size:20px;font-weight:800;text-wrap:balance}.shop__hero{margin:50px 0;position:relative;z-index:50}.shop__hero img{object-fit:contain;filter:drop-shadow(1px 1px 5px rgba(0,0,0,.522))}.shop__hero .image__container{display:flex;align-items:center;justify-content:center;gap:0;position:relative}.shop__hero .content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:600px}.shop__hero .content h1{margin:0;padding:0;font-size:3.5rem;display:flex;align-items:center;gap:10px}.shop__hero .content h1 svg{color:#e7c104}.shop__hero .content a{margin:30px 0;width:100%}.shop__hero .content p{margin:0;color:var(--color-text-D10);font-size:24px;font-weight:300;text-wrap:balance}.fps__comparison{display:flex;flex-direction:column;gap:20px}.fps__comparison .fps__header h1{font-size:56px;font-weight:900;text-align:center}.fps__comparison .client__container{display:grid;grid-template-columns:repeat(2,275px);grid-gap:10px;gap:10px;justify-content:center}.fps__comparison .client{display:flex;align-items:center;background:var(--background-color);border-radius:8px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.fps__comparison .client .logo{margin-right:20px}.fps__comparison .client .info{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:5px}.fps__comparison .client .info .title{display:flex;align-items:baseline;justify-content:center;color:var(--text-color);gap:5px}.fps__comparison .client .info .title .name{font-weight:900;font-size:16px}.fps__comparison .client .info .title .fps{font-weight:600;font-size:14px}.fps__comparison .client .info .progress-bar{background-color:#a9a9a9;border-radius:5px;height:10px;width:100%;position:relative;overflow:hidden}.fps__comparison .client .info .progress-bar .progress-bar-fill{height:100%;background-color:#e7c104;border-radius:5px;transition:width .3s ease;min-width:5%}.fps__comparison .fps__texts p span{color:#e7c104;font-weight:800}.download__reminder{width:100%;background-color:var(--color-background-D5);padding:20px var(--body_padding)}.download__reminder,.download__reminder .content{display:flex;align-items:center;justify-content:center}.download__reminder .content{max-width:750px;gap:30px;font-size:24px;font-weight:300}.download__reminder .content span{color:#ff780b;font-weight:900}.download__reminder .content b{font-weight:900}.download__reminder a{font-size:36px;margin-left:auto}