@property --stage-reveal{syntax:"<number>";inherits:false;initial-value:0}.landing-art{-webkit-mask-image:linear-gradient(#000 55%,#000d 68%,#0006 82%,#0001 94%,#0000 100%);mask-image:linear-gradient(#000 55%,#000d 68%,#0006 82%,#0001 94%,#0000 100%)}.landing-grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}@keyframes landing-enter{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@property --signup-reach{syntax:"<percentage>";inherits:false;initial-value:0%}.landing-signup fieldset:before{-webkit-mask-image:linear-gradient(to right, #000 var(--signup-reach), transparent calc(var(--signup-reach) + 65%));mask-image:linear-gradient(to right, #000 var(--signup-reach), transparent calc(var(--signup-reach) + 65%))}@media (width<=600px){.landing-signup fieldset:before{-webkit-mask-image:linear-gradient(to bottom, #000 var(--signup-reach), transparent calc(var(--signup-reach) + 50%));mask-image:linear-gradient(to bottom, #000 var(--signup-reach), transparent calc(var(--signup-reach) + 50%))}}.landing-signup fieldset:is([data-state=leaving],[data-state=joined]):before{--signup-reach:100%;opacity:.6;transition:opacity .2s ease-out,--signup-reach .9s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.landing-signup fieldset[data-state=joined]:before{transition:none}}@property --signup-nudge{syntax:"<number>";inherits:true;initial-value:0}.landing-signup fieldset[data-state=leaving]>:is(input,button){opacity:0;filter:blur(3px);transition:opacity .15s ease-in,filter .15s ease-in}@keyframes signup-sending{50%{transform:translate(3px)}}.drift-ribbon{background:radial-gradient(ellipse at 85% 45%, color-mix(in srgb, var(--effect-color-2) 30%, transparent), transparent 45%), radial-gradient(ellipse at 15% 55%, color-mix(in srgb, var(--effect-color-1) 25%, transparent), transparent 40%), radial-gradient(ellipse at 80% 65%, color-mix(in srgb, var(--effect-color-3) 25%, transparent), transparent 40%);-webkit-mask-image:linear-gradient(#0000,#000 24% 55%,#0000),radial-gradient(at 50% 30%,#0003 8%,#0009 40%,#000 75%);mask-image:linear-gradient(#0000,#000 24% 55%,#0000),radial-gradient(at 50% 30%,#0003 8%,#0009 40%,#000 75%);-webkit-mask-composite:source-in;mask-composite:intersect}.signup-glow-rim{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.signup-glow-wash{-webkit-mask-image:linear-gradient(#000,#0000 14px calc(100% - 14px),#000),linear-gradient(90deg,#000,#0000 14px calc(100% - 14px),#000);mask-image:linear-gradient(#000,#0000 14px calc(100% - 14px),#000),linear-gradient(90deg,#000,#0000 14px calc(100% - 14px),#000)}@property --signup-spread{syntax:"<number>";inherits:true;initial-value:1}.signup-glow[data-joined] .signup-glow-mover{--signup-spread:14;transition:--signup-spread 1.8s cubic-bezier(.55,0,.25,1)}.signup-glow[data-joined][data-treatment=underlight] .signup-glow-mover{--signup-spread:5;background:radial-gradient(ellipse calc(75px * var(--signup-spread) * var(--signup-breath)) calc(22px * var(--signup-spread) * var(--signup-breath)) at calc(46% + var(--signup-glow-shift,0%)) 100%, var(--signup-color-a), transparent), radial-gradient(ellipse calc(60px * var(--signup-spread) * var(--signup-breath)) calc(18px * var(--signup-spread) * var(--signup-breath)) at calc(57% + var(--signup-glow-shift,0%)) 100%, var(--signup-color-b), transparent)}@property --signup-breath{syntax:"<number>";inherits:true;initial-value:1}.signup-glow[data-joined][data-treatment=underlight] :is(.signup-glow-wash,.signup-glow-rim){animation:signup-breathe 3.2s ease-in-out 1.8s infinite alternate var(--signup-play-state,running)}@keyframes signup-breathe{to{--signup-breath:1.2}}@media (prefers-reduced-motion:reduce){.signup-glow[data-joined] .signup-glow-mover{transition:none}.signup-glow[data-joined] :is(.signup-glow-wash,.signup-glow-rim){animation:none}}.signup-glow[data-treatment=underlight] .signup-glow-mover{background:radial-gradient(ellipse calc(75px * var(--signup-spread)) calc(22px * var(--signup-spread)) at 46% 100%, var(--signup-color-a), transparent), radial-gradient(ellipse calc(60px * var(--signup-spread)) calc(18px * var(--signup-spread)) at 57% 100%, var(--signup-color-b), transparent)}@keyframes signup-underlight{0%{opacity:0;transform:translate(-65%)}15%,85%{opacity:1}to{opacity:0;transform:translate(65%)}}.desk-demo-cursor{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .18s;transform:translate(75px,80px)}.desk-demo-cursor[data-clicking=true] span{animation:.15s ease-out demo-click}@keyframes demo-click{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.desk-demo-cursor{transition:none}.desk-demo-cursor span{animation:none}}.desk-demo-app [data-command-bar],.desk-demo-app .command-backdrop{left:calc(var(--rail) + (100% - var(--rail)) / 2);width:min(680px, calc(100% - var(--rail) - 24px))}.desk-demo-app [data-page-link][data-demo-hover],.desk-demo-app [data-task-id][data-demo-hover],.desk-demo-app [data-run-id][data-demo-hover]{background:var(--accent);color:var(--foreground)}.demo-control{cursor:pointer;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.demo-control:hover{background:var(--rule);color:var(--ink)}.demo-timeline{appearance:none;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 4px;border-radius:2px;height:44px;margin:0}.demo-timeline::-webkit-slider-runnable-track{background:0 0;height:4px}.demo-timeline::-moz-range-track{background:0 0;height:4px}.demo-timeline::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:12px;height:12px;margin-top:-4px}.demo-timeline::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.demo-caret{background:var(--ink);width:1px;height:1.15em}@keyframes demo-caret{50%{opacity:0}}@media (prefers-reduced-motion:no-preference){.demo-typing[data-playing=true] .demo-caret{animation:1s step-end infinite demo-caret}}.desk-demo[data-scrubbing=true] .desk-demo-cursor{transition:none}.desk-demo[data-playing=false] .desk-demo-cursor span{animation-play-state:paused}@media (width<=767px){.desk-demo-app header>nav[aria-label=Pages]{grid-area:2/1/auto/-1;display:flex}.desk-demo-app header>div:first-child{grid-column:1/3}.desk-demo-app header>div:last-child{grid-area:1/3}.desk-demo-app header [aria-label=Menu]{display:none}}