:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:white;color:#ffffffde;background-color:#fff;--color-white: #ffffff;--color-black: #000000;--color-orange: #ff6b00;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}body{margin:0;display:flex;place-items:center;min-width:320px;flex-direction:column;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff}body{margin:0;overflow-x:hidden}#root{min-height:100vh;margin:0 auto;text-align:center}.app-root{min-height:100vh;background:#0c0c0c;position:relative;top:9rem}.centered-logo-container{position:absolute;top:-13.5rem;left:1.7rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.logo-reveal-wrapper{overflow:hidden;width:100%;height:100%}.centered-logo-img{max-width:100vw;max-height:100vh;width:40rem;height:40rem;display:block;object-fit:contain;animation:logo-reveal 1.2s cubic-bezier(.77,0,.175,1) forwards;transform:translate(-100%);opacity:0;will-change:transform,opacity}.arrow-text{position:absolute;top:8rem;right:3vw;font-size:1.2rem;color:#222;padding:.1em 1em;border-radius:1em;z-index:20;font-weight:700;pointer-events:none;opacity:0;transform:translate(100vw);animation:arrow-text-in 1.2s cubic-bezier(.77,0,.175,1) forwards;will-change:transform,opacity}@keyframes arrow-text-in{0%{opacity:0;transform:translate(100vw)}60%{opacity:1}to{opacity:1;transform:translate(0)}}.arrow-img{position:absolute;top:0rem;right:10vw;width:8vw;max-width:300px;min-width:120px;height:auto;display:block;object-fit:contain;transform:scaleX(-1);opacity:0;animation:arrow-reveal 1.2s cubic-bezier(.77,0,.175,1) forwards;will-change:transform,opacity}@keyframes arrow-reveal{0%{opacity:0;transform:scaleX(-1)}60%{opacity:1}to{opacity:1;transform:scaleX(-1)}}@keyframes logo-reveal{0%{transform:translate(-100%);opacity:0}60%{opacity:1}to{transform:translate(0);opacity:1}}.cyber-button{position:absolute;left:4rem;top:14rem;z-index:2;transform:translate(-100%);opacity:0;background:var(--color-black);border:none;border-radius:0;cursor:pointer;overflow:hidden;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:4px;color:var(--color-orange);text-transform:uppercase;box-shadow:0 0 15px var(--color-orange),inset 0 0 15px var(--color-orange);text-shadow:0 0 5px var(--color-orange);animation:slide-in 1.5s ease-out forwards;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}@keyframes slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.cyber-button:hover{transform:translate(0) scale(1.2);box-shadow:0 0 25px var(--color-orange),inset 0 0 25px var(--color-orange)}.cyber-button:active{transform:translate(0) scale(.95)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:1;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-effect 3s infinite;color:#b18f69;left:2px}.glitch:after{animation:glitch-effect 2s infinite;color:var(--color-gray);left:-2px}@keyframes glitch-effect{0%{transform:none;opacity:.8}7%{transform:translate(-1px,-2px);opacity:.6}10%{transform:translate(1px,2px);opacity:.8}20%{transform:none;opacity:.8}27%{transform:translate(1px,2px);opacity:.6}30%{transform:translate(-1px,-2px);opacity:.8}35%{transform:none;opacity:.8}to{transform:none;opacity:.8}}.cyberpunk-border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--color-orange);clip-path:polygon(0 0,100% 0,100% 70%,85% 100%,0 100%)}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(128,128,128,.1) 10px,rgba(128,128,128,.1) 20px)}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(128,128,128,.2) 50%);background-size:100% 4px;animation:scan .5s linear infinite}@keyframes scan{0%{background-position:0 -1000px}to{background-position:0 1000px}}.cyber-button:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 25px var(--color-orange),inset 0 0 25px var(--color-orange)}.cyber-button:active{transform:translate(-50%) scale(.95)}.orange-bg{position:absolute;left:0;top:calc(40vh + 9rem);width:120vw;height:60vh;background:var(--color-orange);z-index:1;pointer-events:none;transform:rotate(-3deg);margin-left:-10vw}.orange-bg2{position:absolute;left:0;top:calc(1143vh + 9rem);width:120vw;height:40vh;background:var(--color-orange);z-index:0;pointer-events:none;transform:rotate(-2deg);margin-left:-10vw;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg)}.scroll-section{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-size:3rem}.read-the-docs{color:#888}.custom-images{position:relative;width:100vw;height:100vh;z-index:0}.custom-img{position:absolute;width:200px;height:auto}.img1{bottom:2150px;right:100px;width:30rem}.img2{bottom:1200px;right:1200px;width:50rem}.img3{bottom:1000px;right:50px;width:50rem}.img4{bottom:-200px;right:0;width:100vw}.model-lines-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;transition:opacity .3s ease}.model-line{position:absolute;height:3px;background:#000}.model-line:after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;background:#000;border-radius:50%;transform:translate(50%,-50%)}.line-text{position:absolute;font-size:1.8rem;color:#000;transition:opacity .2s ease;pointer-events:none;white-space:normal;line-height:1.2;display:block;background-color:#d7d7d7d9;border-radius:1em;padding:.7em .8em;box-shadow:0 4px 24px #0000002e,0 1.5px 6px #0000001a;text-shadow:0 2px 8px rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.18)}.scroll-text-section{position:fixed;left:80%;top:30%;transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .3s ease;text-align:left;width:35vw}.scroll-text-title{font-size:3rem;margin-bottom:1.5rem;color:#000;font-weight:700}.scroll-text-content{font-size:1.2rem;line-height:1.6;color:#222}.bottom-section{position:absolute;bottom:22vh;left:75vw;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15rem;width:100%;z-index:10;pointer-events:auto}.bottom-logo{position:absolute;bottom:52vh;left:5vw;width:45vw;height:auto;animation:logo-pulse 3s ease-in-out infinite;pointer-events:none;z-index:0;-webkit-animation:logo-pulse 3s ease-in-out infinite}@keyframes logo-pulse{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.demo-gif{position:absolute;bottom:35vh;left:55vw;width:40vw;height:auto;animation:gif-pulse 3s ease-in-out infinite;pointer-events:none;z-index:0;-webkit-animation:gif-pulse 3s ease-in-out infinite}@keyframes gif-pulse{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}50%{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.demo-button{position:relative;font-size:1.5rem;background:#ffffffb3;border:2px solid black;border-radius:2rem;color:#000;padding:2em;cursor:pointer;transform:translate(0);opacity:1;z-index:10;pointer-events:auto;transition:transform .2s cubic-bezier(.77,0,.175,1),background .2s cubic-bezier(.77,0,.175,1),border-color .2s cubic-bezier(.77,0,.175,1);box-shadow:0 16px 32px #00000047,0 4px 12px #0000002e}.demo-button:hover{border-color:var(--color-orange);transform:scale(1.07)}ScrollModelAnimation{z-index:1;pointer-events:none}.softwarelogos-img{transform:none}@media screen and (max-width: 968px){.centered-logo-container{top:-9rem;padding:20px;left:0}.centered-logo-img{width:28rem;height:28rem}.arrow-img,.arrow-text{display:none}.bottom-logo{width:80vw;left:10vw;bottom:75vh}.demo-gif{width:70vw;left:15vw}.demo-button{font-size:1.2rem;padding:1.5em}.bottom-section{left:50vw;bottom:15vh}.scroll-text-section{width:80vw;left:50%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.scroll-text-title{font-size:2rem}.scroll-text-content{font-size:1rem}.orange-bg{height:40vh;top:30rem}.orange-bg2{height:50vh}.cyber-button{top:12rem;width:16rem;height:3.5rem;font-size:1.1rem;transform:translate(-50%) scale(.8)}.cyber-button:hover{transform:translate(-50%) scale(.9);box-shadow:0 0 25px var(--color-orange),inset 0 0 25px var(--color-orange)}.cyber-button:active{transform:translate(-50%) scale(.95)}div[style*="position: absolute"][style*="left: 1"]{left:-10%!important;top:25vh!important;width:120vw!important;height:80vh!important;transform:scale(.8)}canvas{width:100%!important;height:100%!important}}@media screen and (max-width: 500px){.centered-logo-container{left:calc(50% - 13rem);top:-6rem;margin-top:-30px}.centered-logo-img{width:22rem;height:22rem}.arrow-img,.arrow-text{display:none}.bottom-logo{width:80vw;left:10vw;bottom:80vh}.demo-gif{width:80vw;left:10vw;bottom:45vh}.demo-button{font-size:1.2rem;padding:1.5em}.bottom-section{left:50vw;bottom:15vh}.scroll-text-section{width:80vw;left:50%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.scroll-text-title{font-size:2rem}.scroll-text-content{font-size:1rem}.line-text{font-size:1.2rem;padding:.5em .6em}.orange-bg{height:40vh;top:24rem}.orange-bg2{height:50vh}.cyber-button{top:9.5rem;left:calc(50% - 9rem);width:16rem;height:3.5rem;font-size:1.1rem;transform:translate(-50%) scale(.8);-webkit-transform:translateX(-50%) scale(.8);-moz-transform:translateX(-50%) scale(.8);-ms-transform:translateX(-50%) scale(.8);-o-transform:translateX(-50%) scale(.8);box-shadow:0 0 15px var(--color-orange),inset 0 0 15px var(--color-orange);text-shadow:0 0 5px var(--color-orange);animation:slide-in 1.5s ease-out forwards}@keyframes slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.cyber-button:hover{transform:translate(0) scale(1.2);box-shadow:0 0 25px var(--color-orange),inset 0 0 25px var(--color-orange)}.cyber-button:active{transform:translate(0) scale(.95)}div[style*="position: absolute"][style*="left: 125"]{left:-35%!important;top:10vh!important;width:160vw!important;height:90vh!important;transform:scale(.6)}canvas{width:100%!important;height:100%!important}}.outer-btn{position:relative;cursor:pointer;width:240px;height:80px;background-size:240px 80px;background-position:0px 0px;background:linear-gradient(to bottom,#a9a9a9,#d3d3d3,#d3d3d3,#eee);display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.outer-btn:after{content:"";position:absolute;top:65%;left:100%;width:10px;height:50px;background-color:#fefcfc;filter:blur(3px);transform:rotate(-45deg) translate(-50%) translateY(-50%);z-index:1}.outer-btn:before{content:"";position:absolute;top:65%;left:0%;width:10px;height:50px;background-color:#fefcfc;filter:blur(3px);transform:rotate(45deg) translate(-50%) translateY(-50%);z-index:1}.outer-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 4px #4ade80}.inner-btn{width:220px;height:60px;background:linear-gradient(to bottom,#fff,#d3d3d3 10%,#d3d3d3 85%,#a9a9a9);border-radius:8px;border:2px solid white;margin-top:-10px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 2px #fff0,inset -1px -1px 2px #0000;transition:box-shadow .1s ease;z-index:9}.outer-btn:hover .inner-btn{box-shadow:inset 2px 2px 4px #fffc,inset -2px -2px 4px #0000004d}.btn-text{font-size:20px;font-weight:700;color:#333;margin-right:8px}.btn-icon{font-size:24px;color:#333}.outer-btn:active .inner-btn{margin-top:0}._backdrop_1ivzh_2{position:absolute;top:0;left:0;width:100vw;height:100%;background-color:#000000e6;z-index:2}.overlay{color:#fff;top:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);padding:.5rem;overflow:hidden}.overlay h3{font-size:1rem;margin:0;text-align:center;font-weight:700;text-transform:uppercase}.overlay p{font-size:.875rem;text-align:center}.lanyard-wrapper{position:relative;z-index:1;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transform:scale(1);transform-origin:center}@media screen and (max-width: 500px){.lanyard-wrapper{margin-top:-40px;margin-bottom:-180px;height:80vh}canvas{transform:translateY(-50px)}}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(-20%,20%);transform-origin:bottom right;perspective:800px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}@media (max-width: 768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width: 480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.pricing-page{display:flex;justify-content:space-evenly;align-items:center;align-content:center;height:70vh;width:100%}.container{right:100px;position:relative;width:750px;height:480px;transition:.2s;cursor:pointer}.container:active{width:700px;height:437.5px;cursor:grabbing}.card-image{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);max-width:90%;max-height:70%;-webkit-user-select:none;user-select:none;z-index:0}#card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;border-radius:20px;transition:.7s;cursor:pointer;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 20px #0000004d,inset 0 0 20px #0003}.card-content{position:relative;width:100%;height:100%;cursor:inherit}.title1{opacity:1;transition:.3s ease-in-out;position:absolute;font-size:40px;font-weight:800;letter-spacing:4px;text-align:center;width:100%;padding-top:20px;background:linear-gradient(45deg,#f80,#c04d00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,0,0,.3))}.subtitle1{position:absolute;bottom:40px;width:100%;text-align:center;font-size:100px;letter-spacing:2px;transform:translateY(30px);color:#fff9}.highlight{color:#f60;margin-left:5px;background:linear-gradient(90deg,#f80,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glowing-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glow-1{top:-20px;left:-20px}.glow-2{top:50%;right:-30px;transform:translateY(-50%)}.glow-3{bottom:-20px;left:30%}.card-particles span{position:absolute;width:3px;height:3px;background:#ff5e00;border-radius:50%;opacity:0;transition:opacity .3s ease}.tracker:hover~#card{opacity:1;transform:translateY(-10px)}.tracker:hover~#card .glowing-elements div{opacity:1}.tracker:hover~#card .card-particles span{animation:particleFloat 2s infinite}@keyframes particleFloat{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(calc(var(--x, 0) * 30px),calc(var(--y, 0) * 30px));opacity:0}}.card-particles span:nth-child(1){--x: 1;--y: -1;top:40%;left:20%}.card-particles span:nth-child(2){--x: -1;--y: -1;top:60%;right:20%}.card-particles span:nth-child(3){--x: .5;--y: 1;top:20%;left:40%}.card-particles span:nth-child(4){--x: -.5;--y: 1;top:80%;right:40%}.card-particles span:nth-child(5){--x: 1;--y: .5;top:30%;left:60%}.card-particles span:nth-child(6){--x: -1;--y: .5;top:70%;right:60%}#card:before{content:"";background:radial-gradient(circle at center,rgba(255,145,0,.1) 0%,rgba(255,136,0,.05) 50%,transparent 100%);filter:blur(20px);opacity:0;width:150%;height:150%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.tracker:hover~#card:before{opacity:1}.tracker{position:absolute;z-index:200;width:100%;height:100%}.tracker:hover{cursor:pointer}.tracker:hover~#card #prompt{opacity:0}.tracker:hover~#card{transition:.3s;filter:brightness(1.1)}.container:hover #card:before{transition:.2s;content:"";opacity:80%}.canvas{perspective:800px;top:0;right:0;bottom:0;left:0;z-index:10;position:absolute;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;gap:0px 0px;grid-template-areas:"tr-1 tr-2 tr-3 tr-4 tr-5" "tr-6 tr-7 tr-8 tr-9 tr-10" "tr-11 tr-12 tr-13 tr-14 tr-15" "tr-16 tr-17 tr-18 tr-19 tr-20" "tr-21 tr-22 tr-23 tr-24 tr-25"}.tr-1{grid-area:tr-1}.tr-2{grid-area:tr-2}.tr-3{grid-area:tr-3}.tr-4{grid-area:tr-4}.tr-5{grid-area:tr-5}.tr-6{grid-area:tr-6}.tr-7{grid-area:tr-7}.tr-8{grid-area:tr-8}.tr-9{grid-area:tr-9}.tr-10{grid-area:tr-10}.tr-11{grid-area:tr-11}.tr-12{grid-area:tr-12}.tr-13{grid-area:tr-13}.tr-14{grid-area:tr-14}.tr-15{grid-area:tr-15}.tr-16{grid-area:tr-16}.tr-17{grid-area:tr-17}.tr-18{grid-area:tr-18}.tr-19{grid-area:tr-19}.tr-20{grid-area:tr-20}.tr-21{grid-area:tr-21}.tr-22{grid-area:tr-22}.tr-23{grid-area:tr-23}.tr-24{grid-area:tr-24}.tr-25{grid-area:tr-25}.tr-1:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(-10deg) rotate(0)}.tr-2:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(-5deg) rotate(0)}.tr-3:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(0) rotate(0)}.tr-4:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(5deg) rotate(0)}.tr-5:hover~#card{transition:125ms ease-in-out;transform:rotateX(20deg) rotateY(10deg) rotate(0)}.tr-6:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(-10deg) rotate(0)}.tr-7:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(-5deg) rotate(0)}.tr-8:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(0) rotate(0)}.tr-9:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(5deg) rotate(0)}.tr-10:hover~#card{transition:125ms ease-in-out;transform:rotateX(10deg) rotateY(10deg) rotate(0)}.tr-11:hover~#card{transition:125ms ease-in-out;transform:rotateX(0) rotateY(-10deg) rotate(0)}.tr-12:hover~#card{transition:125ms ease-in-out;transform:rotateX(0) rotateY(-5deg) rotate(0)}.tr-13:hover~#card{transition:125ms ease-in-out;transform:rotateX(0) rotateY(0) rotate(0)}.tr-14:hover~#card{transition:125ms ease-in-out;transform:rotateX(0) rotateY(5deg) rotate(0)}.tr-15:hover~#card{transition:125ms ease-in-out;transform:rotateX(0) rotateY(10deg) rotate(0)}.tr-16:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(-10deg) rotate(0)}.tr-17:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(-5deg) rotate(0)}.tr-18:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(0) rotate(0)}.tr-19:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(5deg) rotate(0)}.tr-20:hover~#card{transition:125ms ease-in-out;transform:rotateX(-10deg) rotateY(10deg) rotate(0)}.tr-21:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(-10deg) rotate(0)}.tr-22:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(-5deg) rotate(0)}.tr-23:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(0) rotate(0)}.tr-24:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(5deg) rotate(0)}.tr-25:hover~#card{transition:125ms ease-in-out;transform:rotateX(-20deg) rotateY(10deg) rotate(0)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#fff0,#ffffff0d 45%,#ffffff1a,#ffffff0d 55%,#fff0);opacity:0;transition:opacity .3s}.cyber-lines span{position:absolute;background:linear-gradient(90deg,transparent,rgba(92,103,255,.2),transparent)}.cyber-lines span:nth-child(1){top:20%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear infinite}.cyber-lines span:nth-child(2){top:40%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear infinite 1s}.cyber-lines span:nth-child(3){top:60%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear infinite 2s}.cyber-lines span:nth-child(4){top:80%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear infinite 1.5s}.corner-elements span{position:absolute;width:15px;height:15px;border:2px solid rgba(92,103,255,.3)}.corner-elements span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.corner-elements span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.corner-elements span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.corner-elements span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.scan-line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(92,103,255,.1),transparent);transform:translateY(-100%);animation:scanMove 2s linear infinite}@keyframes lineGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#card:hover .card-glare{opacity:1}.corner-elements span{transition:all .3s ease}#card:hover .corner-elements span{border-color:#5c67ffcc;box-shadow:0 0 10px #5c67ff80}.container2{background-color:#faebcd;display:flex;width:300px;height:75px;position:relative;border-radius:5px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 2px 6px #0000001a;cursor:pointer}.container2:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000026}.container2:hover .left-side{width:100%;border-radius:5px}.left-side{background:linear-gradient(45deg,#ffb347,#ff6801);width:85px;height:75px;border-radius:4px 0 0 4px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:width .3s ease-in-out;flex-shrink:0;overflow:hidden}.right-side{width:calc(100% - 85px);display:flex;align-items:center;overflow:hidden;cursor:pointer;justify-content:space-between;white-space:nowrap;position:relative;transition:background-color .3s ease-in-out}.right-side:hover{background-color:#faebcd}.right-side:before{content:"";position:absolute;width:0;height:0;background:#ffffff4d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:width .4s ease-out,height .4s ease-out}.right-side:hover:before{width:200px;height:200px;opacity:0}.arrow{width:14px;height:14px;color:#000;margin-right:12px;transition:transform .3s ease-in-out}.right-side:hover .arrow{transform:translate(5px)}.new{font-size:15px;font-family:Inter,sans-serif;margin-left:auto;margin-right:auto;color:#000;transition:color .3s ease-in-out}.right-side:hover .new{color:#000}.card-swipe{width:48px;height:30px;background-color:#80deea;border-radius:4px;position:absolute;display:flex;z-index:10;flex-direction:column;align-items:center;box-shadow:5px 5px 5px -2px #26a69a66}.card-line{width:42px;height:8px;background-color:#b2ebf2;border-radius:1px;margin-top:4px}@media only screen and (max-width: 480px){.container2{transform:scale(.6)}.container2:hover{transform:scale(.63)}.new{font-size:13px}}.buttons{width:5px;height:5px;background-color:#00796b;box-shadow:0 -6px #004d40,0 6px #26a69a;border-radius:50%;transform:rotate(90deg);margin:6px 0 0 -18px}.container2:hover .card-swipe{animation:slide-top .9s cubic-bezier(.68,-.55,.265,1.55) both}.container2:hover .post{animation:slide-post .7s cubic-bezier(.23,1,.32,1) both}@keyframes slide-top{0%{transform:translateY(0)}50%{transform:translateY(-45px) rotate(90deg)}60%{transform:translateY(-45px) rotate(90deg)}to{transform:translateY(-5px) rotate(90deg)}}.post{width:42px;height:50px;background-color:#f5f5f5;position:absolute;z-index:11;bottom:6px;top:75px;border-radius:4px;overflow:hidden}.post-line{width:32px;height:5px;background-color:#555;position:absolute;border-radius:0 0 2px 2px;right:5px;top:5px}.post-line:before{content:"";position:absolute;width:32px;height:5px;background-color:#777;top:-5px;left:0}.screen{width:32px;height:15px;background-color:#fff;position:absolute;top:14px;right:5px;border-radius:2px}.numbers{width:7px;height:7px;background-color:#888;box-shadow:0 -11px #888,0 11px #888;border-radius:1px;position:absolute;transform:rotate(90deg);left:17px;top:34px}.numbers-line2{width:7px;height:7px;background-color:#aaa;box-shadow:0 -11px #aaa,0 11px #aaa;border-radius:1px;position:absolute;transform:rotate(90deg);left:17px;top:45px}@keyframes slide-post{50%{transform:translateY(0)}to{transform:translateY(-45px)}}.icon{position:absolute;font-size:11px;font-family:Inter,sans-serif;width:100%;left:0;top:0;color:green;text-align:center;animation:bounce 2s infinite}.container2:hover .icon{animation:fade-in-fwd .3s .7s backwards,bounce 2s infinite}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media screen and (max-width: 500px){.pricing-page{flex-direction:column;gap:2rem;height:auto;padding:2rem 0;width:100vw}.container{right:0;position:relative;width:80vw;max-width:310px;height:380px;margin:0 auto;transform:scale(.9);cursor:pointer}.container:active{width:120vw;max-width:350px;height:380px;cursor:grabbing}.title1{font-size:24px;padding-top:15px}.subtitle1{font-size:60px;bottom:20px}.card-image{max-width:70%;max-height:60%}.container2{margin:0 auto;transform:scale(.8)}.container2:hover{transform:scale(.93)}}@media screen and (max-width: 968px){.pricing-page{flex-direction:column;gap:2rem;height:auto;padding:2rem 0;width:100vw}.container{right:0;position:relative;width:80vw;max-width:610px;height:380px;margin:0 auto;transform:scale(.9);cursor:pointer}.container:active{width:120vw;max-width:350px;height:380px;cursor:grabbing}.title1{font-size:24px;padding-top:15px}.subtitle1{font-size:60px;bottom:20px}.card-image{max-width:70%;max-height:60%}.container2{margin:0 auto;transform:scale(.8)}.container2:hover{transform:scale(.93)}}.multi-layer-video{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}.video-layers-container{position:relative;width:100%;height:100%}.video-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transition:opacity .1s ease-out}.layer-debug-info{position:absolute;top:10px;left:10px;background-color:#000c;color:#fff;padding:10px;border-radius:5px;font-family:Courier New,monospace;font-size:12px;z-index:100;pointer-events:none}.layer-info{margin-bottom:5px}.layer-info:last-child{margin-bottom:0}.multi-layer-video.hide-debug .layer-debug-info{display:none}.video-layer.effect-mirror{transform:scaleX(-1)}.video-layer.effect-zoom{transition:transform .3s ease-out}.video-layer.effect-warp{perspective:1000px}@media (max-width: 768px){.layer-debug-info{font-size:10px;padding:8px}}.vj-keyboard-controls{position:absolute;top:6px;right:20px;width:350px;background:#000000e6;border:2px solid #333;border-radius:10px;padding:15px;font-family:Courier New,monospace;font-size:12px;color:#fff;z-index:2;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px var(--color-orange)}.control-section{margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:10px}.control-section:last-child{border-bottom:none;margin-bottom:0}.control-section h3{color:var(--color-orange);margin:0 0 8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.key-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px;align-items:center}.key{background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#fff;min-width:20px;text-align:center;box-shadow:0 2px 4px #0000004d;text-transform:uppercase}.desc{color:#ccc;font-size:10px;margin-left:5px}.status-display{margin-top:15px;border-top:2px solid #444;padding-top:10px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.status-item{display:flex;justify-content:space-between;padding:3px 6px;background:#32323280;border-radius:3px;font-size:9px;transition:all .2s ease}.status-item.active{background:#ff00804d;border:1px solid #ff0080;box-shadow:0 0 8px #ff008033}.effect-name{color:#fff;font-weight:700;text-transform:capitalize}.effect-value{color:#aaa;font-size:8px}.status-item.active .effect-value{color:#ff0080;font-weight:700}.key:hover{background:linear-gradient(145deg,#444,#333);border-color:#ff0080;transform:translateY(-1px);box-shadow:0 3px 6px #ff008033}.vj-keyboard-controls::-webkit-scrollbar{width:6px}.vj-keyboard-controls::-webkit-scrollbar-track{background:#222;border-radius:3px}.vj-keyboard-controls::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.vj-keyboard-controls::-webkit-scrollbar-thumb:hover{background:#ff0080}@media (max-width: 768px){.vj-keyboard-controls{position:fixed;top:auto;bottom:20px;right:20px;left:20px;width:auto;max-height:40vh}.key-row{justify-content:center}.status-grid{grid-template-columns:1fr}}.vj-game{position:fixed;top:0;right:0;width:400px;height:100vh;background:#000000eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;font-family:Courier New,monospace;color:#fff;overflow-y:auto;padding:15px;box-sizing:border-box;border-left:3px solid #ff0080;box-shadow:-10px 0 30px #000000b3}.game-header{display:flex;flex-direction:column;gap:8px;background:linear-gradient(45deg,#ff0080,#8000ff);padding:12px 15px;border-radius:8px;margin-bottom:15px;box-shadow:0 0 15px #ff008066}.game-title{font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:2px;text-align:center}.game-header-row{display:flex;justify-content:space-between;align-items:center}.game-level{font-size:14px;background:#0000004d;padding:4px 10px;border-radius:15px;border:1px solid #fff}.game-score{font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.level-info{background:#141414cc;border:1px solid #333;border-radius:6px;padding:12px;margin-bottom:15px}.level-title{color:#ff0080;font-size:16px;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(255,0,128,.6)}.level-description{font-size:12px;color:#ccc;margin:6px 0;line-height:1.3}.level-instructions{font-size:11px;color:#00ff80;margin:8px 0 0;padding:8px;background:#00ff8014;border-radius:4px;border-left:3px solid #00ff80;line-height:1.3}.game-status{display:flex;flex-direction:column;gap:8px;background:#282828cc;padding:10px;border-radius:6px;margin-bottom:15px;border:1px solid #555}.status-row{display:flex;justify-content:space-between;align-items:center}.time-remaining{font-size:14px;font-weight:700;color:#ff0}.actions-remaining{font-size:12px;color:#0cf;font-weight:700}.progress-bar{height:12px;background:#6464644d;border-radius:6px;overflow:hidden;border:1px solid #666}.progress-fill{height:100%;background:linear-gradient(90deg,#00ff80,#0cf);transition:width .3s ease;border-radius:6px}.beat-indicator{position:absolute;top:50%;left:15px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:2100}.beat-pulse{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#ff0080,#8000ff);border:2px solid #fff;transition:transform .1s ease;box-shadow:0 0 15px #ff0080b3}.beat-pulse.on-beat{background:radial-gradient(circle,#00ff80,#0cf);box-shadow:0 0 20px #00ff80}.beat-text{margin-top:6px;font-size:8px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.game-feedback{position:fixed;top:30%;left:50%;transform:translate(-50%);font-size:36px;font-weight:700;text-align:center;z-index:2200;animation:feedbackPulse 1.5s ease-out forwards;text-shadow:3px 3px 6px rgba(0,0,0,.8);pointer-events:none}.game-feedback.nice,.game-feedback.good,.game-feedback.perfect,.game-feedback.awesome,.game-feedback.levelstarted,.game-feedback.levelcomplete{color:#00ff80;text-shadow:0 0 20px rgba(0,255,128,.9)}.game-feedback.wrong,.game-feedback.timesuptryagain{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.9)}.game-feedback.youareatruevj{background:linear-gradient(45deg,#ff0080,#00ff80,#0cf,#ff0);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowText 2s ease-in-out infinite,feedbackPulse 3s ease-out forwards}@keyframes feedbackPulse{0%{transform:translate(-50%) scale(.5);opacity:0}20%{transform:translate(-50%) scale(1.2);opacity:1}80%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(.8);opacity:0}}@keyframes rainbowText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.level-controls{display:flex;flex-direction:column;gap:8px;margin:15px 0}.start-button,.skip-button{padding:8px 15px;font-size:12px;font-weight:700;font-family:Courier New,monospace;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button{background:linear-gradient(145deg,#00ff80,#0cf);color:#000;box-shadow:0 3px 10px #00ff804d}.start-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00ff8080}.start-button:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:none}.skip-button{background:linear-gradient(145deg,#666,#444);color:#fff;border:1px solid #888}.skip-button:hover{background:linear-gradient(145deg,#888,#666);transform:translateY(-1px)}.progress-overview{background:#141414cc;border:1px solid #333;border-radius:6px;padding:12px;margin-top:15px}.progress-overview h3{color:#ff0080;text-align:center;margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.level-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:100%}.level-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6464644d;border:1px solid #666;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.level-item:hover{background:#96969680;border-color:#fff;transform:scale(1.05)}.level-item.non-clickable{cursor:default;pointer-events:none}.level-item.non-clickable:hover{background:#6464644d;border-color:#666;transform:none}.level-item.completed{background:linear-gradient(145deg,#00ff80,#0cf);color:#000;border-color:#00ff80}.level-item.current{background:linear-gradient(145deg,#ff0080,#8000ff);color:#fff;border-color:#ff0080;animation:currentLevelPulse 2s ease-in-out infinite}.level-item.completed.non-clickable,.level-item.current.non-clickable{cursor:default;pointer-events:none}@keyframes currentLevelPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ff008080}50%{transform:scale(1.1);box-shadow:0 0 15px #ff0080cc}}.current-action-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000e6;border:2px solid #00ff80;border-radius:8px;padding:10px 20px;color:#00ff80;font-family:Courier New,monospace;font-size:14px;font-weight:700;text-align:center;z-index:2100;animation:hintPulse 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){.vj-game{width:100vw;height:auto;top:auto;bottom:0;right:0;border-left:none;border-top:3px solid #ff0080;max-height:50vh}.game-header{padding:8px 10px}.game-title{font-size:14px;letter-spacing:1px}.beat-indicator{position:fixed;top:20px;left:20px;transform:none}.game-feedback{font-size:24px;top:40%}.level-grid{grid-template-columns:repeat(7,1fr);gap:4px}.level-item{width:28px;height:28px;font-size:10px}.current-action-hint{bottom:60vh;font-size:12px;padding:8px 15px}}.game-mode-toggle{position:absolute;top:130px;left:20px;z-index:1000;pointer-events:auto;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #555;border-radius:12px;padding:15px 20px;color:#fff;font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;text-align:center}.game-mode-toggle:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#ff0080;transform:translateY(-2px);box-shadow:0 6px 20px #ff00804d}.game-mode-toggle.active{background:linear-gradient(145deg,#ff0080,#8000ff);border-color:#fff;box-shadow:0 0 25px #ff008099;animation:gameModePulse 2s ease-in-out infinite}.game-mode-toggle.active:hover{background:linear-gradient(145deg,#f49,#93f);transform:translateY(-1px)}@keyframes gameModePulse{0%,to{box-shadow:0 0 25px #ff008099}50%{box-shadow:0 0 35px #ff0080e6}}.toggle-icon{position:relative;width:24px;height:20px;display:flex;align-items:center;justify-content:center}.controller-body{width:18px;height:12px;background:#fff;border-radius:6px;position:relative}.controller-button{position:absolute;width:3px;height:3px;background:#333;border-radius:50%}.controller-button.btn1{top:2px;right:3px}.controller-button.btn2{top:6px;right:3px}.controller-dpad{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:6px;height:2px;background:#333}.controller-dpad:before{content:"";position:absolute;left:2px;top:-2px;width:2px;height:6px;background:#333}.icon-line{position:absolute;width:16px;height:2px;background:#fff;border-radius:1px}.icon-line.line1{transform:rotate(45deg)}.icon-line.line2{transform:rotate(-45deg)}.toggle-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1}.toggle-subtitle{font-size:8px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-top:-3px}.game-mode-toggle.active .toggle-subtitle{display:none}@media (max-width: 768px){.game-mode-toggle{top:10px;left:10px;padding:12px 16px;min-width:100px}.toggle-text{font-size:10px}.toggle-subtitle{font-size:7px}.toggle-icon{width:20px;height:16px}.controller-body{width:14px;height:10px}}.AppContainer{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#2e2e2e}.UIBackground{position:absolute;top:0;left:0;width:100%;height:75%;z-index:1}.UIBackground .vj-container{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}.UIBackground .vj-container .container{width:100%;height:100%;max-width:none;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.UIBackground .vj-container .video-container{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;border-radius:0;background-color:#000}.UIBackground .vj-container h1,.UIBackground .vj-container .controls{display:none}.ModelOverlay{position:absolute;bottom:-20%;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:10;pointer-events:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.UIBackground *{pointer-events:none}.UIBackground .interactive-element{pointer-events:auto}.keyboard-toggle-btn{position:absolute;top:4%;right:20px;transform:translateY(-50%);padding:12px 8px;background-color:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px 0 0 8px;cursor:pointer;font-size:18px;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:60px}.keyboard-toggle-btn.active{right:380px}.keyboard-toggle-btn:hover{background-color:#000000e6;border-color:#ffffff80}.keyboard-controls-container{position:absolute;top:0;right:-100%;width:400px;height:100%;transition:right .3s ease;z-index:9;overflow:hidden}.keyboard-controls-container.visible{right:0}.mobile-message{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#fff;color:#000;font-size:1.5rem;text-align:center;padding:20px;box-sizing:border-box}.header{width:100vw;background:#fff;padding-bottom:1rem;padding-top:1rem;border-bottom:#888 .125rem solid;display:flex;align-items:center;z-index:20}.header-nav{display:flex;align-items:center;gap:2rem}.header-logo-link{display:flex;align-items:center}.header-logo{display:inline-block;position:absolute;left:50%;transform:translate(-50%);width:auto;height:auto;z-index:10}.header-logo img{width:100%;height:auto;object-fit:contain}.header-pages{position:absolute;right:0}.page{color:#000;padding-right:1.5rem;font-size:1.5rem;font-weight:600;letter-spacing:.05em;transition:opacity .3s,color .3s,font-size .3s}.page:hover{color:var(--color-orange);font-size:1.7rem}.title{color:#000;font-size:2.2rem;font-weight:700;letter-spacing:.05em;text-align:left;margin-left:1rem;line-height:1.1}.subtitle{color:#000;font-size:1.8rem;font-weight:400;letter-spacing:.05em;text-align:left;margin-left:1rem;line-height:1.1}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:21;position:absolute;right:20px}.hamburger-line{width:100%;height:3px;background-color:#000;transition:all .3s ease}@media screen and (max-width: 968px){.header{padding:.5rem}.header-logo{width:7vw;max-width:10vw;height:auto}.title{font-size:1.6rem;margin-left:.5rem}.subtitle{font-size:1.2rem;margin-left:.5rem}.page{font-size:1.2rem;padding-right:1rem}.page:hover{font-size:1.3rem}.header-nav{gap:1rem}.hamburger-menu{position:fixed;display:flex}.header-pages{position:fixed;top:0;right:-100%;height:100vh;width:200px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:80px 15px;transition:right .3s ease;box-shadow:-2px 0 5px #0000001a}.header-pages.open{right:0}.hamburger-menu .hamburger-line.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-menu .hamburger-line.open:nth-child(2){opacity:0}.hamburger-menu .hamburger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.page{margin:15px 0;font-size:1.4rem}}@media screen and (max-width: 500px){.header{padding:.3rem}.header-logo{width:9vw}.title{font-size:1.2rem;margin-left:.3rem}.subtitle{font-size:1rem;margin-left:.3rem}.page{font-size:1rem;padding-right:.7rem}.page:hover{font-size:1.1rem}.header-nav{gap:.5rem}.header-pages{width:140px;padding:60px 12px}.page{font-size:1.2rem}}.footer{width:100vw;background:#fff;border-top:#888 .125rem solid;padding:2rem 0;display:flex;flex-direction:column;align-items:center;z-index:10}.footer-text{color:#000;margin:0 0 1rem;font-size:1rem;font-weight:600;letter-spacing:.05em;text-align:center}.footer-icons{display:flex;justify-content:center}.footer-icons a{color:#fff;padding-right:1.5rem;margin:0;font-size:1.5rem;transition:opacity .3s}.footer-icons a:last-child{padding-right:0}.footer-icons a:hover{opacity:.5}.footer-credits{color:#666;font-size:.9rem;text-align:center;line-height:1.5;margin-top:2rem}.footer-credits a{color:#666;text-decoration:none;font-weight:700;transition:color .3s}.footer-credits a:hover{color:#000}