/* vietnamese */

/* latin-ext */

/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/85f55a58a31e61a2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/9b6f5ff45b278c74.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* symbols2 */

/* vietnamese */

/* latin-ext */

/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/5f3d6ad60f29d6cb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */

/* cyrillic */

/* symbols2 */

/* vietnamese */

/* latin-ext */

/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/5f3d6ad60f29d6cb.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/a3a26c7b4cd3f563.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/500e9dc8c0100979.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/3736e6cdc1f67bd1.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/b89209c5fe6465ef.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/427265ce2e1b2757.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Flex';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/43390bbbe1466fc2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{margin:0;background:#07090D}
a{color:#F2F0EA}a:hover{color:#ffffff}
.cx{position:relative;overflow-x:clip;background:#07090D;color:#F2F0EA;font-family:'Geist',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cx h1,.cx h2,.cx h3{font-family:'Bricolage Grotesque','Geist',ui-sans-serif,sans-serif;font-weight:700;letter-spacing:-0.035em;margin:0;text-wrap:balance}
.cx p{text-wrap:pretty}
.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
.glass{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 55%,rgba(255,255,255,.07));-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.05),0 30px 80px -20px rgba(0,0,0,.6)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 70% at 15% -10%,rgba(255,255,255,.20),transparent 55%);pointer-events:none}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.6),rgba(255,255,255,.06) 38%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.glass > *{position:relative;z-index:1}
.lnk{color:rgba(242,240,234,.78);text-decoration:none;font-size:14px;padding:10px 12px;border-radius:999px}
.lnk:hover{color:#fff;background:rgba(255,255,255,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn-ghost{color:#F2F0EA}
.mono{font-family:'Geist Mono',ui-monospace,monospace}
.tbl-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr;gap:0;border-top:1px solid rgba(255,255,255,.09)}
.tbl-row > div{padding:18px 20px;font-size:14.5px;line-height:1.45;color:rgba(242,240,234,.74)}
.tbl-row > div:first-child{color:#F2F0EA;font-weight:500}
.tbl-row > div:last-child{color:#F2F0EA;background:rgba(255,255,255,.04)}
.stage{position:relative;height:720px;max-width:1100px;margin:0 auto}
@media (max-width:760px){.stage{height:560px}.stage-inner{transform:scale(.72);transform-origin:top center}.nav-links{display:none !important}}
@media (max-width:480px){.stage{height:470px}.stage-inner{transform:scale(.6)}}
@keyframes pxMove{from{transform:translate3d(0,var(--py,60px),0)}to{transform:translate3d(0,calc(var(--py,60px) * -1),0)}}
@keyframes reveal{from{opacity:0;transform:translateY(48px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes tiltIn{from{opacity:.2;transform:perspective(1600px) rotateX(22deg) translateY(90px) scale(.94)}to{opacity:1;transform:none}}
@keyframes heroL{from{transform:translateX(0) rotate(-6deg)}to{transform:translate(-150px,120px) rotate(-12deg)}}
@keyframes heroR{from{transform:translateX(0) rotate(5deg)}to{transform:translate(150px,40px) rotate(11deg)}}
@keyframes chipA{from{transform:translate(0,0)}to{transform:translate(-60px,-180px)}}
@keyframes chipB{from{transform:translate(0,0)}to{transform:translate(70px,-240px)}}
@keyframes chipC{from{transform:translate(0,0)}to{transform:translate(-30px,-120px)}}
@keyframes orbDrift1{from{transform:translate(0,0)}to{transform:translate(-200px,1600px)}}
@keyframes orbDrift2{from{transform:translate(0,0)}to{transform:translate(260px,2600px)}}
@keyframes orbDrift3{from{transform:translate(0,0)}to{transform:translate(-120px,3400px)}}
@keyframes headFade{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-80px) scale(.96)}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}
.live{animation:breathe 2.4s ease-in-out infinite}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.motion-on .px{animation:pxMove linear both;animation-timeline:view();animation-range:cover}
.motion-on .rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
.motion-on .tilt{animation:tiltIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
.motion-on .hero-l{animation:heroL linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.motion-on .hero-r{animation:heroR linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.motion-on .chip-a{animation:chipA linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.motion-on .chip-b{animation:chipB linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.motion-on .chip-c{animation:chipC linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.motion-on .head-fade{animation:headFade linear both;animation-timeline:scroll(root);animation-range:120px 700px}
.motion-on .orb1{animation:orbDrift1 linear both;animation-timeline:scroll(root)}
.motion-on .orb2{animation:orbDrift2 linear both;animation-timeline:scroll(root)}
.motion-on .orb3{animation:orbDrift3 linear both;animation-timeline:scroll(root)}
}
}
.hero-l{transform:rotate(-6deg)}
.hero-r{transform:rotate(5deg)}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{overflow-x:clip}.cx{padding-top:16px}.app-preview{display:block;width:300px;height:640px;border:0;background:transparent;color-scheme:normal}.skip-link{position:fixed;left:16px;top:-100px;z-index:999;padding:12px 18px;background:#6EE7D3;color:#04110E;border-radius:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #6EE7D3;outline-offset:5px}a,button{touch-action:manipulation}section{scroll-margin-top:30px}.stage-inner{width:1100px;left:50%!important;right:auto!important;margin-left:-550px}.tbl-row>div{overflow-wrap:anywhere}@media(max-width:1100px){.chip-a,.chip-b,.chip-c{display:none!important}}@media(max-width:760px){.cx>section:not(#top){padding-top:80px!important}.stage{margin-top:48px!important}#top{padding-top:64px!important}.head-fade{animation:none!important}#app .px{max-width:100%}}@media(max-width:480px){.stage-inner{transform:scale(.48)}.stage{height:370px}.cx>header{padding:0 12px!important}.cx>header nav{gap:8px!important;padding-left:14px!important}.cx>header .btn{font-size:12px!important;padding:0 12px!important}#top h1{font-size:clamp(40px,10.5vw,50px)!important}#waitlist>div{border-radius:28px!important;padding:32px 20px!important}#app .px{animation:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}