@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Lemon&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap";*{box-sizing:border-box;font-family:Anonymous Pro,monospace;font-size:15px}body{--main-color: #FFFCE0;--sec-color: #000000;--tri-color: #FFFFFF;--main-color-dark: #3C3C3C;--sec-color-dark: #FFFFFF;--tri-color-dark: #3C3C3C;position:fixed;overflow-x:hidden;top:0;left:0;width:100dvw;height:100dvh;padding:0;margin:0;color:var(--sec-color);background-color:var(--main-color);transition:color .5s ease,background-color .5s ease}.dark-mode{--main-color: var(--main-color-dark);--sec-color: var(--sec-color-dark);--tri-color: var(--tri-color-dark)}h1,h2,p{margin:0;padding:0}.content{position:relative;display:flex;flex-direction:column;min-height:100dvh;overflow:auto;z-index:1;background-color:var(--main-color);transition:color .5s ease,background-color .5s ease}.outer-frame{position:fixed;display:flex;height:100dvh;width:100dvw;justify-content:center;align-items:center;pointer-events:none;border:solid 30px var(--tri-color);z-index:200}.inner-frame{position:fixed;border:10px solid var(--sec-color);width:calc(100dvw - 40px);height:calc(100dvh - 40px);z-index:100}.fake-break{height:70px;width:100%}h1{font-size:7rem;color:var(--sec-color);font-family:Lemon,serif}h2{margin-top:10px;margin-bottom:30px;font-size:1.5rem}p{font-size:1.1rem;font-weight:600}.next-page{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:var(--sec-color);color:var(--tri-color);border-radius:50%;z-index:100;font-family:Lemon,serif;font-size:1.5rem;cursor:pointer;transition:none}.png-animation{display:none;position:fixed;top:100%;left:50%;transform:translate(-50%);width:1800px;height:100dvh;z-index:1000;opacity:1}.animating{animation:slideUp 2s}@keyframes slideUp{0%{top:100%;opacity:1}to{top:-200%;opacity:1}}.landing-body{position:relative;display:flex;flex-direction:column;min-height:96dvh;justify-content:center;align-items:center;z-index:1}.landing-logo{margin-top:-100px;height:200px}.loading-logo{position:relative;display:flex;justify-content:center;align-items:center;height:200px;width:200px}.logo4{position:relative;margin-top:20px;font-family:Inter,sans-serif;font-size:1.5rem;text-align:center;line-height:1.5rem;pointer-events:auto}.landing-enter{color:var(--tri-color);position:relative;display:flex;justify-content:center;align-items:center;height:35px;min-width:85px;border-radius:20px;background:linear-gradient(90deg,var(--sec-color) 50%,var(--tri-color)50%);background-size:200% 100%;background-position:left bottom;transition:all .5s ease;cursor:pointer;pointer-events:all;margin-top:50px}.landing-enter p{margin:0;padding:0;font-size:1.2rem;font-weight:700}.landing-enter:hover{color:var(--sec-color);background-position:right bottom;box-shadow:10px 10px 20px #00000059}.license{position:absolute;bottom:0;left:0;width:100%;height:50px;background-color:var(--main-color);display:flex;flex-direction:row;justify-content:center;align-items:center;border-top:5px solid var(--sec-color)}.dot-flashing{position:relative;margin-top:50px;width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#000}50%,to{background-color:#0003}}.progress-bar{position:fixed;bottom:0%;left:50%;transform:translate(-50%,-100%);height:20px;background-color:var(--sec-color);z-index:100;transition:smooth .5s}.navbar{position:absolute;top:0;left:0;width:100%;height:70px;background-color:var(--main-color);display:flex;pointer-events:visible;padding:0;margin:0;transition:color .5s ease,background-color .5s ease}.nav1{position:relative;width:100%;height:100%;max-width:200px;border-bottom:10px solid var(--sec-color);border-right:10px solid var(--sec-color);display:flex;justify-content:center;align-items:center;cursor:pointer}#logo-blue{position:relative;height:80%;margin:0 -10px 0 10px}#logo2{position:relative;height:60%;margin:2px auto 0}.nav2{position:relative;height:100%;width:100%;border-bottom:4px solid var(--sec-color);display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0}.nav2-dot{width:100%;display:flex;justify-content:center;align-items:center;background-color:none;border-bottom:10px solid var(--sec-color)}.nav3{display:flex;position:relative;justify-content:center;align-items:center;height:100%;width:100%;max-width:80px;background-color:var(--main-color);border-bottom:10px solid var(--sec-color);border-left:10px solid var(--sec-color);z-index:100}.nav3-menu{position:absolute;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;top:70px;right:0;width:100%;height:20dvh;max-width:80px;background-color:var(--tri-color);border-left:10px solid var(--sec-color);border-bottom:10px solid var(--sec-color);z-index:0}.nav3-menu img{cursor:pointer}.menu-returning{animation:slideUp 1.5s}.menu-animating{animation:slideDown .5s}@keyframes slideDown{0%{top:0%}to{top:100%}}#menu:hover{transform:scale(1.2);transition:transform .3s ease-in-out;cursor:pointer}.nav2 div{font-size:1.1rem;margin-right:60px;font-weight:600}#nav2-contact{position:relative;right:9px;box-sizing:content-box}.active{position:relative;color:var(--tri-color);transition:color .1s ease .1s;z-index:100;pointer-events:none;cursor:pointer}.nav-button{position:relative;margin-right:0;height:35px;min-width:85px;background-color:#000;border-radius:20px;background:linear-gradient(90deg,var(--sec-color) 50%,var(--tri-color)50%);background-size:200% 100%;background-position:left bottom;transition:all .5s ease}.nav-button:hover{color:var(--sec-color);background-position:right bottom;box-shadow:10px 10px 20px #00000059}.nav-button:hover~.active{color:var(--sec-color)}.nav-button-move{transition:left .5s ease-out}.inactive{cursor:pointer}.inactive:hover{transform:scale(1.2);transition:transform .3s ease-in-out}.active-dot,.inactive-dot{content:"";display:inline-block;height:10px;width:10px;border-radius:50%;cursor:pointer;margin:5%;border:solid 1px var(--sec-color)}.active-dot{background-color:var(--sec-color)}.inactive-dot{background-color:var(--main-color)}.content-section1{position:static;height:100%}.hello{position:absolute;display:flex;flex-direction:column;top:16dvh;left:15dvw;max-width:30dvw;min-width:270px;text-align:left}.hello h2{margin:10px 0 30px}.hello-icons-row{display:flex;column-gap:20px}.hello-icon img{height:30px;margin-right:10px;cursor:pointer}.float{position:absolute;display:flex;flex-direction:column;top:45%;right:12%;height:300px;width:300px;margin:0;padding:0;z-index:-1}.float h1{font-size:3rem;font-family:Lemon,serif;margin:0;padding:0;line-height:1}.quotes{position:absolute;bottom:6%;left:50%;transform:translate(-50%,-50%);max-width:30%;min-width:600px;font-size:1.5rem;text-align:center;font-weight:800}.canvas1{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;display:flex;justify-content:center;align-items:center}#page2-logo{position:relative;top:-150px;left:180px;margin:0;padding:0}#page2-loader{position:relative;top:-120px;left:180px;margin:0;padding:0}.content-section2{display:flex;position:static;height:100dvh;justify-content:center;align-items:center}.content-section2-inner{display:flex;position:relative;justify-content:center;align-items:center;height:70%;margin:13% 5% 10%}.content-section2-right{height:100%;width:100%;border:5px solid var(--sec-color)}.content-section2-left{display:flex;position:relative;flex-direction:column;height:100%;padding:5% 5% 0 2%;max-width:40%;z-index:100}.exp0{display:flex;flex-direction:column;margin:auto 0 20%;width:100%;gap:10px}.exp1,.exp2{display:flex;color:var(--tri-color);height:35px;border-radius:15px;align-items:center;white-space:nowrap;cursor:pointer;padding:0 15px;background:linear-gradient(90deg,var(--sec-color) 50%,var(--tri-color) 50%);background-size:200% 100%;background-position:left bottom;transition:all .5s ease}.exp1:hover,.exp2:hover{color:var(--sec-color);background-position:right bottom;box-shadow:10px 10px 10px #00000059}.exp1 :nth-child(2),.exp2 :nth-child(2){margin:0 auto}.content-section3{position:relative;display:flex;flex-direction:column;height:100dvh}.content-section3-inner{display:flex;position:relative;flex-direction:column;width:100%;height:100%;padding:150px 5% 5%;background-color:none;pointer-events:none}.modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.modal-container{position:relative;top:53%;left:50%;transform:translate(-50%,-50%);width:70%;height:75%;background-color:var(--tri-color);border-radius:20px;pointer-events:none;z-index:1}.modal-close{position:absolute;display:flex;justify-content:center;align-items:center;top:-25px;right:-25px;width:50px;height:50px;color:var(--tri-color);background-color:var(--sec-color);border-radius:50%;font-size:1.5rem;cursor:pointer;font-family:Lemon,serif;pointer-events:all;z-index:1}.modal-content{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:all;width:90%;height:90%;background-color:var(--tri-color);border-radius:20px;overflow:auto;padding:20px;cursor:default;overflow-x:hidden;z-index:1}.modal-content p{position:relative;margin-top:10px}.modal-images{position:relative;display:flex;margin:40px auto;max-height:400px;width:100%;object-fit:contain;cursor:default}.modal-end{position:relative;bottom:0;left:50%;transform:translate(-50%);width:50%;height:5px;margin:75px 0 50px;background-color:var(--sec-color)}.marquee{display:flex;position:relative;overflow:hidden;min-height:70px;border:4px solid var(--sec-color);align-items:center;white-space:nowrap}.marquee p{font-size:1.5rem}.grid-demo{display:grid;position:relative;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:20px;margin-top:40px}.grid-items{display:flex;color:var(--tri-color);position:relative;height:180px;min-width:100px;justify-content:center;align-items:center;background:linear-gradient(90deg,var(--sec-color) 50%,var(--tri-color) 50%);background-size:200% 100%;background-position:left bottom;border-radius:15px;text-align:center;font-size:1.7rem;font-weight:600;cursor:pointer;transition:all .4s ease;pointer-events:all}.grid-items:hover{color:var(--sec-color);background-position:right bottom;box-shadow:10px 10px 20px #00000059}.waves-container{position:relative;bottom:0;left:0;height:30dvh;width:100%;z-index:-1;overflow:hidden}.waves1{position:absolute;bottom:0;height:10dvh}.waves2{position:absolute;bottom:0;height:15dvh}.waves3{position:absolute;bottom:0;height:20dvh}.content-section4{position:relative;display:flex;min-height:500dvh;justify-content:center;overflow:hidden;background:linear-gradient(to bottom,#00008b,#add8e6 80%)}.canvas-wrap{min-width:100%;min-height:100%;z-index:1;opacity:.01;background-color:#fff}.paper-canvas{position:absolute;top:0;left:0;width:100%;height:50%;z-index:0;pointer-events:none}.section4-scroll-text{display:flex;position:absolute;top:300px;left:50%;transform:translate(-50%);width:100%;height:100px;justify-content:center}.ref1,.ref2,.ref3{position:absolute;width:18%;min-width:300px;background-color:#fff;height:400px;border-radius:15px;align-items:center;outline:5px solid black;transition:all .3s ease;cursor:pointer;color:#000;z-index:100}.ref1:hover,.ref2:hover,.ref3:hover{box-shadow:10px 10px 20px #0000004d}.ref-items{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100%;width:100%}.ref-items img{height:30%;margin:15% 0 20px;border-radius:50%;outline:3px solid black}.ref-items h2,h3{margin:0}.ref-items h3{opacity:.6;font-size:1rem}.ref-items p{margin:calc(10% + 10px) 20px auto 20px;text-align:center}.ref1{top:100dvh;right:-56dvw}.ref2{top:200dvh;left:-55dvw}.ref3{top:300dvh;right:-56dvw}.ref-arrow{position:absolute;top:10px;right:10px;width:20px}.footer-canvas{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100dvh;background:linear-gradient(to bottom,#add8e6 5%,#fff 95%);z-index:0}.footer-thankyou{position:absolute;top:30%;left:50%;transform:translate(-50%,50%);max-width:400px;height:80px;background-color:var(--main-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;border:5px solid var(--sec-color);border-radius:15px}.footer-thankyou h2,h3{margin:0;font-size:2rem}.footer{position:absolute;bottom:0;left:0;width:100%;height:100px;background-color:var(--main-color);display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:auto;border-top:5px solid var(--sec-color);padding-bottom:25px;z-index:100}.footer-email{position:relative}@media (max-width: 700px){.navbar{height:50px}.nav1{max-width:150px}.nav2{display:none}.nav3{max-width:50px}.nav3-menu{top:50px;max-width:50px;height:15dvh}.hello{top:15dvh;background-color:var(--main-color);opacity:.8}h1{font-size:5rem}h2,p{font-size:1.1rem}.float{top:52%;right:12%;height:300px;width:300px}.float h1{font-size:1.5rem;line-height:1;text-align:right}.quotes{max-width:70%;min-width:300px}.quotes p{font-size:.9rem}.content-section2-inner{height:70%;margin:5% 5% 0}.content-section2-left{max-width:80%;padding:0}.pbackground{background-color:var(--main-color);opacity:.8;font-size:.92rem}.exp0{margin:auto 0 0%}.exp1 p,.exp2 p{font-size:.9rem}.content-section2-right{position:absolute;height:130%;width:180%;top:50%;left:50%;transform:translate(-70%,-50%);border:none}.modal-content p{font-size:.9rem}.content-section3-inner{padding:100px 5% 5%}.grid-demo{grid-template-columns:1fr 1fr;grid-gap:5px;padding:0 5%;margin-top:20px}.grid-items{height:70px;font-size:1.2rem;border-radius:5px}#mongo-items{min-width:50px}.waves-container{bottom:10px}.waves1,.waves2{height:10dvh}.waves3{height:12dvh}.ref1,.ref2,.ref3{max-height:500px;min-width:240px}#ref-items-fix p{margin:auto 20px}.section4-scroll-text h1{font-size:3rem}.footer-thankyou{top:25%;max-width:300px}.footer-thankyou h2,h3{margin:0;font-size:1.5rem}#page2-logo,#page2-loader{display:none}}@media (min-width: 700px) and (max-width: 1200px){.hello{top:20dvh}h1{font-size:5rem}h2,p{font-size:1.1rem}.grid-items{height:120px;font-size:1.2rem}.nav2-dot{display:none}.content-section2-left p{font-size:.9rem}.float{top:45%;right:5%;height:300px;width:300px}.float h1{font-size:2rem;line-height:1}.exp0{margin:auto 0 0%}#page2-logo,#page2-loader{display:none}}@media (min-width: 1200px){.nav2-dot{display:none}}::-webkit-scrollbar{width:20px;background-color:var(--tri-color)}::-webkit-scrollbar-track{margin-top:20px;margin-bottom:20px}::-webkit-scrollbar-thumb{background:var(--sec-color)}::-webkit-scrollbar-thumb:hover{background:#555}::-moz-selection{color:var(--main-color);background:#000}::selection{color:var(--main-color);background:#000}.canvas-demo{position:fixed;top:0;left:0;width:100dvw;height:100dvh;z-index:-1;display:flex;justify-content:center;align-items:center;background-color:#fff;-webkit-user-select:none;user-select:none}.pointer1{display:static;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#000;z-index:100;border-radius:50%;-webkit-user-select:none;user-select:none}.pointer2{display:static;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#000;z-index:100;border-radius:50%;-webkit-user-select:none;user-select:none}.control-logo{position:fixed;top:20px;left:20px;width:190px;height:60px;padding-right:5px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:20px;z-index:5000;box-shadow:5px 5px 10px #00000059;cursor:pointer;-webkit-user-select:none;user-select:none}.control-pad{position:fixed;bottom:0;right:0;width:80px;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5000;-webkit-user-select:none;user-select:none}.control-up,.control-down{position:relative;width:40px;height:40px;background-color:#fff;border-radius:50%;margin:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-family:lemon;box-shadow:5px 5px 10px #00000059;-webkit-user-select:none;user-select:none}.control-up img,.control-down img{-webkit-user-select:none;user-select:none;pointer-events:none}.model-label{position:relative;height:40px;width:40px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;z-index:0;-webkit-user-select:none;user-select:none;border-radius:50%;font-family:lemon;font-size:1.5rem}.model-button{position:fixed;bottom:5%;left:50%;transform:translate(-50%);height:50px;width:140px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;z-index:100;border-radius:40px;font-family:lemon;font-size:1.5rem;cursor:pointer}