@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";body,input,button,a{all:unset}html{min-height:100%}body{font-family:DM Mono,monospace;font-weight:400;font-style:normal;background:#111;color:#fff;font-size:14px;line-height:1.1}a,button{cursor:pointer;-webkit-user-select:none;user-select:none}.app{position:relative;--accent-color: 223 255 82;--green-color: 208 162 255}.header-section{position:relative;height:700px;overflow:hidden;background:#100f14}.header-section .background-wrap{width:1800px;height:940px;margin:0 auto}.text{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);padding:0 20px}.accent{color:rgb(var(--accent-color));text-shadow:0 0 16px rgb(var(--accent-color) / .5)}.big-text{font-weight:900;font-size:66px;font-family:DM Sans,sans-serif;margin-bottom:40px;margin-top:10px;letter-spacing:1px}.big-text .accent{font-style:italic}.small-text{font-size:18px;font-weight:100;text-transform:uppercase;letter-spacing:1px;line-height:1.8;color:#fff;margin-bottom:60px}.small-text .svg-asterisk{fill:rgb(var(--green-color));margin:0 6px -1px -1px;display:inline-block}.small-text .disclaimer-text{font-size:14px;margin-top:8px;font-style:italic;color:rgb(var(--green-color));font-weight:400}.go-button{color:#000;font-size:18px;font-weight:900;display:inline-flex;height:54px;align-items:center;text-transform:uppercase;background:rgb(var(--accent-color));transition:all .1s ease-out;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.go-button:after{content:"";position:absolute;inset:-4px;border:2px solid rgb(var(--accent-color));transition:all .1s ease-out}.go-button .go-button-content{position:relative;overflow:hidden;display:flex;align-items:center;padding:0 24px}.go-button .button-text{margin-right:40px;transition:all .1s ease-out}.go-button .go-arrow{height:3px;background:#000;width:24px;position:absolute;transition:all .1s ease-out}.go-button .go-arrow:after,.go-button .go-arrow:before{content:"";position:absolute;height:3px;width:13px;right:-5px;background:#000}.go-button .go-arrow:before{transform:rotate(45deg);top:-4px}.go-button .go-arrow:after{transform:rotate(-45deg);top:4px}.go-button .go-arrow.before{left:-30px}.go-button .go-arrow.after{right:26px}.go-button:hover:after{border-width:5px}.go-button:hover .button-text{margin-right:0;margin-left:40px}.go-button:hover .go-arrow.before{left:16px}.go-button:hover .go-arrow.after{right:-30px}.go-button:active{transform:scale(.95)}.nav-bar{position:fixed;top:0;left:0;right:0;height:64px;background:#0f0f0f;display:flex;align-items:center;padding:0 40px;justify-content:space-between}.logo{transition:all .1s ease-out}.logo svg{width:120px}.logo svg path{transition:all .1s ease-out}.logo:hover svg path{fill:rgb(var(--green-color))}.logo:active{opacity:.8}.nav-links{text-transform:uppercase;display:flex;gap:32px;letter-spacing:1px}.nav-links a{transition:all .1s ease-out}.nav-links a:hover{color:rgb(var(--green-color))}.nav-links a:active{opacity:.8}.footer-section{padding:120px 0;background:#0f0f0f}.micrographics{text-align:center}.micrographics .canvas-wrap{display:inline-block;margin:0 auto}.copyright{margin-top:80px;text-align:center;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:1px}.copyright .copyright-content{display:inline-flex;align-items:center}.section-header-text{font-family:DM Sans,sans-serif;font-size:40px;font-weight:600;margin-bottom:20px;letter-spacing:1px}.section-description-text{font-size:18px;line-height:1.6;font-weight:100}.dot-section{background-color:#111;background-image:repeating-radial-gradient(#333,#111,#111);background-size:3px 3px}.creative-section{margin:0 auto;width:1200px;padding:80px 0;display:flex;align-items:center;gap:60px}.creative-section .cards-container{height:0;width:720px;padding-top:40%;border:1px solid rgb(255 255 255 / .2);position:relative;overflow:hidden;flex:none;background:#0000004d}.ide-section{padding:120px 0;text-align:center;margin:0 auto}.ide-section .section-description-text{max-width:600px;margin:0 auto}.ide-section .product-shots{display:flex;align-items:center;justify-content:space-between;width:1200px;margin:60px auto 0}.ide-section .product-shots .shot{border:1px solid rgb(255 255 255 / .5);position:relative;background:#111}.ide-section .product-shots .shot:before{content:"";position:absolute;top:20px;left:-20px;width:100%;height:100%;border:1px dashed rgb(255 255 255 / .2);z-index:-1;transition:all .2s ease-out}.ide-section .product-shots .shot-title{border-bottom:1px solid rgba(255,255,255,.5);display:block;padding:0 16px;line-height:48px;text-transform:uppercase;font-size:12px;font-weight:400;height:48px;text-align:left;color:rgb(var(--green-color))}.ide-section .product-shots .image{width:328px;background-position:top left;background-size:cover;background-repeat:no-repeat;margin:16px;display:block}.ide-section .product-shots .image-placeholder{width:328px;margin:16px;text-align:center;line-height:256px;background:#0d0d0d}@media (max-width: 1300px){.creative-section{width:1000px}.creative-section .cards-container{width:500px}.creative-section .cards-container .card-swap-container{transform:scale(.75);top:-140px;left:210px}.ide-section{width:80vw;flex-direction:column;text-align:center}.ide-section .product-shots{width:70vw;flex-direction:column}}@media (max-width: 1060px){.creative-section{width:80vw;flex-direction:column;text-align:center}.creative-section .cards-container{width:100%;padding-top:0;height:380px}.creative-section .cards-container .card-swap-container{width:100%;height:500px;transform:scale(.85);top:-100px;left:40%}}@media (max-width: 780px){.big-text{font-size:40px}.small-text{font-size:15px}.small-text .disclaimer-text{font-size:13px;margin-top:4px}.nav-bar{padding:0 20px}.section-header-text{font-size:30px;letter-spacing:0}.section-description-text{font-size:15px}.creative-section .cards-container .card-swap-container{top:-80px;left:60%}}@media (max-width: 500px){.creative-section .cards-container .card-swap-container{top:-80px;left:75%}.ide-section .product-shots .image,.ide-section .product-shots .image-placeholder{width:300px}}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:380px;left:-160px;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;overflow:hidden}.card .card-title{border-bottom:1px solid rgba(255,255,255,.5);display:block;padding:0 16px;line-height:40px;text-transform:uppercase;font-size:12px;font-weight:100;height:40px}.card .card-video{position:absolute;inset:40px 0 0;background-size:cover;background-position:center center}@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%)}}