:root{--ink:#0d0c0b;--cream:#f6f0e3;--spark:#fabd32;--ember:#c9731c;--smoke:#a8a193;--line:#f6f0e324;--danger:#ff8f7a;--display:"Bricolage Grotesque", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .5, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);margin:0}body{color:var(--cream);font-family:var(--display);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{--logo-w:clamp(230px, min(64vw, 50svh), 680px);isolation:isolate;background:var(--ink);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.stage[data-view=open]{--logo-w:clamp(180px, min(46vw, 27svh), 380px)}.stage[data-view=done]{--logo-w:clamp(220px, min(60vw, 40svh), 520px)}@media (width>=1800px){html{font-size:19px}}@media (width>=2400px){html{font-size:23px}}.stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 40%,#0000 38%,#0009 100%);position:absolute;inset:0}.glow{z-index:-3;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#c9731c57 0%,#c9731c1f 36%,#0000 64%);width:110vmin;animation:7s ease-in-out infinite alternate breathe;position:absolute;top:40%;left:50%;translate:-50% -50%}.glow-flash{z-index:-2;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fabd328c 0%,#fabd3229 34%,#0000 62%);width:90vmin;animation:1.6s ease-out .72s both glowFlash;position:absolute;top:40%;left:50%;translate:-50% -50%}.glow-flash.again{animation-delay:.45s}.grain{z-index:5;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero{text-align:center;flex-direction:column;align-items:center;width:min(100%,560px);padding:2.5rem 1.25rem 7rem;display:flex}.foot{font:400 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--smoke);opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:1.2s 2.4s forwards fade;display:flex;position:absolute;bottom:1rem;left:0;right:0}.social{gap:.4rem;display:flex}.social a,.social .soon{color:#f6f0e3d1;border:1px solid var(--line);width:2.75rem;height:2.75rem;transition:color .25s ease, border-color .25s ease, background .25s ease, transform .3s var(--ease-pop);border-radius:50%;place-items:center;display:grid}.social svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.social svg.fill{fill:currentColor;stroke:none;width:1.2rem;height:1.2rem}.social .soon{cursor:default;opacity:.55}.social a:hover{color:var(--spark);border-color:var(--spark);background:#fabd3214;transform:translateY(-3px)}.social a:focus-visible{outline:2px solid var(--spark);outline-offset:3px}.logo{width:var(--logo-w);aspect-ratio:640/588;transition:width .95s var(--ease-out);position:relative;container-type:inline-size}.float,.icon{position:absolute;inset:0}.float{animation:8s ease-in-out 2.6s infinite float}.layer{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.icon{--hx:49%;--hy:36%}.glass-l,.glass-r{transform-origin:50% 70%}.spark{transform-origin:var(--hx) var(--hy)}.icon:not(.celebrate) .glass-l{animation:1.15s ease-out .15s both glassInL}.icon:not(.celebrate) .glass-r{animation:1.15s ease-out .15s both glassInR}.icon:not(.celebrate) .spark-1{animation:sparkPop .75s var(--ease-pop) .8s both, flicker 3.8s ease-in-out 2s infinite}.icon:not(.celebrate) .spark-2{animation:sparkPop .75s var(--ease-pop) .72s both, flicker 4.4s ease-in-out 2.6s infinite}.icon:not(.celebrate) .spark-3{animation:sparkPop .75s var(--ease-pop) .86s both, flicker 3.4s ease-in-out 3.1s infinite}.icon.celebrate .glass-l{animation:1s ease-in-out .1s both clinkL}.icon.celebrate .glass-r{animation:1s ease-in-out .1s both clinkR}.icon.celebrate .spark{animation:1s ease-in-out .1s both sparkRe,3.8s ease-in-out 1.6s infinite flicker}.wordmark{animation:wordIn 1.1s var(--ease-out) 1.1s both}.dot{left:var(--hx);top:var(--hy);width:calc(var(--s) * 1px);aspect-ratio:1;background:var(--c);opacity:0;border-radius:50%;animation:1.1s cubic-bezier(.1,.8,.25,1) .45s both dotBurst;position:absolute}.reveal{opacity:0;width:100%;transition:grid-template-rows .85s var(--ease-out), opacity .4s ease;grid-template-rows:0fr;display:grid}.reveal[data-show=true]{opacity:1;grid-template-rows:1fr;transition-delay:0s,.15s}.reveal-inner{min-height:0;overflow:hidden}.pad{flex-direction:column;align-items:center;padding:1.1rem 1.75rem 2.2rem;display:flex}.intro .pad{padding-top:2.7rem}.cta{cursor:pointer;background:var(--spark);color:#19130a;font:700 1.08rem/1 var(--display);letter-spacing:.005em;opacity:0;animation:fadeUp .9s var(--ease-out) 2.25s forwards, ctaPulse 3.4s ease-out 3.2s infinite;transition:transform .3s var(--ease-pop), box-shadow .3s ease;border:0;border-radius:999px;align-items:center;gap:.7rem;padding:1.1rem 2.2rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 28px -8px #fabd328c}.cta svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem;transition:transform .3s var(--ease-pop)}.cta:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%);transition:translate .7s;position:absolute;inset:0;translate:-120%}.cta:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 32px -8px #fabd32b3}.cta:hover svg{transform:translate(4px)}.cta:hover:after{translate:120%}.cta:active{transform:scale(.98)}.sheet{text-align:left;flex-direction:column;gap:.8rem;width:min(380px,100%);padding-top:1rem;display:flex;position:relative}.sheet:before{content:"";background:linear-gradient(90deg, transparent, var(--spark), transparent);height:1px;transition:transform .9s var(--ease-out) .15s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.entry[data-show=true] .sheet:before{transform:scaleX(1)}.sheet>*{opacity:0;filter:blur(4px);transition:opacity .2s,transform .2s,filter .2s;transform:translateY(-16px)}.entry[data-show=true] .sheet>*{opacity:1;filter:none;transition:opacity .6s ease, transform .7s var(--ease-out), filter .6s ease;transition-delay:calc(.3s + var(--i) * 90ms);transform:none}.field{position:relative}.field input[type=text],.field input[type=tel]{border:1px solid var(--line);width:100%;height:3.6rem;font:500 1.08rem/1 var(--display);color:var(--cream);background:#f6f0e30b;border-radius:16px;outline:0;padding:1.35rem 1.1rem .4rem;transition:border-color .25s,background .25s,box-shadow .25s}.field input::placeholder{color:#0000;transition:color .2s}.field input:focus::placeholder{color:#8f887bb3}.field input:focus{border-color:var(--spark);background:#fabd320f;box-shadow:0 0 0 4px #fabd321f}.field label{pointer-events:none;font:400 1rem/1 var(--display);color:var(--smoke);transition:top .22s var(--ease-out), font-size .22s var(--ease-out), letter-spacing .22s ease, color .22s ease;position:absolute;top:1.2rem;left:1.1rem}.field input:focus+label,.field input:not(:placeholder-shown)+label{font:400 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;top:.52rem}.field input:focus+label{color:var(--spark)}.row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.consent{cursor:pointer;font:400 .78rem/1.45 var(--display);color:var(--smoke);align-items:flex-start;gap:.7rem;display:flex}.consent input{appearance:none;border:1px solid var(--smoke);cursor:pointer;width:1.2rem;height:1.2rem;transition:background .2s ease, border-color .2s ease, transform .25s var(--ease-pop);background:0 0;border-radius:6px;flex:none;margin:.05rem 0 0;position:relative}.consent input:after{content:"";width:.3rem;height:.6rem;transition:scale .25s var(--ease-pop);border:2px solid #19130a;border-width:0 2px 2px 0;position:absolute;top:.12rem;left:.36rem;rotate:45deg;scale:0}.consent input:checked{background:var(--spark);border-color:var(--spark);transform:scale(1.08)}.consent input:checked:after{scale:1}.consent input:focus-visible{outline:2px solid var(--spark);outline-offset:3px}.join{cursor:pointer;background:var(--spark);color:#19130a;width:100%;height:3.6rem;font:700 1.05rem/1 var(--display);transition:transform .3s var(--ease-pop), box-shadow .3s ease, width .5s var(--ease-out);border:0;border-radius:999px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px -8px #fabd3299}.join>*{transition:opacity .25s ease, transform .4s var(--ease-out);grid-area:1/1}.join:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px -8px #fabd32bf}.join:active:not(:disabled){transform:scale(.985)}.join:disabled{cursor:default}.join-dots{opacity:0;gap:.35rem;display:flex;transform:translateY(10px)}.join-dots i{background:#19130a;border-radius:50%;width:.5rem;height:.5rem;animation:.9s ease-in-out infinite bounce}.join-dots i:nth-child(2){animation-delay:.12s}.join-dots i:nth-child(3){animation-delay:.24s}.join-check{fill:none;stroke:#19130a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:1.7rem;height:1.7rem;transform:scale(.6)}.join-check path{stroke-dasharray:1;stroke-dashoffset:1px}.join[data-state=sending] .join-label,.join[data-state=sent] .join-label{opacity:0;transform:translateY(-10px)}.join[data-state=sending] .join-dots,.join[data-state=sent] .join-check{opacity:1;transform:none}.join[data-state=sent] .join-check path{animation:.5s ease-out .15s forwards draw}.field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #ff8f7a24}.consent input[aria-invalid=true]{border-color:var(--danger)}.cta:focus-visible,.join:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.error{min-height:1.2rem;font:500 .82rem/1.3 var(--display);color:var(--danger);margin:.65rem 0 0;animation:.45s nudge}.done{outline:0;padding-top:.6rem}.done-title{text-wrap:balance;max-width:13em;font:800 clamp(2.3rem, 10vw, 4.4rem) / 1.04 var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.025em;margin:0 auto}.done-title .w{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.done-title .w>span{display:inline-block;transform:translateY(115%)}.outro[data-show=true] .done-title .w>span{animation:lineUp .8s var(--ease-out) calc(.8s + var(--i,7) * 80ms) forwards}.done-title .hl{color:var(--spark);display:inline-block;position:relative}.done-title .hl svg{fill:none;width:104%;height:.2em;stroke:var(--spark);stroke-width:5px;stroke-linecap:round;position:absolute;bottom:-.12em;left:-2%;overflow:visible}.done-title .hl path{stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke}.outro[data-show=true] .done-title .hl path{animation:draw .7s var(--ease-out) 1.75s forwards}.done-sub{font:500 clamp(1rem, 3.8vw, 1.25rem) / 1.3 var(--display);color:var(--cream);letter-spacing:.01em;opacity:0;margin:1.3rem 0 0;transform:translateY(10px)}.outro[data-show=true] .done-sub{animation:popIn .9s var(--ease-out) 2.1s forwards}@keyframes breathe{0%{opacity:.75;scale:.96}to{opacity:1;scale:1.05}}@keyframes glowFlash{0%{opacity:0;scale:.6}18%{opacity:1}to{opacity:0;scale:1.15}}@keyframes float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes fade{to{opacity:1}}@keyframes fadeUp{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.78}}@keyframes glassInL{0%{opacity:0;transform:translate(-42%,16%)rotate(-30deg)}50%{opacity:1}62%{transform:translate(3%,-1%)rotate(3deg)}78%{transform:translate(-1%)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes glassInR{0%{opacity:0;transform:translate(42%,16%)rotate(30deg)}50%{opacity:1}62%{transform:translate(-3%,-1%)rotate(-3deg)}78%{transform:translate(1%)rotate(1deg)}to{opacity:1;transform:none}}@keyframes clinkL{0%{transform:none}32%{transform:translate(-9%,3%)rotate(-7deg)}58%{transform:translate(2%,-1%)rotate(2deg)}to{transform:none}}@keyframes clinkR{0%{transform:none}32%{transform:translate(9%,3%)rotate(7deg)}58%{transform:translate(-2%,-1%)rotate(-2deg)}to{transform:none}}@keyframes sparkPop{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes sparkRe{0%{transform:scale(1)}30%{opacity:.5;transform:scale(.45)}58%{opacity:1;transform:scale(1.4)}to{transform:scale(1)}}@keyframes dotBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--x) * 1cqw), calc(-50% + var(--y) * 1cqw)) scale(.2)}}@keyframes wordIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(14px)}35%{opacity:1}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes ctaPulse{0%{box-shadow:0 8px 28px -8px #fabd328c,0 0 #fabd3266}70%,to{box-shadow:0 8px 28px -8px #fabd328c,0 0 0 14px #fabd3200}}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes nudge{0%,to{translate:0}20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:3px}}@keyframes lineUp{to{transform:none}}@keyframes popIn{to{opacity:1;transform:none}}@media (height<=560px){.stage{--logo-w:clamp(150px, min(46vw, 40svh), 780px)}.stage[data-view=open]{--logo-w:clamp(120px, min(30vw, 24svh), 380px)}.stage[data-view=done]{--logo-w:clamp(150px, min(40vw, 38svh), 560px)}.hero{padding:1rem 1.25rem 4.6rem}.intro .pad{padding-top:1.4rem}.foot{gap:.3rem}.social a,.social .soon{width:2.4rem;height:2.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
