:root{--xl: 1512px;--lg: 1280px;--md: 1024px;--sm: 768px;--xs: 584px;--font-slab: "NeueMachina", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-xxxl: 6.25rem;--font-xxl: 5.125rem;--font-xl: 4.375rem;--font-lg: 2.25rem;--font-md: 1.625rem;--font-sd: 1rem;--font-smd: .9rem;--font-sm: .8rem;--font-xs: .6rem}@media only screen and (max-width: 768px){:root{--font-xl: 2.667rem}}:root{--cols: 8;--gap: 1.5625rem;--pad: 3.75rem}@media only screen and (max-width: 768px){:root{--pad: 1.333rem}}:root{--header-height: calc(60px + 2.5rem) ;--max-width: 2500px}@media only screen and (max-width: 768px){:root{--header-height: calc(30px + 2.5rem) }}:root{--white: #ffffff;--black: #090909;--grey-light: #ececec;--grey: #535353;--grey-dark: #424242;--foreground: var(--white);--background: var(--black);--ease-out: cubic-bezier(0, 1, 1, 1);--ease-out-expo: cubic-bezier(0, 1, 0, 1);--ease-in: cubic-bezier(1, 0, 1, 1);--ease-in-expo: cubic-bezier(1, 0, 1, 0);--ease-in-out: cubic-bezier(.785, .135, .15, .86);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1)}@font-face{font-family:NeueMachina;font-style:normal;font-weight:400;font-display:swap;src:url(/public/dist/assets/NeueMachina-Regular-rSH5ZPcQ.otf) format("opentype")}@font-face{font-family:NeueMachina;font-style:normal;font-weight:300;font-display:swap;src:url(/public/dist/assets/NeueMachina-Light-EpXVF5nA.otf) format("opentype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/public/dist/assets/Inter-Regular-2I8oMEJp.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/public/dist/assets/IBMPlexMono-Light-uRXTRRW-.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/public/dist/assets/IBMPlexMono-Regular-Qr8HzeZa.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/public/dist/assets/IBMPlexMono-Medium-zQW3EIrb.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/public/dist/assets/IBMPlexMono-Bold-2G3pxpXK.ttf) format("truetype")}@keyframes nav-mobile{0%{opacity:0;transform:translate3d(-10vw,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes nav-submenu{0%{opacity:0;transform:translate3d(-1vw,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes terminal{0%{color:transparent;background:transparent}50%{background:var(--foreground);color:transparent}to{color:var(--foreground);background:transparent}}@keyframes terminal-pre{0%{opacity:.1;background:transparent}50%{opacity:1;background:var(--foreground);color:transparent}to{opacity:1;color:var(--foreground);background:transparent}}@keyframes hero-line-right{0%{width:50%;right:0;opacity:0}1%{width:50%;right:0;opacity:1}80%{width:0;right:-2%}to{width:0;right:-2%;opacity:1}}@keyframes hero-line-left{0%{width:50%;left:0;opacity:0}0%{width:50%;left:0;opacity:1}80%{width:0;left:-2%}to{width:0;left:-2%;opacity:1}}@keyframes hero-line-arrow-right{0%{transform:translate3d(-100%,0,0)}30%{transform:translateZ(0)}to{transform:translateZ(0)}}@keyframes hero-line-arrow-left{0%{transform:translate3d(100%,0,0)}30%{transform:translateZ(0)}to{transform:translateZ(0)}}@keyframes hero-arrow{0%{opacity:.1;background:transparent}to{opacity:1;color:var(--foreground);background:transparent}}@keyframes hero-coins{0%{transform:scale3d(1.1,1.1,1) translateZ(0)}to{transform:scaleZ(1) translateZ(0);pointer-events:initial}}@keyframes hero-logo{0%{opacity:0;transform:scale3d(1.3,1.3,1) translateZ(0)}to{opacity:1;transform:scaleZ(1) translateZ(0)}}@keyframes yield-code{0%{-webkit-mask-position:0vw 0%;mask-position:0vw 0%}50%{-webkit-mask-position:-300vw 0%;mask-position:-300vw 0%}to{-webkit-mask-position:0vw 0%;mask-position:0vw 0%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}@keyframes product-code{0%{transform:translateZ(0)}90%{transform:translate3d(0,-50%,0)}to{transform:translateZ(0)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:none;-moz-appearance:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:initial;min-height:100%;height:auto;overflow-x:hidden}body{color:var(--foreground);background:var(--background)}.has-intro body{height:100vh;overflow:hidden}p{margin-block-end:1em}p:last-child{margin-block-end:0}a{display:inline-block;color:var(--foreground);text-underline-offset:.4em}main{position:relative}main:focus{outline:none}figure img{width:100%;height:auto}section,footer{display:flex;padding:var(--header-height) var(--pad);justify-content:center;color:var(--foreground)}@media only screen and (max-width: 768px){section,footer{padding:var(--header-height) var(--pad) var(--pad);grid-column:span 8}}section .c,footer .c{width:100%;max-width:var(--max-width)}.inverted{--foreground: var(--black);--background: var(--white)}.sticky{position:sticky;top:var(--header-height)}html{font-size:16px;font-weight:400;font-family:var(--font-slab)}@media only screen and (min-width: 2300px){html{font-size:22px}}@media only screen and (max-width: 1280px){html{font-size:14px}}@media only screen and (max-width: 1024px){html{font-size:12px}}@media only screen and (max-width: 584px){html{font-size:15px}}body{font-size:1rem;line-height:1.4;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:var(--font-slab);line-height:1;margin-bottom:.5em;letter-spacing:-.04em}h1,h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}h4{font-size:var(--font-md)}.app{padding:var(--header-height) var(--pad) var(--pad)}.app .c{position:relative;display:flex;flex-direction:column}.app .c .title .maintitle{font-size:3.875rem;margin:0}.app .c .columns{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);flex:1;height:100%}.app .c .columns .bg{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 95%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#0000,#000 5%,#0000,#000 95%,#0000)}.app .c .columns .bg .scroller{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.app .c .columns .bg .scroller .scroller-item{transform:translateZ(0);will-change:transform;animation:marquee-vertical 10s cubic-bezier(.785,.135,.15,.86) infinite}.app .c .columns .bg .scroller .scroller-item p{padding-right:.25em;white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--font-sm);opacity:.2}.app .c .columns .title{position:relative;grid-column:span 3;display:flex;flex-direction:column;justify-content:center;padding:25vh 0}@media only screen and (max-width: 768px){.app .c .columns .title{grid-column:span 8;padding:0;margin:1.875rem 0 3.75rem}}.app .c .columns .title h1{margin:0 0 var(--gap) 0}.app .c .columns .title p{width:66.666666%}@media only screen and (max-width: 768px){.app .c .columns .title p{width:80%}}.app .c .columns .screens{position:relative;display:flex;flex-direction:column;justify-content:center;grid-column:span 5;padding:15vh 0}@media only screen and (max-width: 768px){.app .c .columns .screens{padding:0;grid-column:span 8}}.app .c .columns .screens .composition{position:relative}.app .c .columns .screens .composition .laptop{position:relative;width:100%;height:auto;line-height:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 80%,#0000)}.app .c .columns .screens .composition .laptop img{width:100%;height:auto}.app .c .columns .screens .composition .laptop .video{position:absolute;width:81%;height:100%;top:0;left:9.5%}.app .c .columns .screens .composition .laptop .video video{width:100%;height:100%}.app .c .columns .screens .composition .phone{position:absolute;width:25%;height:auto;bottom:0;left:0;line-height:0;transform:translate(-20%,10%)}@media only screen and (max-width: 768px){.app .c .columns .screens .composition .phone{position:relative;width:55vw;margin:-15% auto 0;transform:translate(0)}}.app .c .columns .screens .composition .phone .video{overflow:hidden;border-radius:2rem;position:absolute;width:98%;height:98%;top:1%;left:1%}@media only screen and (max-width: 768px){.app .c .columns .screens .composition .phone .video{border-radius:10vw}}.app .c .columns .screens .composition .phone .video video{width:100%;height:100%}.app .c .columns .screens .composition .phone img{width:100%;height:auto}.app .c .markets{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--gap) 0;gap:var(--gap)}@media only screen and (max-width: 768px){.app .c .markets{justify-content:flex-start;overflow:hidden;width:calc(100% + var(--pad))}}.bridge{height:100vh;max-height:1000px}@media only screen and (max-width: 768px){.bridge{height:auto;max-height:none}}.bridge .c{position:relative;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.bridge .c .title .maintitle{margin:0}}.bridge .c .columns{position:relative;display:flex;flex:1;height:100%}@media only screen and (max-width: 768px){.bridge .c .columns{flex-direction:column}}.bridge .c .columns .title{position:relative;flex:2;display:flex;flex-direction:column;justify-content:space-between;height:100%}@media only screen and (max-width: 768px){.bridge .c .columns .title{padding:0;margin:1.875rem 0 3.75rem}}.bridge .c .columns .title .bull{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;display:none}@media only screen and (max-width: 768px){.bridge .c .columns .title .bull{display:inline-block}}.bridge .c .columns .title .bull img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.bridge .c .columns .title h1{position:relative;margin:0;font-size:3.875rem}@media only screen and (max-width: 768px){.bridge .c .columns .title h1{margin-bottom:3.875rem;font-size:var(--font-xl)}}.bridge .c .columns .title .number{position:relative;font-size:var(--font-xxxl);margin-bottom:0}.bridge .c .columns .title p{position:relative;width:66.666666%}.bridge .c .columns .screens{position:relative;height:100%;flex:3}.bridge .c .columns .screens .composition{position:relative;display:flex;width:100%;height:100%}.bridge .c .columns .screens .composition .bull{position:absolute;width:100%;height:100%;top:0;left:0}@media only screen and (max-width: 768px){.bridge .c .columns .screens .composition .bull{display:none}}.bridge .c .columns .screens .composition .bull .video{position:absolute;width:100%;height:100%;top:0;left:0}.bridge .c .columns .screens .composition .bull img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.bridge .c .columns .screens .composition .phone{display:inline-block;position:absolute;overflow:hidden;width:100%;height:100%;top:0;line-height:0}@media only screen and (max-width: 768px){.bridge .c .columns .screens .composition .phone{position:relative;height:auto;top:0}}.bridge .c .columns .screens .composition .phone .video{position:absolute;width:100%;height:98%;top:1%;left:0}@media only screen and (max-width: 768px){.bridge .c .columns .screens .composition .phone .video{width:98%;left:1%;transform:translateZ(0)}}.bridge .c .columns .screens .composition .phone .video video{position:absolute;height:100%;left:30%;transform:translate(-50%);border-radius:5vh;overflow:hidden}@media only screen and (max-width: 1024px){.bridge .c .columns .screens .composition .phone .video video{left:40%}}@media only screen and (max-width: 768px){.bridge .c .columns .screens .composition .phone .video video{border-radius:20vw;width:100%;left:0;transform:translateZ(0)}}.bridge .c .columns .screens .composition .phone img{position:absolute;width:auto;height:100%;top:0;left:30%;transform:translate3d(-50%,0,0)}@media only screen and (max-width: 1024px){.bridge .c .columns .screens .composition .phone img{left:40%}}@media only screen and (max-width: 768px){.bridge .c .columns .screens .composition .phone img{position:relative;width:100%;height:auto;left:0;transform:translateZ(0)}}.bridge .c .markets{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:var(--gap) 0;gap:var(--gap)}.hero{display:flex;flex-direction:column;justify-content:center;height:100vh;padding-top:var(--header-height);opacity:0;transition:opacity 1s var(--ease-in-out)}.hero section{padding:0 var(--pad)}.hero .text .c{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);padding:1.875rem 0}.hero .text .c h1{margin:0;grid-column:span 8}@media only screen and (max-width: 768px){.hero .text .c h1{text-align:center}}.hero .text .c p{margin-top:1rem;grid-column:span 4}@media only screen and (max-width: 768px){.hero .text .c p{font-size:var(--font-sd);text-align:center;grid-column:span 8}}.hero .counter .c{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-bottom:1.875rem;border-top:1px solid var(--grey-dark);border-bottom:1px solid var(--grey-dark)}@media only screen and (max-width: 768px){.hero .counter .c{flex-direction:column;align-items:stretch;border:none}}.hero .counter .c>*{flex:1;display:flex;align-items:center}.hero .counter .c .users{flex:1;text-align:left}.hero .counter .c .digits{flex:2;justify-content:center}@media only screen and (max-width: 768px){.hero .counter .c .digits{padding:1rem 0;margin:.5rem 0;border-top:1px solid var(--grey-dark);border-bottom:1px solid var(--grey-dark)}}@media only screen and (max-height: 768px) and (orientation: landscape){.hero .counter .c .digits{flex:1}}.hero .counter .c .digits canvas{width:100%!important;height:auto!important}.hero .counter .c .mania{flex:1;justify-content:flex-end}.hero .counter .c .mania a{position:relative;padding:.1rem 0;border-bottom:1px solid transparent;text-decoration:none}.hero .counter .c .mania a .arrow{position:relative;height:.625rem;width:auto;margin-left:.25em}.hero .counter .c .mania a:hover{text-decoration:none;border-bottom:1px solid var(--foreground)}.hero .counter .c .mania a:hover .arrow{animation:arrow .5s infinite}.hero .animation{position:relative;display:flex;align-items:center;justify-content:center;flex:.5;font-family:var(--font-mono)}.hero .animation .coins{position:absolute;width:100%;height:100%;z-index:1}@media only screen and (max-width: 768px){.hero .animation .coins{width:120%}}@media only screen and (max-width: 584px){.hero .animation .coins{width:150%}}.hero .animation .coins .coin{--distance: 1;position:absolute;width:12vw;height:17.5vw;top:50%;color:transparent;transform:translate3d(-50%,-50%,0);z-index:var(--distance)}@media only screen and (max-width: 768px){.hero .animation .coins .coin{width:24vw;height:35vw}}@media only screen and (max-height: 768px) and (orientation: landscape){.hero .animation .coins .coin{width:25vh;height:25vh}}@media only screen and (min-height: 1280px){.hero .animation .coins .coin{width:12vh;height:20vh}}.hero .animation .coins .coin .image{display:flex;align-items:center;justify-content:center;width:17.5vw;height:17.5vw;transform:translate3d(-2.75vw,0,0);transition:transform 1s var(--ease-out);border-radius:100%}@media only screen and (max-width: 768px){.hero .animation .coins .coin .image{width:35vw;height:35vw;transform:translate3d(-5.5vw,0,0)}}@media only screen and (max-height: 768px) and (orientation: landscape){.hero .animation .coins .coin .image{width:25vh;height:25vh;transform:translateZ(0)}}@media only screen and (min-height: 1280px){.hero .animation .coins .coin .image{width:20vh;height:20vh}}.hero .animation .coins .coin .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s var(--ease-out)}.hero .animation .coins .coin.coin--left{left:40%}.hero .animation .coins .coin.coin--left .image{background:transparent;border:1px dashed #686868}.hero .animation .coins .coin.coin--right{left:60%}.hero .animation .coins .coin.coin--right .image{background:#1a1a1a;border:1px solid #282828}.hero .animation .coins .coin:hover{z-index:10}.hero .animation .coins .coin:hover .image{transform:translate3d(-2.75vw,-10%,0);border-color:var(--foreground)}@media only screen and (max-width: 768px){.hero .animation .coins .coin:hover .image{transform:translate3d(-5.5vw,-10%,0)}}@media only screen and (max-height: 768px) and (orientation: landscape){.hero .animation .coins .coin:hover .image{transform:translate3d(0,-10%,0)}}.hero .animation .coins .coin:hover .image img{opacity:1}.hero .animation .lines{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.hero .animation .lines .line{position:absolute;width:50%;height:100%;overflow:hidden;opacity:0}.hero .animation .lines .line .arrow{position:absolute;width:100%;height:1px;top:50%;background:var(--white)}.hero .animation .lines .line .arrow:before{content:"";position:absolute;width:13px;height:13px;border-radius:100%;transform:translateY(-50%);background:var(--white)}.hero .animation .lines .line.line--left{left:0}.hero .animation .lines .line.line--left .arrow{transform:translate3d(100%,0,0)}.hero .animation .lines .line.line--left .arrow:before{left:0}.hero .animation .lines .line.line--right{right:0}.hero .animation .lines .line.line--right .arrow{right:0;transform:translate3d(-100%,0,0)}.hero .animation .lines .line.line--right .arrow:before{right:0}.hero .animation .logo{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0;z-index:3}.hero .animation .logo .coin{position:absolute;width:0;height:0;top:50%;left:50%;z-index:10}.hero .animation .logo .coin .image{display:flex;align-items:center;justify-content:center;width:17.5vw;height:17.5vw;transform:translate(-50%,-50%);border-radius:100%;box-shadow:0 0 3.125rem #fff9;background:var(--background);overflow:hidden}@media only screen and (max-width: 768px){.hero .animation .logo .coin .image{width:35vw;height:35vw}}@media only screen and (max-height: 768px) and (orientation: landscape){.hero .animation .logo .coin .image{width:25vh;height:25vh}}@media only screen and (min-height: 1280px){.hero .animation .logo .coin .image{width:20vh;height:20vh}}.hero .animation .logo .coin .image video,.hero .animation .logo .coin .image img{width:100%;height:auto}.hero.inview{opacity:1}@media only screen and (min-height: 1280px){.hero.inview .animation{width:100%;max-width:var(--max-width);margin:0 auto}}.hero.inview .animation .coins{pointer-events:none;animation:hero-coins 2s;animation-fill-mode:both;animation-timing-function:var(--ease--out);animation-delay:1.5s}.hero.inview .animation .lines .line.line--left{animation:hero-line-left 4s linear;animation-fill-mode:both;animation-timing-function:var(--ease-in-out);animation-delay:2s}.hero.inview .animation .lines .line.line--left .arrow{animation:hero-line-arrow-left 4s;animation-fill-mode:none;animation-timing-function:var(--ease-in-out);animation-delay:2s}.hero.inview .animation .lines .line.line--right{animation:hero-line-right 4s linear;animation-fill-mode:both;animation-timing-function:var(--ease-in-out);animation-delay:2s}.hero.inview .animation .lines .line.line--right .arrow{animation:hero-line-arrow-right 4s;animation-fill-mode:none;animation-timing-function:var(--ease-in-out);animation-delay:2s}.hero.inview .animation .logo{animation:hero-logo 1.5s;animation-fill-mode:both;animation-timing-function:var(--ease-in-out-expo);animation-delay:1s}.layers .roadmap{position:relative}.layers .roadmap .line{position:absolute;top:0;left:0;width:100%;height:100%}.layers .roadmap .line svg{overflow:visible;width:200px;height:200px;width:100%;height:100%}.layers .roadmap .line svg path{stroke-width:3;fill:none}@media only screen and (max-width: 768px){.layers .roadmap .line svg path{stroke-width:2}}.layers .roadmap .line svg path.path{stroke:var(--foreground)}.layers .roadmap .line svg path.bg{stroke:var(--foreground);opacity:.1}.layers .roadmap .thumbs{position:relative;display:grid;grid-auto-rows:1fr}.market{background:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='white'%20fill-opacity='0.1'%20/%3e%3c/svg%3e") repeat}.market .title .maintitle{margin:1.875rem 0}.market .graph{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);width:100%;border-top:1px solid var(--grey)}@media only screen and (max-width: 768px){.market .graph{border-top:none}}.market .graph .svg{grid-column:2 / span 6;margin:var(--gap) 0}@media only screen and (max-width: 768px){.market .graph .svg{grid-column:span 8}}.market .graph .svg svg{width:100%;height:auto}@media only screen and (max-width: 768px){.market .graph .svg svg{display:none}}.market .graph .svg svg.mobile{width:calc(100% + (var(--pad) * 2));margin:auto calc(var(--pad) * -1);display:none}@media only screen and (max-width: 768px){.market .graph .svg svg.mobile{display:inline-block}}.products{height:300vh}@media only screen and (max-width: 768px){.products{height:auto}}.products .sticky{display:flex;flex-direction:column;height:calc(100vh - (var(--header-height)) - var(--pad) - 30px)}@media only screen and (max-width: 768px){.products .sticky{position:relative;height:auto}}.products .sticky .stack{position:relative;width:100%;height:100%;margin:auto 0}@media only screen and (min-height: 1280px){.products .sticky .stack{max-height:600px}}.story{height:400vh}.story .sticky{display:flex;flex-direction:column;height:calc(100vh - (var(--header-height)) - var(--pad) - 30px)}@media only screen and (max-width: 768px){.story .sticky .title .maintitle{margin:0 0 1.875rem}}.story .sticky .slides{position:relative;width:100%;flex:1}.story .sticky .slides .slide{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.story .sticky .slides .slide figure{grid-column:span 4;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;opacity:0;transition:opacity .5s var(--ease-out)}@media only screen and (max-width: 768px){.story .sticky .slides .slide figure{grid-column:span 8}}.story .sticky .slides .slide figure img{width:80%;height:100%;-o-object-fit:contain;object-fit:contain}.story .sticky .slides .slide figure .animation{position:relative;width:80%;height:0;padding-bottom:70%;overflow:visible}.story .sticky .slides .slide figure .animation .inner{position:absolute;width:100%;height:100%}.story .sticky .slides .slide figure .animation .coin{position:absolute;width:30%;height:auto;border:1px dashed var(--white);border-radius:100%}.story .sticky .slides .slide figure .animation .coin.coin--1{top:0;left:50%}.story .sticky .slides .slide figure .animation .coin.coin--2{bottom:0;left:0}.story .sticky .slides .slide figure .animation .coin.coin--3{bottom:0;right:0}.story .sticky .slides .slide figure .animation .line{position:absolute;width:30%;height:5px;transform:translate3d(-50%,0,0);overflow:hidden}.story .sticky .slides .slide figure .animation .line hr{position:absolute;width:100%;height:1px;background:var(--white);border:none;top:2px}.story .sticky .slides .slide figure .animation .line:before{content:"";position:absolute;left:0;top:0;width:5px;height:5px;border-radius:100%;background:var(--white)}.story .sticky .slides .slide figure .animation .line:after{content:"";position:absolute;right:0;top:0;width:5px;height:5px;border-radius:100%;background:var(--white)}.story .sticky .slides .slide figure .animation .line.line--1{top:50%;left:33%;transform:translate3d(-50%,0,0) rotate(-55deg)}.story .sticky .slides .slide figure .animation .line.line--2{top:50%;right:33%;transform:translate3d(50%,0,0) rotate(60deg)}.story .sticky .slides .slide figure .animation .line.line--3{top:auto;bottom:10%;left:50%}.story .sticky .slides .slide .text{grid-column:span 4;display:flex;flex-direction:column;justify-content:center;opacity:0}@media only screen and (max-width: 768px){.story .sticky .slides .slide .text{grid-column:span 8}}.story .sticky .slides .slide .text p{font-size:3.25rem;line-height:1em}@media only screen and (max-width: 768px){.story .sticky .slides .slide .text p{font-size:var(--font-md)}}.story .sticky .slides .slide .text p .char{opacity:.1}.story .sticky .slides .slide .text p .char.active{animation:terminal-pre steps(1) .1s;animation-fill-mode:both}.story .sticky .slides .slide.active{pointer-events:all}.story .sticky .slides .slide.active figure{opacity:1}.story .sticky .slides .slide.active .text{opacity:1}.types{height:300vh}.types .sticky{display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - (var(--header-height) * 2))}.types .sticky .slider-viewport{width:calc(100% + (var(--pad) * 2));margin:auto calc(var(--pad) * -1);padding:0 var(--pad);height:50vh;max-height:600px}@media only screen and (max-width: 768px){.types .sticky .slider-viewport{flex:1;height:auto;overflow:hidden}}.types .sticky .slider-viewport .slider-wrapper{height:100%}.types .sticky .slider-viewport .slider-wrapper .slider{display:inline-flex;height:100%;will-change:transform}.updates{padding:var(--header-height) var(--pad) var(--pad)}.updates .c{position:relative;display:flex;flex-direction:column}.updates .c .title .maintitle{font-size:3.875rem;margin:0}.updates .c .columns{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);margin-bottom:10.625rem}@media only screen and (max-width: 768px){.updates .c .columns{margin-bottom:3.875rem}}.updates .c .columns .form{position:relative;grid-column:span 4;display:flex;flex-direction:column;justify-content:space-evenly}@media only screen and (max-width: 768px){.updates .c .columns .form{grid-column:span 8}}.updates .c .columns .form h1{margin:1.875rem 0 var(--gap) 0}.updates .c .columns .form .signup{position:relative;display:flex;justify-content:center;font-size:var(--font-md);margin-top:10vh;gap:var(--gap);font-weight:300}@media only screen and (max-width: 768px){.updates .c .columns .form .signup{margin-top:var(--pad);font-size:var(--font-sd)}}.updates .c .columns .form .signup input[type=text]{flex:1;padding:1rem 0;color:var(--foreground);border:none;border-bottom:1px solid var(--foreground);background:transparent}.updates .c .columns .form .signup input[type=text]::-moz-placeholder{color:var(--foreground);opacity:.2;-moz-transition:opacity 1.5s vat(--ease-out);transition:opacity 1.5s vat(--ease-out)}.updates .c .columns .form .signup input[type=text]::placeholder{color:var(--foreground);opacity:.2;transition:opacity 1.5s vat(--ease-out)}.updates .c .columns .form .signup input[type=text]:focus{outline-style:none;box-shadow:none}.updates .c .columns .form .signup input[type=text]:focus::-moz-placeholder{opacity:.5}.updates .c .columns .form .signup input[type=text]:focus::placeholder{opacity:.5}.updates .c .columns .form .signup button{padding:1rem 2rem;text-transform:uppercase;font-family:var(--font-sans);font-weight:300;color:var(--background);background:var(--foreground);border:1px solid var(--foreground);border-radius:5rem;cursor:pointer;opacity:1;transition:opacity .5s var(--ease-out)}.updates .c .columns .form .signup button:hover{opacity:.6}.updates .c .columns .form .signup .modal{position:absolute;width:100%;height:100%;top:0;left:0;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-sans);font-size:var(--font-sd);background:var(--background);pointer-events:none;opacity:0;border:1px solid var(--grey);transition:opacity .2s var(--ease-out)}.updates .c .columns .form .signup .modal .close{background:var(--foreground);color:var(--background);padding:.5em 1em;border-radius:10rem;cursor:pointer;font-size:var(--font-sm);text-transform:uppercase;opacity:1;transition:opacity .5s var(--ease-out)}.updates .c .columns .form .signup .modal .close:hover{opacity:.6}.updates .c .columns .form .signup .modal.active{pointer-events:all;opacity:1}.updates .c .columns .screens{position:relative;display:flex;flex-direction:column;justify-content:center;grid-column:span 4}@media only screen and (max-width: 768px){.updates .c .columns .screens{grid-column:span 8}}.updates .c .columns .screens .composition{position:relative}.updates .c .columns .screens .composition .bull{position:relative;width:100%;height:auto;padding:20vh 0 0}.updates .c .columns .screens .composition .bull img{width:100%;height:auto}.updates .c .columns .screens .composition .coins{position:absolute;width:100%;height:100%;top:0;left:0}.updates .c .columns .screens .composition .coins canvas{width:100%!important;height:100%!important}.updates .c .marguee{font-size:7rem;width:100%;overflow:hidden;margin-bottom:var(--gap)}.updates .c .marguee .scroller{transform:translate(-50%);display:flex}.updates .c .marguee .scroller .scroller-item{display:inline-block;white-space:nowrap;padding-right:.25em;animation:marquee 10s linear infinite}.yield .c{position:relative}.yield .c .title .maintitle{margin:0}.yield .c .content{position:relative;padding-bottom:3.875rem}.yield .c .content .bg{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:flex;-webkit-mask-image:linear-gradient(-45deg,rgba(0,0,0,.2) 30%,rgba(0,0,0,1) 50%,rgba(0,0,0,.2) 70%);mask-image:linear-gradient(-45deg,#0003 30%,#000,#0003 70%);-webkit-mask-position:0vw 0%;mask-position:0vw 0%;-webkit-mask-size:200vw 100%;mask-size:200vw 100%;animation:yield-code 10s var(--ease-in-out) infinite}.yield .c .content .bg .code{width:50%;padding-right:5%;white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--font-sm);opacity:.2}@media only screen and (max-width: 768px){.yield .c .content .bg .code{width:50%;padding-right:0}}.yield .c .content .bg .code.code--mirror{top:50%;transform:scaleX(-1) translateY(25%)}@media only screen and (max-width: 768px){.yield .c .content .bg .code.code--mirror{display:none}}.yield .c .content .heading{position:relative;padding-top:3.875rem}@media only screen and (max-width: 768px){.yield .c .content .heading{padding:0;margin:1.875rem 0 0}}.yield .c .content .heading h2{font-size:7rem;text-align:center;margin:0}@media only screen and (max-width: 768px){.yield .c .content .heading h2{font-size:var(--font-xxl);text-align:left}}.yield .c .content .columns{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap)}.yield .c .content .columns .container{grid-column:2 / span 6}@media only screen and (max-width: 768px){.yield .c .content .columns .container{grid-column:span 8}}.yield .c .content .columns .heading{padding-top:var(--pad)}@media only screen and (max-width: 768px){.yield .c .content .columns .heading{padding:0;margin:4rem 0 0}}.yield .c .content .columns .heading h3{text-align:center}@media only screen and (max-width: 768px){.yield .c .content .columns .heading h3{font-size:var(--font-xl)}}.yield .c .content .columns .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media only screen and (max-width: 768px){.yield .c .content .columns .cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.yield .c .content .columns .card{border:1px solid var(--grey);border-top:1px solid var(--white);margin-bottom:.75rem;padding:2.5rem;background:var(--background)}@media only screen and (max-width: 768px){.yield .c .content .columns .card{padding:var(--gap)}.yield .c .content .columns .card:first-child{margin-bottom:0}.yield .c .content .columns .card:last-child{border-top:0}}.yield .c .content .columns .card .counter{display:flex;margin-bottom:7rem}@media only screen and (max-width: 768px){.yield .c .content .columns .card .counter{flex-direction:column;margin-bottom:var(--gap)}}.yield .c .content .columns .card .counter .digits{display:flex;font-size:var(--font-xl);margin-right:var(--gap)}@media only screen and (max-width: 768px){.yield .c .content .columns .card .counter .digits{font-size:calc(var(--font-xxl) * .9);margin-right:0}}.yield .c .content .columns .card .counter .digits .yield{font-size:var(--font-sd)}.yield .c .content .columns .card .counter .icon{width:4.375rem}@media only screen and (max-width: 768px){.yield .c .content .columns .card .counter .icon{width:4.666rem}}.yield .c .content .columns .card .counter .icon img{width:100%;height:auto}.yield .c .content .columns .card h3{font-size:var(--font-md);width:70%}@media only screen and (max-width: 768px){.yield .c .content .columns .card h3{width:90%}}.yield .c .content .columns .card hr{border:none;height:1px;background:var(--foreground);margin-bottom:1rem;opacity:.5}.yield .c .content .columns .card p{font-size:var(--font-smd);width:80%}@media only screen and (max-width: 768px){.yield .c .content .columns .card p{width:100%}}.yield .c .content .columns .card .extras{font-size:var(--font-sm);opacity:.5}.yield .c .content .columns .card.card--wide .counter{margin-bottom:3.5rem}.yield .c .content .columns .card.card--wide .counter .digits{flex:1}.yield .c .content .columns .card.card--wide .counter .icon{width:9.375rem}@media only screen and (max-width: 768px){.yield .c .content .columns .card.card--wide .counter .icon{width:4.375rem}}.yield .c .content .columns .disclaimer{display:flex;align-items:center;justify-content:center}.yield .c .content .columns .disclaimer a{padding:.1rem 0;border-bottom:1px solid transparent;text-decoration:none}.yield .c .content .columns .disclaimer a .arrow{height:.5rem;width:auto;margin-left:.2rem}.yield .c .content .columns .disclaimer a:hover{border-bottom:1px solid var(--foreground)}.fade{position:fixed;width:100vw;height:500vh;top:0;left:0;background:linear-gradient(180deg,var(--black) 0%,var(--black) 20%,var(--white) 40%,var(--white) calc(100% / 5 * 3),var(--black) 80%,var(--black) 100%)}[data-fade]{height:20vh;width:100%;padding:0;margin:-10vh 0}header{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;top:0;width:100%;padding:1.25rem var(--pad);transform:translateZ(0);transition:transform .5s var(--ease-in-out);z-index:1000}.theme--dark header{--foreground: var(--white);--background: var(--black)}.theme--light header{--foreground: var(--black);--background: var(--white)}header .backdrop{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header nav{position:relative;display:flex;justify-content:space-between;width:100%;max-width:var(--max-width)}header nav .logo{display:flex;align-items:center;font-size:1.5rem;text-decoration:none}@media only screen and (max-width: 1024px){header nav .logo{height:30px;font-size:1rem;position:absolute;left:50%;transform:translate3d(-50%,0,0)}}header nav .logo .icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;margin-right:1rem;overflow:hidden;box-shadow:0 0 .75rem #fff9;background:var(--black)}@media only screen and (max-width: 1024px){header nav .logo .icon{width:2rem;height:2rem}}header nav .logo img{width:40px;height:auto;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 1024px){header nav .logo img{width:20px}}header nav .logo video,header nav .logo img{width:50px;height:auto;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 1024px){header nav .logo video,header nav .logo img{width:2rem}}header nav ul{display:flex;align-items:stretch;gap:var(--gap)}header nav ul li{display:flex;position:relative;list-style:none;align-items:center}header nav ul li a{display:flex;height:100%;align-items:center;text-transform:uppercase;text-decoration:none;white-space:break-spaces}header nav ul li a .soon{margin-left:.2rem;display:inline-block;font-family:var(--font-sans);font-size:var(--font-xs);transform:translate3d(0,-50%,0)}header nav ul li .submenu{display:none;position:absolute;top:100%;padding:1.25rem;margin:0 -1.25rem}header nav ul li .submenu ul{display:flex;flex-direction:column;gap:0;width:20vw;padding:.625rem;border-radius:.625rem;border:1px solid var(--grey);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header nav ul li .submenu ul li{display:inline-block}header nav ul li .submenu ul a{display:flex;gap:.625rem;padding:.625rem;border-radius:.625rem;text-transform:none;background:transparent;transition:background .5s var(--ease-out)}header nav ul li .submenu ul a .icon{flex:1 0 3.75rem;overflow:hidden;min-width:3.75rem;align-items:flex-start;justify-content:flex-start}header nav ul li .submenu ul a .icon img{border-radius:100%;border:1px solid var(--grey);width:3.75rem;height:3.75rem;-o-object-fit:contain;object-fit:contain}header nav ul li .submenu ul a .text{display:flex;flex-direction:column;color:var(--foreground);opacity:.8}header nav ul li .submenu ul a .text .description{font-size:var(--font-sm)}header nav ul li .submenu ul a:hover{background:#ffffff1a}header nav ul li:hover .submenu{display:flex}header nav ul li:hover .submenu ul li{animation:nav-submenu .5s var(--ease-out);animation-fill-mode:both}header nav ul li:hover .submenu ul li:nth-child(1){animation-delay:.03s;animation-duration:.5s}header nav ul li:hover .submenu ul li:nth-child(2){animation-delay:.06s;animation-duration:.7s}header nav ul li:hover .submenu ul li:nth-child(3){animation-delay:.09s;animation-duration:calc(.3s + 3 * .2s)}header nav ul li:hover .submenu ul li:nth-child(4){animation-delay:.12s;animation-duration:1.1s}header nav ul li:hover .submenu ul li:nth-child(5){animation-delay:.15s;animation-duration:1.3s}header nav ul li:hover .submenu ul li:nth-child(6){animation-delay:.18s;animation-duration:calc(.3s + 6 * .2s)}header nav ul li:hover .submenu ul li:nth-child(7){animation-delay:.21s;animation-duration:calc(.3s + 7 * .2s)}header nav ul li:hover .submenu ul li:nth-child(8){animation-delay:.24s;animation-duration:calc(.3s + 8 * .2s)}header nav ul li:hover .submenu ul li:nth-child(9){animation-delay:.27s;animation-duration:2.1s}header nav ul li:hover .submenu ul li:nth-child(10){animation-delay:.3s;animation-duration:2.3s}@media only screen and (max-width: 1024px){header nav ul.navigation{display:none}}header nav ul.socials{gap:.625rem;align-items:center}header nav ul.socials li a{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;opacity:1;border:1px solid var(--foreground);border-radius:100%;transition:box-shadow .5s var(--ease-out),opacity .5s var(--ease-out)}header nav ul.socials li a svg{height:1rem;width:auto}header nav ul.socials li a:hover{box-shadow:0 0 .75rem #fff9;opacity:.6}.theme--light header nav ul.socials li a:hover{box-shadow:0 0 .75rem #0009}header nav button{text-transform:uppercase;display:none;color:var(--foreground)}@media only screen and (max-width: 1024px){header nav button{display:inline-block}}header nav.mobile{display:none;align-items:center;justify-content:center;width:100%;padding:10vh 0}header nav.mobile ul{flex-direction:column;align-items:center;gap:calc(var(--pad) * 2)}@media only screen and (max-width: 1024px){header nav.mobile ul.navigation{display:flex}}header nav.mobile ul.navigation li:before{content:"/";display:inline-block;color:var(--foreground)}.header--hidden header{transform:translate3d(0,-100%,0)}@media only screen and (max-width: 1024px){.menu--visible header nav.mobile{display:flex}}.menu--visible header nav.mobile ul.navigation li{animation:nav-mobile .5s var(--ease-out);animation-fill-mode:both}.menu--visible header nav.mobile ul.navigation li:nth-child(1){animation-delay:.03s;animation-duration:.5s}.menu--visible header nav.mobile ul.navigation li:nth-child(2){animation-delay:.06s;animation-duration:.7s}.menu--visible header nav.mobile ul.navigation li:nth-child(3){animation-delay:.09s;animation-duration:calc(.3s + 3 * .2s)}.menu--visible header nav.mobile ul.navigation li:nth-child(4){animation-delay:.12s;animation-duration:1.1s}.menu--visible header nav.mobile ul.navigation li:nth-child(5){animation-delay:.15s;animation-duration:1.3s}.menu--visible header nav.mobile ul.navigation li:nth-child(6){animation-delay:.18s;animation-duration:calc(.3s + 6 * .2s)}.menu--visible header nav.mobile ul.navigation li:nth-child(7){animation-delay:.21s;animation-duration:calc(.3s + 7 * .2s)}.menu--visible header nav.mobile ul.navigation li:nth-child(8){animation-delay:.24s;animation-duration:calc(.3s + 8 * .2s)}.menu--visible header nav.mobile ul.navigation li:nth-child(9){animation-delay:.27s;animation-duration:2.1s}.menu--visible header nav.mobile ul.navigation li:nth-child(10){animation-delay:.3s;animation-duration:2.3s}.intro{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:var(--background);opacity:1;z-index:1000}.intro video{position:absolute;opacity:0;width:600px;height:600px}@media only screen and (max-width: 768px){.intro video{width:300px;height:300px}}.intro canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw!important;height:auto!important}@media only screen and (max-width: 768px){.intro canvas{width:80vw!important}}footer{position:relative;background:var(--background);padding:0;overflow:hidden}footer .inner{width:100%;padding:2.5rem var(--pad);font-family:var(--font-sans);font-size:.875rem;text-transform:uppercase}footer .inner .c .columns{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap)}footer .inner .c .columns ul,footer .inner .c .columns li{margin:0;padding:0;list-style:none}footer .inner .c .columns .left{grid-column:span 4}footer .inner .c .columns .left p{opacity:.4}footer .inner .c .columns .left nav ul{display:flex}footer .inner .c .columns .left nav ul li{margin-right:1em;height:1.25rem}footer .inner .c .columns .left nav ul li a{opacity:1;transition:opacity .5s var(--ease-out)}footer .inner .c .columns .left nav ul li a:hover{opacity:.6}footer .inner .c .columns .left nav ul li svg{height:100%;width:auto}footer .inner .c .columns .right{grid-column:span 4;text-align:right;opacity:.4}footer .inner .c .columns .right a{text-decoration:none;text-underline-offset:.2em}footer .inner .c .columns .right a:hover{text-decoration:underline}.debug{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:var(--font-mono);font-size:var(--font-xs);padding:0 var(--pad);mix-blend-mode:difference}.debug .notice{position:absolute;top:0;right:0;padding:.5rem;background:#ff0;color:#000}.debug .c{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);width:100%;height:100%}.debug .c .column{height:100%;opacity:.1;border-left:1px solid white;border-right:1px solid white}[data-inview=terminal],[data-effect=terminal],[data-hover=terminal]{--speed: .4s;--delay: .07s}[data-inview=terminal] .char,[data-effect=terminal] .char,[data-hover=terminal] .char{color:transparent;background:transparent;padding:.1em 0}[data-inview=terminal].inview .char,[data-effect=terminal].inview .char,[data-hover=terminal].inview .char{animation:terminal steps(1) var(--speed);animation-delay:calc(var(--char-index) * var(--delay));animation-fill-mode:both}[data-hover=terminal]{--speed: .3s;--delay: .05s}[data-hover=terminal] .char{color:var(--foreground)}[data-inview=fade]{opacity:0;transform:translate3d(0,2rem,0);transition:opacity 1s var(--ease-in-out),transform 2s var(--ease-out)}[data-inview=fade].inview{opacity:1;transform:translateZ(0)}.title{position:relative}.title .subtitle{display:flex;justify-content:space-between;align-items:flex-end;padding:.5rem 0;font-family:var(--font-sans);border-bottom:1px solid var(--foreground);opacity:.3}.title .subtitle h2{margin:0;font-size:var(--font-sd);font-family:inherit}@media only screen and (max-width: 768px){.title .subtitle .scroll{display:none}}.title .maintitle{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);align-items:center;margin:1.875rem 0 3.75rem}.title .maintitle h1{grid-column:span 5;margin:0}@media only screen and (max-width: 768px){.title .maintitle h1{grid-column:span 8}}.title .maintitle p{grid-column:span 3;margin:0}@media only screen and (max-width: 768px){.title .maintitle p{border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);margin-top:1.875rem;padding:.5rem 0;grid-column:span 8}}.types-card{--card-width: calc((100vw - (var(--pad) * 2)) / 3);--card-max-width: calc((var(--max-width)) / 3);position:relative;display:flex;flex-direction:column;width:min(var(--card-width),var(--card-max-width));margin-left:-1px;overflow:hidden}@media only screen and (max-width: 768px){.types-card{--card-width: calc((100vw - (var(--pad) * 2)) / 1.2);--card-max-width: calc((var(--max-width)) / 1.2)}}.types-card h3{position:relative;font-size:var(--font-md)}.types-card h3:before{content:"//";position:relative}.types-card p{position:relative}.types-card .border{container-type:size;position:absolute;top:0;left:0;width:100%;height:100%}.types-card .border .passive{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--grey-dark)}.types-card .border .active{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--white);transform:translate(-50%,-50%) rotate(-45deg) scaleY(0);transform-origin:center;transition:none;transition:transform 1s var(--ease-in-out)}@container (min-width: 0px){.types-card .border .active{width:hypot(100cqw,100cqh);height:hypot(100cqw,100cqh)}}.types-card .bg{position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);margin:1px;background:var(--background);overflow:hidden}.types-card .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.8;transform:scaleZ(1);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.types-card .bg .gradient{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background:linear-gradient(#000,#0000 50%);transition:opacity 1s var(--ease-in-out)}.types-card .text{padding:var(--gap);margin-bottom:var(--gap)}.types-card .device{position:relative;display:flex;flex-direction:column;gap:var(--gap);align-items:center;bottom:0;left:0;width:100%;padding:0 16% 1px;overflow:hidden}.types-card .device .logo{width:50%;height:auto}.types-card .device .ui{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;overflow:hidden}.types-card.active{z-index:1}.types-card.active .border .active{transform:translate(-50%,-50%) rotate(-45deg) scaleY(1);transition:transform .5s var(--ease-in-out)}.types-card.active .bg img{opacity:1}.types-card.active .bg .gradient{opacity:0}.types-card:hover .bg img{transform:scale3d(1.2,1.2,1)}.market-thumb{display:flex;align-items:center;gap:.5rem}.market-thumb .logo img{height:1.5rem;width:auto}.market-thumb .name{margin:0}@media only screen and (max-width: 768px){.market-thumb .name{min-inline-size:-moz-max-content;min-inline-size:max-content}}.market-thumb .market-value img{height:1rem;width:auto}.layer-thumb{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);align-items:center;padding:1.5rem 0;opacity:.1;transition:opacity .3s var(--ease-out)}@media only screen and (max-width: 768px){.layer-thumb{padding:1.5rem}}.layer-thumb .name{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);justify-content:flex-start;align-items:center}@media only screen and (max-width: 768px){.layer-thumb .name{grid-column:span 8;display:flex;justify-content:flex-start}}.layer-thumb .name .logo{grid-column:span 1;padding:0 var(--gap)}@media only screen and (max-width: 768px){.layer-thumb .name .logo{padding:0}}.layer-thumb .name .logo img{height:4.25rem;width:auto}.layer-thumb .name h3{grid-column:span 2;margin:0}.layer-thumb .extra{grid-column:span 1;display:flex;justify-content:flex-start}@media only screen and (max-width: 768px){.layer-thumb .extra{grid-column:span 8;margin:.5rem 0}}.layer-thumb .extra img{height:2rem;width:auto}.layer-thumb .description{grid-column:span 3}@media only screen and (max-width: 768px){.layer-thumb .description{grid-column:span 8}}.layer-thumb.active{opacity:1}.product-thumb{--layer: 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;-moz-column-gap:var(--gap);column-gap:var(--gap);justify-content:space-between;align-items:center;position:absolute;top:calc(var(--layer) * 2rem);width:100%;height:100%;padding:var(--gap);transform:translate3d(0,100%,0);transform-origin:top center;background:var(--background);border:1px solid var(--grey-dark);will-change:transform}@media only screen and (max-width: 768px){.product-thumb{position:relative;height:auto;margin-bottom:var(--gap);top:0;transform:translateZ(0) scale(1)!important}}.product-thumb .thumbnail{grid-column:span 4;height:100%;max-height:50vh;overflow:hidden;padding:var(--gap);display:flex;justify-content:center}@media only screen and (max-width: 768px){.product-thumb .thumbnail{display:inline-block;margin-bottom:var(--gap);max-height:40vh;padding:0;grid-column:span 8}}.product-thumb .thumbnail .frame{position:relative;display:flex;overflow:hidden;height:100%}.product-thumb .thumbnail .frame img.contained{-o-object-fit:contain;object-fit:contain}.product-thumb .thumbnail .frame img.contained--bottom{-o-object-position:bottom;object-position:bottom}.product-thumb .thumbnail .frame img.code-animation{position:absolute;width:90%;height:auto;top:10%;left:5%;transform:translateZ(0);animation:product-code 8s var(--ease-in-out) infinite}.product-thumb .thumbnail .frame img.spacer{position:relative}.product-thumb .thumbnail .frame video{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}.product-thumb .thumbnail .frame video.contained{-o-object-fit:contain;object-fit:contain;width:100%;height:80%;top:10%;left:0}.product-thumb .thumbnail .frame video.cover{-o-object-fit:cover;object-fit:cover;width:100%;height:99.6%;top:.2%;left:0}.product-thumb .thumbnail .frame video.cover.cover--bottom{-o-object-position:bottom;object-position:bottom}.product-thumb .thumbnail .frame svg{position:absolute;width:100%;height:100%;top:0;left:0}.product-thumb .thumbnail .frame svg .fill{fill:var(--background)}.product-thumb .thumbnail .frame svg .stroke{stroke:var(--grey);stroke-width:1}.product-thumb .text{grid-column:span 4;display:flex;flex-direction:column;justify-content:center;gap:1rem;height:100%}@media only screen and (max-width: 768px){.product-thumb .text{grid-column:span 8}}.product-thumb .text .number{font-family:var(--font-sans)}.product-thumb .text .description{width:75%}@media only screen and (max-width: 768px){.product-thumb .text .description{width:100%}}.product-thumb .text .extras{display:flex;align-items:center;font-size:var(--font-sm);gap:var(--gap)}.product-thumb .text .extras .item{display:flex;align-items:center;text-decoration:none;margin:0 .5em}.product-thumb .text .extras .item .link{display:flex;align-items:center;padding:.1rem 0;border-bottom:1px solid transparent}.product-thumb .text .extras .item img{height:1.5rem;width:auto;margin-right:.5rem}.product-thumb .text .extras .item .arrow{height:.5rem;width:auto;margin-right:0}.product-thumb .text .extras .item p{margin:0 .5em 0 0}.product-thumb .text .extras .item:hover .link{border-bottom:1px solid var(--foreground)}.product-thumb .text .extras .item:hover .arrow{animation:arrow .5s infinite}@media only screen and (max-width: 768px){.product-thumb .text .extras.extras--2{flex-direction:column;align-items:flex-start;gap:.5rem}}