@font-face{font-family:"Inter Tight";src:url('/assets/inter-tight.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"Fira Sans";src:url('/fira.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:"Fira Sans";src:url('/assets/fira-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--orange:#ff7903;--white:#fafafa}
*{box-sizing:border-box}html{background:#000000;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;margin:0;background:#000000;color:var(--white);font:400 14px/16px Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{display:block}h1,h2,p{margin:0}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffb46b;outline-offset:4px}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:#191919;z-index:10}.skip-link:focus{top:16px}
.site{width:100%;max-width:430px;margin-inline:auto;container-type:inline-size;overflow:clip}
.hero{position:relative;height:255.833333cqw;background:#000000;overflow:clip}
.hero-art{position:absolute;inset:0;pointer-events:none}.hero-layer{position:absolute;left:0;width:100%;height:auto}.layer-top{top:-75.833333cqw}.layer-middle,.layer-stand{top:70cqw}.layer-bottom{top:208.333333cqw}.shade-top{position:absolute;top:0;left:0;width:100%;height:136.111111cqw;background:linear-gradient(in oklab 180deg,#000 0%,70%,transparent 100%)}.shade-bottom{position:absolute;bottom:0;left:0;right:0;height:65cqw;background:linear-gradient(in oklab 180deg,transparent 0%,30%,#000 100%)}
.hero-header{position:absolute;top:6.666667cqw;left:4.444444cqw;right:4.444444cqw;display:flex;justify-content:space-between;align-items:center;height:8.888889cqw}.brand{width:27.777778cqw;height:8.888889cqw}.socials{display:flex;gap:8px;align-items:center}.socials a,.socials button{width:32px;height:32px;border:0;padding:0;background:transparent;display:grid;place-items:center;border-radius:8px}
h1{position:absolute;top:24.444444cqw;left:4.444444cqw;right:4.444444cqw;font:700 20cqw/21.111111cqw 'Inter Tight',Arial,sans-serif;letter-spacing:.01em;text-align:center;background:linear-gradient(in oklab 180deg,#fff 57.03%,75.6%,oklab(84.6% .021 -.054) 100.02%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{position:absolute;top:70cqw;left:50%;width:66.666667cqw;translate:-50% 0;text-align:center;font:400 3.888889cqw/5cqw 'Inter Tight',Arial,sans-serif}
.benefits{position:absolute;top:204.444444cqw;left:0;right:0;display:flex;gap:12px;padding:0 16px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px}.benefits::-webkit-scrollbar,.card-track::-webkit-scrollbar{display:none}.benefit{display:flex;align-items:center;flex:none;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff33;backdrop-filter:blur(40px);border-top:1px solid #ffffff66;border-left:1px solid #ffffff66;font:400 14px/16px 'Inter Tight',Arial,sans-serif;scroll-snap-align:start}.benefit img{flex:none}
.button{display:flex;justify-content:center;align-items:center;gap:10px;padding:24px 20px;min-height:64px;border:0;border-radius:32px;color:#fff;background:var(--orange);outline:.5px solid #f47531;outline-offset:-.5px;box-shadow:inset 0 1px 18px 2px #ffeddb80,inset 0 2px 0 #ffffff8c,0 15px 42px #f4753126,0 6.03px 9.38px #f4753126,0 1.8px 2.79px #f475311a,0 4px 10px #0028360d;font:600 16px/16px 'Fira Sans',Arial,sans-serif;text-align:center;text-decoration:none;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.07)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid #fff;outline-offset:4px}.hero-button{position:absolute;top:224.722222cqw;left:4.444444cqw;right:4.444444cqw;width:91.111111cqw;padding:20px;line-height:24px}
.examples{padding-top:32px;padding-bottom:64px;background:#000000}.card-track{display:flex;gap:16px;padding-inline:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}.feature-card{display:flex;flex-direction:column;flex:0 0 264px;height:448px;border-radius:56px;overflow:hidden;background:#ffffff33;backdrop-filter:blur(20px);scroll-snap-align:start}.card-image{width:264px;height:210px;object-fit:cover;flex:none}.card-body{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:24px;gap:24px}.card-copy{display:flex;flex-direction:column;gap:8px;text-align:center}.card-copy h2{font:900 24px/30px 'Fira Sans',Arial,sans-serif;text-transform:uppercase}.card-copy p{font:400 14px/16px Inter,Arial,sans-serif}.card-body .button{width:100%;flex:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.benefit:first-child{width:133px}.benefit:nth-child(2){width:170px}.benefit:nth-child(3){width:160px}

body{position:relative;isolation:isolate}
.page-particles{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:clip}
.page-particles canvas{display:block;width:100%;height:100%}
.site{position:relative;z-index:1}
.hero-header{align-items:start}
.card-image-rounded{border-radius:24px}
.coming-dialog{max-width:360px}.coming-dialog .button{width:100%}.coming-dialog .request-intro{margin-bottom:24px}
@media(min-width:431px){.hero-art{mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}}
@media(prefers-reduced-motion:no-preference){
  .hero h1{animation:hero-text-in .7s cubic-bezier(.2,.65,.3,1) both}
  .hero-description{animation:hero-text-in .8s .1s cubic-bezier(.2,.65,.3,1) both}
  .hero-art{animation:hero-image-in 1s .06s cubic-bezier(.2,.65,.3,1) both}
}
@keyframes hero-text-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-image-in{from{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}