*{box-sizing:border-box}html{overflow-anchor:none}body{margin:0;background:#fffcf7}a,a:hover{color:#0f1e33}.sp *{box-sizing:border-box}.sp h1,.sp h2,.sp h3,.sp p,.sp ol,.sp ul{margin:0}.sp a{text-decoration:none}.sp p:not([style*="font-weight: 7"]):not([style*="font-weight: 8"]){font-family:Outfit,Helvetica Neue,Arial,sans-serif;font-weight:400}.sp .sticker{box-shadow:6px 6px #0f1e33;transition:transform .4s cubic-bezier(.3,1.6,.5,1),box-shadow .3s ease}.sp .sticker:hover{transform:rotate(0) scale(1.05);box-shadow:11px 12px #0f1e33}.sp .sheet{position:relative;border-radius:44px 44px 0 0;margin-top:-44px;box-shadow:0 -22px 44px -26px #0f1e3361}.sp .qcard{box-shadow:8px 8px #0f1e33;transition:transform .45s cubic-bezier(.3,1.6,.5,1),box-shadow .35s ease}.sp .qcard:hover{transform:rotate(0) translateY(-8px)!important;box-shadow:14px 18px #0f1e33}@media (max-width: 760px){.sp .qcard{margin-top:0!important}}.sp .qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 32px;align-items:start}.sp .span2{grid-column:span 2}.sp .span3{grid-column:1 / -1}@media (max-width: 900px){.sp .qgrid{grid-template-columns:1fr}.sp .span2,.sp .span3{grid-column:auto}}.sp .door{box-shadow:0 40px 70px -32px #0f1e338c}html{scroll-behavior:smooth}@keyframes spInL{0%{opacity:0;translate:-90px 50px;rotate:-7deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes spInR{0%{opacity:0;translate:90px 50px;rotate:7deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes spInU{0%{opacity:0;translate:0 80px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@supports (animation-timeline: view()){.sp-anim .in-l{animation:spInL cubic-bezier(.2,.8,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 30%}.sp-anim .in-r{animation:spInR cubic-bezier(.2,.8,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 30%}.sp-anim .in-u{animation:spInU cubic-bezier(.2,.8,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 28%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.sp .hero-deco span{box-shadow:0 26px 40px -16px #0f1e3359}.sp .pill{transition:transform .25s cubic-bezier(.3,1.6,.5,1),background-color .2s,color .2s}.sp .pill:hover{transform:scale(1.04) rotate(-1.5deg)}.sp .ghost:hover{background:#0f1e33;color:#fffcf7}.sp .ghost-light:hover{background:#fffcf7;color:#0f1e33}.sp .cta{box-shadow:0 6px #c42a1b,0 20px 32px -12px #ff473699;transition:transform .2s ease,box-shadow .2s ease}.sp .cta:hover{transform:translateY(-3px);box-shadow:0 9px #c42a1b,0 28px 42px -14px #ff4736a6}.sp .cta:active{transform:translateY(4px);box-shadow:0 2px #c42a1b,0 8px 16px -8px #ff473680}.sp .arrow{transition:transform .25s ease}.sp .cta:hover .arrow,.sp .pill:hover .arrow{transform:translate(4px)}.sp .polaroid{box-shadow:8px 8px #0f1e33;transition:transform .45s cubic-bezier(.3,1.6,.5,1),box-shadow .35s ease}.sp .polaroid:hover{transform:rotate(0) translateY(-10px);box-shadow:14px 20px #0f1e33}@keyframes spFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spMorph{0%,to{border-radius:48% 52% 55% 45%/52% 47% 53% 48%}33%{border-radius:55% 45% 48% 52%/46% 54%}66%{border-radius:45% 55% 52% 48%/54% 48% 52% 46%}}@keyframes spWobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes spBounce{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes spMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sp .recede>div{width:100%}@keyframes spRecede{to{translate:0 min(100%,100vh);scale:.94}}.sp .recede{will-change:translate,scale;transform-origin:50% 100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}@supports (animation-timeline: view()){.sp-anim .recede{animation:spRecede linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}@keyframes spNav{0%{padding:28px 0;margin-top:0;background:#fffcf700;box-shadow:0 0 #0f1e3300;max-width:1280px}to{padding:8px 10px 8px 22px;margin-top:14px;background:#fffcf7;box-shadow:0 14px 34px -14px #0f1e3359,0 0 0 2px #0f1e33;max-width:980px}}@keyframes spNavLogo{0%{height:56px}to{height:38px}}.sp .navbar{will-change:padding}@supports (animation-timeline: scroll()){.sp .navbar{animation:spNav linear both;animation-timeline:scroll(root);animation-range:0 220px}.sp .navlogo{animation:spNavLogo linear both;animation-timeline:scroll(root);animation-range:0 220px}}@supports not (animation-timeline: scroll()){.sp .navbar{background:#fffcf7f0;padding:10px 14px 10px 22px!important;margin-top:12px!important;box-shadow:0 14px 34px -14px #0f1e3359,0 0 0 2px #0f1e33}.sp .navlogo{height:40px!important}}@keyframes spTick{0%{translate:220px 0}to{translate:-220px 0}}@supports (animation-timeline: view()){.sp-anim .marquee{animation:spMarquee 34s linear infinite,spTick linear both;animation-timeline:auto,view();animation-range:normal,cover 0% cover 100%}}@keyframes spRise{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}@keyframes spWow{0%{transform:scale(.2);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.3,1)}10%{opacity:1}32%{transform:scale(1.28)}44%{transform:scale(1.18) rotate(-6deg)}54%{transform:scale(1.18) rotate(6deg)}63%{transform:scale(1.14) rotate(-4deg)}71%{transform:scale(1.1) rotate(3deg)}79%{transform:scale(1.04) rotate(-1.5deg)}88%{transform:scale(.98) rotate(0)}to{transform:none;opacity:1}}@keyframes spToss{0%{transform:translateY(.9em) scale(.85);opacity:0;animation-timing-function:cubic-bezier(.33,.67,.6,1)}10%{opacity:1}44%{transform:translateY(-.7em) scale(.96,1.04);animation-timing-function:cubic-bezier(.4,0,.67,.4)}72%{transform:translateY(0) scale(1.16,.84);animation-timing-function:cubic-bezier(.33,.67,.6,1)}83%{transform:translateY(-.09em) scale(.98,1.02);animation-timing-function:cubic-bezier(.4,0,.67,.4)}92%{transform:translateY(0) scale(1.04,.96);animation-timing-function:ease-out}to{transform:none;opacity:1}}@keyframes spPx{0%{translate:0 var(--px)}to{translate:0 calc(var(--px) * -1)}}@keyframes spDotPop{0%{scale:0}70%{scale:1.15}to{scale:1}}@keyframes spScribble{0%{stroke-dashoffset:320}to{stroke-dashoffset:0}}.sp .px{--px:60px}.sp .polaroid{--px:-22px}.sp .polaroid:nth-child(2){--px:54px}.sp .scribble path{stroke-dasharray:320}.sp-anim .morph{animation:spFloat 6s ease-in-out infinite,spMorph 9s ease-in-out infinite}.sp-anim .m2{animation-delay:-2s,-3s}.sp-anim .m3{animation-delay:-4s,-6s}.sp-anim .wobble{animation:spWobble 3s ease-in-out 1.2s infinite}.sp-anim .bounce{animation:spBounce .9s cubic-bezier(.3,1.6,.5,1) .6s both,spBreathe 7s ease-in-out 1.6s infinite,spMorph 12s ease-in-out 1.6s infinite}@keyframes spBreathe{0%,to{scale:1;rotate:0deg}50%{scale:1.035;rotate:3deg}}@keyframes spBreatheL{0%,to{scale:1;rotate:0deg}50%{scale:1.025;rotate:-2deg}}.sp-anim .breathe{animation:spBreatheL 7s ease-in-out infinite}.sp-anim .b1{animation-delay:.4s}.sp-anim .b2{animation-delay:2.8s}.sp-anim .b3{animation-delay:4.2s}.sp-anim .marquee{animation:spMarquee 34s linear infinite}.sp-anim .rise{animation:spRise .9s cubic-bezier(.2,.9,.2,1) both}.sp-anim .r2{animation-delay:.12s}.sp-anim .r3{animation-delay:.24s}.sp-anim .beat{transition:opacity .28s ease,transform .44s cubic-bezier(.3,1.5,.5,1)}.sp-anim .chev{transition:transform .72s cubic-bezier(.5,1.7,.4,1)}.sp-anim .punct{transition:opacity .3s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}.sp-anim .bang{transition:opacity .16s ease,transform .56s cubic-bezier(.34,2.1,.5,1)}@supports (animation-timeline: view()){.sp-anim .px,.sp-anim .polaroid{animation:spPx linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sp-anim .scribble path{animation:spScribble linear both;animation-timeline:view();animation-range:entry 40% cover 45%}.sp-anim .dotpop{animation:spDotPop linear both;animation-timeline:view();animation-range:entry 10% cover 30%}.sp-anim .dp2{animation-range:entry 30% cover 35%}.sp-anim .dp3{animation-range:entry 50% cover 40%}}@media (max-width: 860px){.sp .constel-line{display:none}.sp .dotwrap{height:140px!important}.sp .dotwrap .dotpop{top:70px!important}}@media (max-width: 760px){.sp .hero-deco{display:none}}@media (prefers-reduced-motion: reduce){.sp-anim *{animation:none!important}}@media (max-width: 640px){.sp .navlink{display:none!important}.sp #top{padding-top:96px!important;justify-content:center;text-align:center}.sp .hero-text{align-items:center}.sp .hero-text h1{font-size:min(15vw,8.5vh)!important}.sp .hero-actions,.sp .hero-actions>div,.sp .hero-actions>div>div{justify-content:center;align-items:center}.sp .about{padding:44px 20px 64px!important}.sp .about-inner{gap:20px!important;padding-top:16px!important;justify-content:center;text-align:center}.sp .portrait{width:min(128px,18vh)!important;box-shadow:6px 7px #0f1e33!important}.sp .portrait span{font-size:11px!important}.sp .portrait-wrap>span{width:26px!important;height:26px!important;right:calc(50% - 82px)!important}.sp .about-text{gap:16px!important;align-items:center}.sp .about-h2{font-size:46px!important}.sp .about-text>p{font-size:17px!important}.sp .bubble{padding:18px 20px!important;box-shadow:5px 5px #0f1e33!important}.sp .bubble>span{display:none!important}.sp .bubble p:last-child{font-size:21px!important}}.sp .hbar{display:none}@media (max-width: 640px){.sp #how.recede{animation:none!important;min-height:0!important;display:block!important}.sp #how{padding:24px 0 80px!important}.sp #how>div{padding-top:0!important;gap:0!important}.sp .hpin{height:300svh;position:relative}.sp .hsticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px}.sp .htrack{will-change:transform}.sp .htrack .qgrid{display:flex!important;gap:24px!important;padding:64px 11vw 12px!important;width:max-content}.sp .htrack .qcard{width:78vw;flex:0 0 78vw;margin-top:0!important;animation:none!important}.sp .hbar{display:block;margin:0 11vw;height:4px;border-radius:4px;background:#e8eaef;overflow:hidden}.sp .hbar>span{display:block;height:100%;width:calc(var(--prog, 0) * 100%);background:#0f1e33;border-radius:4px}.sp #discovery{margin:24px 20px 0!important}}
