.bf-page{--bf-space:#05080a;--bf-deep:#0b1a12;--bf-mint:#8eddb0;--bf-ivory:#f7f4ef;--bf-error:#ff8a80;--bf-sub:#f7f4efc7;--bf-label:#f7f4efb3;--bf-line:#f7f4ef29;--bf-input-line:#f7f4ef59;--bf-glass:#08120d9e;--bf-solid:#08120deb;background:var(--bf-space);color:var(--bf-ivory);font-family:var(--font-sans);isolation:isolate}.bf-track{--bf-reveal1:1;--bf-reveal2:1;--bf-follow:1;--bf-logo:1;--bf-exit1:0;--bf-exit2:0;--bf-form:1;position:relative}.bf-stage{min-height:100svh;position:relative;overflow:clip}.bf-decor{pointer-events:none;height:100svh;position:absolute;inset:0}.bf-webgl,.bf-meteors,.bf-poster{width:100%;height:100%;position:absolute;inset:0}.bf-webgl{opacity:0}.bf-track[data-webgl=true] .bf-webgl{opacity:1}.bf-top{z-index:5;opacity:var(--bf-logo);position:absolute;top:36px;left:5vw}.bf-arrive{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:120px 5vw 180px;display:flex;position:relative}.bf-arrive h1{font:400 136px/.95 var(--font-sans);letter-spacing:0;margin:0}.bf-head-line{padding-bottom:.1em;display:block;overflow:hidden}.bf-head-line>span{display:block}.bf-head-line b{font-weight:400;display:inline-block}.bf-sub{color:var(--bf-sub);margin:28px 0 32px;font-size:20px;line-height:1.5}.bf-page .bf-button{background:var(--bf-ivory);color:var(--bf-space);border:1px solid var(--bf-ivory);height:54px;font:600 15px var(--font-sans);box-shadow:none;border-radius:0;padding:17px 26px}.bf-page .bf-button:hover{background:var(--bf-ivory);opacity:.9}.bf-button svg{width:16px;height:16px}.bf-page :is(a,button,input):focus-visible{outline:2px solid var(--bf-mint);outline-offset:5px}.bf-track[data-motion=true] .bf-stage{height:100svh;position:sticky;top:0}.bf-track[data-motion=true] .bf-arrive{pointer-events:none;position:absolute;inset:0}.bf-track[data-motion=true] .bf-arrive:not([inert]){pointer-events:auto}.bf-track[data-motion=true] .bf-head-line:first-child>span{transform:translateY(calc((1 - var(--bf-reveal1))*110% - var(--bf-exit1)*16px));opacity:calc(1 - var(--bf-exit1));filter:blur(calc((1 - var(--bf-reveal1))*6px + var(--bf-exit1)*4px))}.bf-track[data-motion=true] .bf-head-line:nth-child(2)>span{transform:translateY(calc((1 - var(--bf-reveal2))*110% - var(--bf-exit2)*16px));opacity:calc(1 - var(--bf-exit2));filter:blur(calc((1 - var(--bf-reveal2))*6px + var(--bf-exit2)*4px))}.bf-track[data-motion=true] .bf-head-line b:nth-child(2){transform:translateY(calc((1 - var(--bf-reveal1))*12%))}.bf-track[data-motion=true] .bf-sub,.bf-track[data-motion=true] .bf-arrive>.bf-button{opacity:calc(var(--bf-follow)*(1 - var(--bf-exit2)));translate:0 calc((1 - var(--bf-follow))*16px - var(--bf-exit2)*16px)}.bf-track[data-frozen=true] *{animation:none!important}@media (width<=640px){.bf-top{top:28px;left:16px}.bf-top img{width:96px}.bf-arrive{padding:120px 16px 180px}.bf-arrive h1{font-size:48px}.bf-sub{max-width:300px;font-size:18px}}@media (prefers-reduced-motion:reduce){.bf-page *,.bf-page :after{transition:none!important;animation:none!important}}.bf-track[data-motion=false] *,.bf-track[data-motion=false] :after{transition:none!important;animation:none!important}.bf-top{top:32px}.bf-top img{width:auto;height:28px}.bf-arrive{text-align:center;justify-content:center;align-items:center;padding:100px 5vw}.bf-arrive h1{font-size:130px;line-height:.92}.bf-sub{max-width:440px;margin:24px 0 32px}.bf-page .bf-button{border-radius:4px;height:48px;padding:14px 24px}.bf-arrive>.bf-button{position:relative}.bf-arrive>.bf-button:after{content:"";background:var(--bf-ivory);width:100%;height:1px;transform:scaleX(var(--bf-follow));transform-origin:0;position:absolute;bottom:-7px;left:0}.bf-track[data-motion=true]{height:100svh}.bf-grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.bf-poster{background:radial-gradient(circle at 20% 40%,var(--bf-ivory) 0 1px,transparent 2px),radial-gradient(circle at 74% 48%,var(--bf-ivory) 0 1px,transparent 2px),radial-gradient(circle at 87% 34%,var(--bf-ivory) 0 1.5px,transparent 2px),radial-gradient(ellipse 160% 210% at 42% 255%,var(--bf-space) 84%,var(--bf-ivory) 84.1%,var(--bf-mint) 84.4%,transparent 87%),var(--bf-space)}@media (width<=640px){.bf-arrive{padding:100px 16px}.bf-arrive h1{font-size:56px}.bf-sub{font-size:18px}}@media (height<=800px) and (width>=641px){.bf-arrive{padding:80px 5vw}.bf-arrive h1{font-size:100px}}@keyframes bf-card-once{50%{opacity:.92}}
