.launch-hero{container:hero/inline-size}.hero-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""lede""form""art";display:grid}.hero-title{grid-area:title;scroll-margin-top:6rem;font-size:clamp(3.25rem,10.5cqi,6rem);line-height:.95}.hero-lede{text-wrap:balance;grid-area:lede;max-width:36rem;margin-top:1.5rem;font-size:1.25rem;line-height:1.4}.hero-form{grid-area:form;min-width:0;margin-top:2.5rem}.launch-hero [data-art]{display:none}.launch-hero:is([data-hero=a],:not([data-hero])) [data-art=a],.launch-hero[data-hero=b] [data-art=b],.launch-hero[data-hero=c] [data-art=c],.launch-hero[data-hero=d] [data-art=d]{display:block}.hero-chip{display:none}.hero-art-a{grid-area:art;align-self:start;min-width:0;margin-top:3rem;container:card/inline-size}@container hero (min-width:56rem){.launch-hero:is([data-hero=a],:not([data-hero])) .hero-stage{grid-template:"title art""lede art""form art"".art"1fr/minmax(0,1fr) minmax(0,28rem);column-gap:3.5rem}.launch-hero:is([data-hero=a],:not([data-hero])) .hero-title{font-size:min(6rem,9cqi)}.hero-art-a{margin-top:10px}}@container hero (min-width:66rem){.launch-hero:is([data-hero=a],:not([data-hero])) .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,34rem);column-gap:4.5rem}}.demo-card{background:var(--surface);box-shadow:0 -2px 0 0 var(--edge), 0 2px 0 0 var(--edge), -2px 0 0 0 var(--edge), 2px 0 0 0 var(--edge);margin:2px}.demo-stack{display:grid}.demo-sample{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.demo-sample:not([data-active]){display:none}.launch-hero[data-hero] .demo-sample:not([data-active]){visibility:hidden;display:flex}.demo-band{background:var(--color-bubblegum);min-height:44px;color:var(--color-cabinet);align-items:center;gap:10px;padding:8px 16px;font-weight:600;line-height:1.25;display:flex}.demo-globe{flex:none;width:24px;height:24px}.demo-host{overflow-wrap:anywhere;min-width:0}.demo-example{margin-left:auto;padding-left:12px;font-weight:500}.demo-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.demo-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;display:grid}.demo-logo{background:#fff;place-items:center;width:56px;height:56px;display:grid}.demo-logo img{object-fit:contain;width:100%;height:100%;display:block}.demo-name{font-family:var(--font-digits), var(--font-pixelify), sans-serif;overflow-wrap:anywhere;font-size:24px;font-weight:600;line-height:1.15}.demo-tagline{text-wrap:balance;grid-column:1/-1;font-size:18px;line-height:1.35}@container card (min-width:26rem){.demo-body{padding:24px}.demo-head{grid-template-rows:auto 1fr;align-items:start}.demo-logo{grid-row:1/span 2;width:72px;height:72px}.demo-name{font-size:32px}.demo-tagline{grid-column:2;margin-top:-6px;font-size:20px}}@container card (min-width:33rem){.demo-band{min-height:48px;padding-inline:20px}.demo-body{gap:20px;padding:28px 32px 32px}.demo-head{column-gap:20px}.demo-logo{width:80px;height:80px}}.demo-tags{flex-wrap:wrap;gap:8px;display:flex}.demo-tag{border:1px solid var(--line);color:var(--muted-ink);white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.demo-tag svg{flex:none;width:14px;height:14px}.demo-category{border-color:var(--edge);color:var(--ink);font-weight:600}.demo-price{border-color:var(--raised);background:var(--raised);font-variant-numeric:tabular-nums}.demo-summary{color:var(--muted-ink);text-wrap:pretty}:is(.demo-tagline,.demo-summary) .demo-beat{white-space:nowrap}.demo-status{background:var(--raised);color:var(--muted-ink);padding:12px 20px;font-size:14px;line-height:1.4;display:grid}@container card (min-width:26rem){.demo-status{padding-inline:24px}}@container card (min-width:33rem){.demo-status{padding:14px 32px}}.demo-status>*{grid-area:1/1;align-items:center;gap:10px;display:flex}.demo-status b{color:var(--ink);font-weight:600}.demo-status>.demo-busy{display:none}.launch-hero[data-hero=a] .demo-status>.demo-busy{visibility:hidden;display:flex}.demo-blocks{flex:none;gap:4px;display:flex}.demo-blocks i{background:var(--ink);opacity:.6;width:8px;height:8px}.demo-done svg{width:14px;height:14px;color:var(--positive);flex:none}@media (prefers-reduced-motion:no-preference){.launch-hero[data-hero=a] .demo-sample[data-active] .demo-host .demo-beat,.launch-hero[data-hero=a] .demo-sample[data-active] .demo-done{animation:1ms step-end backwards demo-appear;animation-delay:var(--d,var(--done))}.launch-hero[data-hero=a] .demo-sample[data-active] :is(.demo-logo,.demo-name .demo-beat,.demo-tagline .demo-beat,.demo-summary .demo-beat){animation:1ms step-end backwards demo-blank;animation-delay:var(--d)}.launch-hero[data-hero=a] .demo-sample[data-active] .demo-logo img{animation:.18s steps(3,end) backwards demo-pop;animation-delay:var(--d)}.launch-hero[data-hero=a] .demo-sample[data-active] .demo-tag{animation:1ms step-end backwards demo-blank,.16s steps(3,end) backwards demo-pop-tag;animation-delay:var(--d), var(--d)}.launch-hero[data-hero=a] .demo-sample[data-active] .demo-status>.demo-busy{animation:demo-hold var(--done) steps(1, end)}.launch-hero[data-hero=a] .demo-sample[data-active] .demo-blocks i{animation:1.2s step-end backwards demo-blocks;animation-delay:calc(var(--i) * .15s);animation-iteration-count:calc((var(--span) - var(--i) * 150) / 1200)}}@keyframes demo-appear{0%{visibility:hidden}}@keyframes demo-blank{0%{background-color:var(--line);color:#0000;border-color:#0000}}@keyframes demo-pop{0%{opacity:0;transform:scale(.5)}}@keyframes demo-pop-tag{0%{transform:scale(.94)}}@keyframes demo-hold{0%,to{visibility:visible}}@keyframes demo-blocks{0%{opacity:.2}12.5%{opacity:1}62.5%{opacity:.2}}.launch-hero[data-hero=b] .hero-stage{--pad:16px;--sky-top:48px;--sky-mid:44px;--ground-h:8px;--s1:2;--s2:2;--s3:3;--s4:3;--s5:4;--s6:4;padding-inline:var(--pad);background:var(--color-cabinet);color:var(--ink);text-align:center;box-shadow:0 -2px 0 0 var(--edge), 0 2px 0 0 var(--edge), -2px 0 0 0 var(--edge), 2px 0 0 0 var(--edge);grid-template-areas:"sky""title""lede""form""mid""lineup""ground";justify-items:center;margin:2px}@container hero (max-width:299px){.launch-hero[data-hero=b] .hero-stage{--s3:2;--s4:3;--s5:3;--s6:3}}@container hero (min-width:500px){.launch-hero[data-hero=b] .hero-stage{--pad:24px;--sky-top:56px;--sky-mid:48px;--s1:2;--s2:3;--s3:4;--s4:5;--s5:6;--s6:7}}@container hero (min-width:620px){.launch-hero[data-hero=b] .hero-stage{--pad:32px;--sky-top:64px;--sky-mid:56px;--ground-h:12px;--s1:3;--s2:4;--s3:5;--s4:6;--s5:7;--s6:8}}@container hero (min-width:760px){.launch-hero[data-hero=b] .hero-stage{--sky-top:76px;--sky-mid:64px;--s1:4;--s2:5;--s3:6;--s4:7;--s5:8;--s6:9}}@container hero (min-width:900px){.launch-hero[data-hero=b] .hero-stage{--pad:48px;--sky-top:88px;--sky-mid:72px;--ground-h:16px;--s1:5;--s2:6;--s3:7;--s4:8;--s5:9;--s6:10}}.b-sky-top,.b-sky-mid,.b-lineup,.b-ground{margin-inline:calc(-1 * var(--pad));justify-self:stretch}.b-sky-top{height:calc(var(--sky-top) - 16px);grid-area:sky}.b-sky-mid{height:calc(var(--sky-mid) - 18px);grid-area:mid;margin-top:18px}.b-wide,.launch-hero[data-hero=b] :is(.b-sky-left,.b-sky-right){display:none}.launch-hero[data-hero=b] .hero-title{width:fit-content;color:var(--color-bubblegum);margin-top:16px;font-size:clamp(2.75rem,15cqi,4rem);line-height:1}.launch-hero[data-hero=b] .hero-lede{max-width:36em;margin-top:20px;line-height:1.35}.launch-hero[data-hero=b] .hero-form{background:var(--surface);text-align:left;width:min(100%,40rem);box-shadow:0 -2px 0 0 var(--edge), 0 2px 0 0 var(--edge), -2px 0 0 0 var(--edge), 2px 0 0 0 var(--edge);margin-top:28px;padding:16px}@container hero (min-width:560px){.launch-hero[data-hero=b] .hero-title{font-size:min(10cqi,7rem)}}@container hero (min-width:620px){.launch-hero[data-hero=b] .hero-lede{margin-top:24px}.launch-hero[data-hero=b] .hero-form{margin-top:40px;padding:24px}}@container hero (min-width:760px){.b-wide{display:inline}}@container hero (min-width:940px){.launch-hero[data-hero=b] .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,40rem) minmax(0,1fr);grid-template-areas:"sky sky sky""title title title""left lede right""left form right""mid mid mid""lineup lineup lineup""ground ground ground";column-gap:40px}.launch-hero[data-hero=b] :is(.b-sky-left,.b-sky-right){place-self:stretch stretch;margin-top:24px;display:block}.b-sky-left{grid-area:left}.b-sky-right{grid-area:right}}.launch-hero[data-hero=b] .b-lineup{grid-area:lineup;justify-content:space-evenly;align-items:flex-end;display:flex;overflow-x:clip}.b-char{width:calc(16px * var(--s));height:calc(16px * var(--s));flex:none;display:block}.b-char:first-child{--s:var(--s1)}.b-char:nth-child(2){--s:var(--s2)}.b-char:nth-child(3){--s:var(--s3)}.b-char:nth-child(4){--s:var(--s4)}.b-char:nth-child(5){--s:var(--s5)}.b-char:nth-child(6){--s:var(--s6)}.b-ground{height:var(--ground-h);background:var(--color-bubblegum);grid-area:ground}@media (prefers-reduced-motion:no-preference){.launch-hero[data-hero=b] .b-char{animation:.36s step-end both b-roll-call;animation-delay:calc(.4s + var(--i) * .13s)}}@keyframes b-roll-call{0%,to{transform:translateY(0)}25%{transform:translateY(calc(var(--s) * -2px))}50%{transform:translateY(calc(var(--s) * -3px))}75%{transform:translateY(calc(var(--s) * -1px))}}.launch-hero[data-hero=c] .hero-stage{--px:3;--rows:57;--cx:123;background:var(--surface);color:var(--ink);box-shadow:0 -2px 0 0 var(--edge), 0 2px 0 0 var(--edge), -2px 0 0 0 var(--edge), 2px 0 0 0 var(--edge);grid-template-areas:"title""lede""form""scene";margin:2px}.launch-hero[data-hero=c] .hero-title{margin:24px 20px 0;font-size:clamp(2.5rem,8.5cqi,6rem);line-height:1}.launch-hero[data-hero=c] .hero-lede{text-wrap:pretty;max-width:34ch;margin:16px 20px 0}.launch-hero[data-hero=c] .hero-form{max-width:36rem;margin:28px 20px}.launch-hero[data-hero=c] .hero-form input{background:var(--ground)}.launch-hero[data-hero=c] [data-draft-row]{flex-direction:column;align-items:flex-start}.launch-hero[data-hero=c] [data-draft-row]>input,.launch-hero[data-hero=c] [data-draft-go]{flex:none;align-self:stretch}@container (min-width:25rem){.launch-hero[data-hero=c] [data-launch-button]{flex-grow:0}}.launch-hero[data-hero=c] .hero-chip{background:var(--raised);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;height:32px;padding:0 10px 0 9px;font-size:14px;font-weight:600;display:inline-flex}.hero-chip svg{width:16px;height:16px;color:var(--muted-ink);flex:none}.c-scene{height:calc(var(--rows) * var(--px) * 1px);grid-area:scene;position:relative;overflow:hidden}.c-scene-art{bottom:0;left:calc(50% - var(--cx) * var(--px) * 1px);width:calc(256px * var(--px));height:calc(100px * var(--px));position:absolute}.launch-hero[data-hero=c] .c-land{display:none}@container hero (min-width:600px){.launch-hero[data-hero=c] .hero-stage{--px:4;--rows:52}.launch-hero[data-hero=c] .hero-title{margin:32px 32px 0}.launch-hero[data-hero=c] .hero-lede{margin-inline:32px}.launch-hero[data-hero=c] .hero-form{margin:28px 32px 32px}}@container hero (min-width:820px){.launch-hero[data-hero=c] .hero-stage{--px:5;--rows:50}}@container hero (min-width:56rem){.launch-hero[data-hero=c] .hero-stage{--px:7;--cx:126;grid-template:"title scene""lede scene""form scene"".scene"1fr"land scene"/minmax(0,1fr) 420px}.launch-hero[data-hero=c] .hero-title{margin:48px 24px 0 48px}.launch-hero[data-hero=c] .hero-lede{margin:16px 24px 0 48px}.launch-hero[data-hero=c] .hero-form{margin:28px 24px 44px 48px}.c-scene{height:auto}.launch-hero[data-hero=c] .c-land{height:calc(5px * var(--px));background:var(--color-cabinet);grid-area:land;display:block}}.pad-rocket{transition:translate .24s steps(3,end)}.pad-flame{opacity:0;transition:opacity 0s linear .24s}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.launch-hero[data-hero=c]:has([data-launch-button]:hover) .pad-rocket{translate:0 -3px}.launch-hero[data-hero=c]:has([data-launch-button]:hover) .pad-flame{opacity:1;transition-delay:0s}}.launch-hero[data-hero=c]:has([data-launch-button]:is(:active,:focus-visible)) .pad-rocket{translate:0 -3px}.launch-hero[data-hero=c]:has([data-launch-button]:is(:active,:focus-visible)) .pad-flame{opacity:1;transition-delay:0s}.launch-hero[data-hero=c] .pad-beacon{animation:.48s step-end .3s 3 c-beacon}}@keyframes c-beacon{0%,to{opacity:1}50%{opacity:.15}}.launch-hero[data-hero=d] .hero-stage{grid-template-areas:"title""lede""form""list"}.launch-hero[data-hero=d] .hero-title{font-size:clamp(3rem,17cqi,6rem)}.launch-hero[data-hero=d] .hero-lede{max-width:30rem}.launch-hero[data-hero=d] .hero-form{max-width:34rem;margin-top:36px}.d-proof{min-width:0;box-shadow:0 -2px 0 0 var(--color-bubblegum), 0 2px 0 0 var(--color-bubblegum), -2px 0 0 0 var(--color-bubblegum), 2px 0 0 0 var(--color-bubblegum);grid-area:list;align-self:start;margin:58px 2px 2px}.d-proof h2{background:var(--color-bubblegum);color:var(--color-cabinet);padding:8px 16px 10px;font-size:20px;line-height:1.35}.d-screen{padding:16px}@container hero (max-width:30rem){.d-proof h2{padding-inline:12px}.d-screen{padding:12px}}@container hero (min-width:30rem){.launch-hero[data-hero=d] .hero-title{font-size:min(11.8cqi,6rem)}}@container hero (min-width:54rem){.launch-hero[data-hero=d] .hero-stage{--display:clamp(3.5rem, 8.6cqi, 6.25rem);grid-template:"title list""lede list""form list"".list"1fr/minmax(0,1.08fr) minmax(0,1fr);column-gap:clamp(3rem,6.5cqi,5.5rem)}.launch-hero[data-hero=d] .hero-title{font-size:var(--display)}.d-proof{margin-top:calc(2px + .148 * var(--display))}}@media (prefers-reduced-motion:no-preference){.launch-hero[data-hero=d] .d-logo{animation:d-logo-hop .42s steps(1, end) calc(.5s + var(--i) * .1s)}}@keyframes d-logo-hop{0%,to{transform:translate(0)}25%,75%{box-shadow:1px 1px 0 0 var(--edge);transform:translate(-1px,-1px)}50%{box-shadow:2px 2px 0 0 var(--edge);transform:translate(-2px,-2px)}}