:root{--page: #000000;--ground: #040710;--panel: #060A14;--panel-alt: #070C18;--slate: #3A506B;--cyan: #21BAB5;--paper: #EFF1FB;--white: #FFFFFF;--error: #E8676B;--supporting-1: #AFBFD4;--supporting-2: #C6D3E4;--supporting-3: #9FB0C6;--supporting-4: #7E90A8;--on-light-text-1: #33455C;--on-light-text-2: #04463F;--on-light-text-3: #0A2E2A}@font-face{font-family:Reddit Mono;src:url(/fonts/RedditMono-wght.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/fonts/Inconsolata-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--text: var(--paper);--text-2: var(--supporting-2);--text-3: var(--supporting-3);--text-4: var(--supporting-4);--on-light: var(--on-light-text-1);--on-light-ink: var(--ground);--rule: var(--slate);--masthead: 64px;--grid-cell: 72px;--grid-line: color-mix(in srgb, var(--slate) 30%, transparent);--gutter: 20px;--col: auto;--gutter-right: 20px;--mono: "Reddit Mono", ui-monospace, monospace;--display: "Inconsolata", ui-monospace, monospace;color-scheme:dark}@media(min-width:1024px){:root{--gutter: clamp(48px, 8vw, 160px);--col: clamp(28rem, 40vw, 36rem);--gutter-right: clamp(32px, 5vw, 96px);--stage-left: calc(var(--gutter) + var(--col) + clamp(48px, 6vw, 128px))}}*,*:before,*:after{box-sizing:border-box}html{background:var(--page);scroll-padding-top:var(--masthead);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--text-2);font-family:var(--mono);font-size:16px;font-weight:400;line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-cell) var(--grid-cell);background-position:50% 50%;mask-image:linear-gradient(to bottom,#000 0%,rgb(0 0 0 / .5) 45%,transparent 90%)}::selection{background:var(--cyan);color:var(--ground)}img,svg{display:block;max-width:100%}a{color:var(--cyan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:var(--paper)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);font-weight:400;text-wrap:balance}h1{font-family:var(--mono);font-size:clamp(36px,3.8vw,56px);font-weight:500;line-height:1.06;letter-spacing:-.045em}h2{font-family:var(--display);font-size:clamp(32px,3.2vw,44px);line-height:1.08;letter-spacing:-.04em}h3{font-family:var(--display);font-size:24px;line-height:1.2;letter-spacing:-.03em}p{text-wrap:pretty}.skip-link{position:absolute;left:16px;top:-64px;z-index:10;padding:8px 16px;background:var(--cyan);color:var(--ground);font-weight:600;text-decoration:none}.skip-link:focus{top:16px}.label{display:flex;align-items:center;gap:12px;color:var(--text-4);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.12em;text-transform:uppercase}.label:before{content:"";width:8px;height:8px;flex:none;background:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border:0;border-radius:0;background:var(--cyan);color:var(--ground);font:600 15px/1 var(--mono);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer}.button:hover{background:var(--paper);color:var(--ground)}.button:disabled{opacity:.6;cursor:progress}.masthead{position:sticky;top:0;z-index:5;background:var(--page);box-shadow:0 1px 0 var(--rule);overflow:clip}.masthead-inner{display:flex;align-items:center;justify-content:space-between;height:var(--masthead);padding-inline:var(--gutter) var(--gutter-right);overflow:clip;clip-path:inset(0)}.masthead-mark{display:flex;flex:none;width:70px;height:32px;transition:transform .28s ease}.masthead-mark img{width:70px;height:32px;object-fit:contain}.js .masthead.is-lockup-visible .masthead-mark{transform:translateY(calc(-100% - 20px));pointer-events:none}.masthead-cta{color:var(--text-2);font-size:13px;font-weight:500;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.masthead-cta:after{content:" \2192";color:var(--cyan)}.masthead-cta:hover{color:var(--cyan)}.scene{display:flex;flex-direction:column;justify-content:flex-start;padding-block:64px}.scene-text{display:grid;gap:24px;justify-items:start;width:var(--col);margin-inline:var(--gutter) var(--gutter-right)}.scene-text>.label,.hero-intro>.label{margin-bottom:8px}.hero-intro{display:grid;gap:24px;justify-items:start}.hero-heading{display:grid;gap:16px}.hero-lead{max-width:18ch;font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.15;letter-spacing:-.03em}.hero-turn{color:var(--cyan);font-size:clamp(34px,4.4vw,64px);line-height:1.05}.hero-brand{display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin-top:8px}.lockup{flex:none;width:clamp(88px,9vw,128px);height:auto;aspect-ratio:703.31 / 528}.js:not(.media-ready) body{visibility:hidden}.hero-intro .signup-form{width:100%;margin-top:8px}.tagline{max-width:32ch;color:var(--text-2);font-family:var(--display);font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.prose{display:grid;gap:20px}.prose h2,.prose h3{font-family:var(--mono);font-weight:500;letter-spacing:-.02em;text-wrap:pretty}.prose h2{font-size:18px;line-height:1.35;margin-top:12px}.prose h3{font-size:16px;line-height:1.4}.prose p{font-size:16px;line-height:1.6}.steps{display:grid;width:100%;margin:0;padding:0;list-style:none}.step{border-top:1px solid var(--rule)}.step:not(:has(details)){display:grid;gap:10px;padding-block:20px 22px}.step details{display:grid}.step summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;cursor:pointer;list-style:none}.step summary::-webkit-details-marker{display:none}.step summary:after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background-color:var(--on-light-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6.5 8 11l4.5-4.5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.step details[open] summary:after{transform:rotate(180deg)}.step summary h3{margin:0}.step-body{display:grid;gap:12px;padding-bottom:18px}.scene-text>p,.step p:not(.label){font-size:19px;line-height:1.55}.scene-text>p.turn{color:var(--cyan);font-weight:700}.step p:not(.label){color:var(--text-3)}em{color:var(--text);font-style:normal}.signup-form{display:grid;gap:12px;width:100%;margin-top:16px}.signup-form label{color:var(--text-4);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.field-row{display:flex}.signup-form input[type=email]{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--white);border-right:0;border-radius:0;background:var(--white);color:#000;caret-color:#000;color-scheme:light;font:400 16px/1 var(--mono)}.signup-form input[type=email]:-webkit-autofill,.signup-form input[type=email]:-webkit-autofill:hover,.signup-form input[type=email]:-webkit-autofill:focus{-webkit-text-fill-color:#000;caret-color:#000;box-shadow:0 0 0 1000px var(--white) inset}.signup-form input[type=email]:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.signup-form input[aria-invalid=true]{border-color:var(--error)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.consent{color:var(--text-4);font-size:13px}.consent span{display:block}.js .consent{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .22s ease}.js .consent span{min-height:0;overflow:hidden}.js .signup-form.is-consent-open .consent{grid-template-rows:1fr;opacity:1}.js #updates .consent{display:block;opacity:1;transition:none}.js #updates .consent span{overflow:visible}.form-message{font-size:14px}.form-message.is-success{color:var(--cyan)}.form-message.is-error{color:var(--error)}.footer{position:relative;z-index:3;padding-block:24px;background:var(--page);box-shadow:inset 0 1px 0 var(--rule)}.scene.footer{padding-block:24px}.footer-inner{display:grid;gap:16px;align-items:start;margin-inline:var(--gutter) var(--gutter-right);color:var(--text-4);font-size:12px;line-height:1.4}.footer-inner:not(:has(#updates)){gap:12px}.footer-meta{display:contents}.footer-copy,.footer-legal{margin:0}.footer-copy{order:1}#updates{order:2;width:min(100%,460px)}.footer-legal{order:3;font-size:11px;line-height:1.45}#updates .signup-form{gap:8px;margin-top:0}#updates .signup-form input[type=email],#updates .button{height:40px}#updates .consent{margin:0;font-size:12px;line-height:1.35}.scene-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;margin:48px var(--gutter-right) 0 var(--gutter)}.scene-figure>img,.scene-figure>svg{justify-self:center;width:100%;max-width:var(--fig-max, 100%);height:auto;max-height:70svh;object-fit:contain}.fig-chain{--fig-max: 380px}.fig-why{--composer: color-mix(in srgb, var(--slate) 14%, var(--page));--composer-edge: color-mix(in srgb, var(--slate) 60%, transparent)}.work{display:flex;flex-direction:column;justify-content:flex-end;width:min(100%,380px);min-height:460px;max-height:70svh;margin-inline:auto;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 12%)}.work-stack{display:grid;gap:14px;align-content:end}.work-composer{display:grid;gap:16px;padding:18px 16px 14px 20px;border:1px solid var(--composer-edge);border-radius:24px;background:var(--composer);box-shadow:0 24px 48px -28px #000000e6;transition:opacity .5s ease,box-shadow .5s ease}.work.is-working .work-composer{opacity:.62;box-shadow:none}.work-text{display:grid;color:var(--text-2);font-size:16px;font-weight:350;line-height:1.5;hyphens:none}.work-full,.work-typed{grid-area:1 / 1}.work-full{color:transparent}.work-foot{display:flex;align-items:center;justify-content:space-between}.work-attach,.work-send{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:15px;line-height:1}.work-attach{border:1px solid var(--composer-edge);color:var(--text-4)}.work-send{background:color-mix(in srgb,var(--slate) 70%,transparent);color:var(--text-4)}.js .work.is-sent .work-send{animation:work-send .48s ease}@keyframes work-send{35%{background:color-mix(in srgb,var(--slate) 55%,var(--paper));color:var(--paper)}}.work-status{margin:0;color:var(--text-4);font-size:12px;letter-spacing:.04em}.work-steps{display:grid;gap:10px;margin:0;padding:14px 14px 14px 16px;list-style:none;border:1px solid var(--composer-edge);border-radius:16px;background:var(--composer)}.work-steps li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:center;color:var(--text-2);font-size:13px;line-height:1.3}.work-tick{width:16px;height:16px;border:1.5px solid var(--cyan);border-radius:50%}.work-tick:after{content:"";display:block;width:7px;height:4px;margin:4px 0 0 3px;border-bottom:1.5px solid var(--cyan);border-left:1.5px solid var(--cyan);transform:rotate(-45deg)}.js .work-tick.is-spinning{border-color:transparent;border-top-color:var(--cyan);border-right-color:var(--cyan)}.js .work-tick:after{opacity:0;transition:opacity .16s ease}.js .work-tick.is-drawn:after{opacity:1}.work-branch{color:var(--text-4);font-size:12px}.work-link{display:grid;gap:8px;margin:0;padding:14px 16px;border:1px solid var(--composer-edge);border-radius:16px;background:var(--composer)}.work-look,.work-url{margin:0}.work-look{color:var(--text);font-size:14px}.work-url{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.work-url svg{flex:none;color:var(--text-3)}.work-merge{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.work-approve{padding:8px 12px;border:1px solid var(--cyan);border-radius:12px;color:var(--text);font-size:14px;line-height:1.2}.work-approve:after{content:" \2713"}.js .work-status,.js .work-steps,.js .work-link,.js .work-merge{display:none}.js .work.is-working:not(.is-linked) .work-status{display:block}.js .work.is-working .work-steps,.js .work.is-linked .work-steps,.js .work.is-merged .work-steps{display:grid}.js .work-steps li{display:none}.js .work[data-step="1"] .work-steps li:nth-child(-n+1),.js .work[data-step="2"] .work-steps li:nth-child(-n+2),.js .work[data-step="3"] .work-steps li:nth-child(-n+3),.js .work[data-step="4"] .work-steps li:nth-child(-n+4),.js .work[data-step="5"] .work-steps li:nth-child(-n+5){display:grid}.js .work.is-linked .work-link,.js .work.is-merged .work-link{display:grid}.js .work.is-merged .work-merge{display:flex}.fig-prompts{--composer: color-mix(in srgb, var(--slate) 14%, var(--page));--composer-edge: color-mix(in srgb, var(--slate) 60%, transparent);--card: 84cqi;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:center}.prompts{container-type:inline-size;min-width:0}.prompt-stage{overflow:hidden;min-width:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.js .prompts{pointer-events:auto}.prompts-head{position:relative}.prompts-ask{padding-inline:calc((100cqi - var(--card)) / 2 + 8px);color:var(--text);font-family:var(--display);font-size:clamp(22px,2.2vw,32px);line-height:1.2;letter-spacing:-.03em}.prompt-navs{position:absolute;top:0;right:0;display:flex}.js .prompt-navs{pointer-events:auto}.prompt-nav{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--text-4);cursor:pointer}.prompt-nav:hover,.prompt-nav:focus-visible{color:var(--paper)}.prompt-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--card);gap:16px;width:max-content;padding:24px calc((100cqi - var(--card)) / 2) 40px}.js .prompt-track.is-placed{transition:transform .5s ease}.js .prompt:not(.is-current){opacity:.4}.prompt{display:grid;grid-template-rows:1fr auto;gap:20px;min-height:188px;padding:22px 16px 16px 24px;border:1px solid var(--composer-edge);border-radius:24px;background:var(--composer);box-shadow:0 24px 48px -28px #000000e6;transition:opacity .4s ease,border-color .4s ease}.js .prompt.is-current{border-color:var(--slate)}.prompt-text{padding-right:8px;color:var(--text-2);font-size:18px;font-weight:350;line-height:1.55;hyphens:none}.type-word{font-kerning:none;font-variant-ligatures:none}.type-ch:not(.is-on){color:transparent}.type-ch.is-caret,.type-ch.is-caret-end{position:relative}.prompt.is-current .type-ch.is-caret:before,.prompt.is-current .type-ch.is-caret-end:after,.work.is-typing .type-ch.is-caret:before{content:"";position:absolute;top:.15em;width:2px;height:1em;border-radius:1px;background:var(--supporting-4)}.prompt.is-current .type-ch.is-caret:before,.work.is-typing .type-ch.is-caret:before{left:0}.prompt.is-current .type-ch.is-caret-end:after{left:100%;margin-left:2px}.prompt.is-ready .type-ch.is-caret-end:after{animation:caret 1.1s ease-in-out infinite}.js .prompt-text{display:grid}.js .prompt-full,.js .prompt-typed{grid-area:1 / 1}.js .prompt-full{color:transparent}@keyframes caret{50%{opacity:0}}.prompt-foot{display:flex;align-items:center;justify-content:space-between}.prompt-attach,.prompt-send{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:16px;line-height:1}.prompt-attach{border:1px solid var(--composer-edge);color:var(--text-4)}.prompt-send{background:color-mix(in srgb,var(--slate) 70%,transparent);color:var(--text-4)}.fig{overflow:visible}.chain-link{fill:none;stroke:var(--cyan);stroke-width:16}.chain-reveal{fill:none;stroke:#fff;stroke-width:80}.js-ready .scene:not(.is-seen) .chain-reveal{stroke-dasharray:0 20 0 3000}.chain-halo{fill:none;stroke:#000;stroke-width:32}.chain-text{opacity:1}.fig.chain text{fill:var(--text-2);font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:0}.fig.chain .chain-label{fill:var(--cyan);font-size:11px;font-weight:500;letter-spacing:.14em}.scene-light .scene-text h2,.scene-light .scene-text h3,.scene-light .scene-text em{color:var(--on-light-ink)}.scene-light .scene-text>p,.scene-light .step p:not(.label){color:var(--on-light)}.scene-light .scene-text>p.turn{color:var(--cyan)}.scene-light .step{border-top-color:color-mix(in srgb,var(--slate) 45%,var(--paper))}.fig-ready{grid-template-rows:auto;align-content:center}.ready{container-type:inline-size;display:grid;gap:40px;justify-self:center;width:100%;max-width:540px}.ready-bars{display:grid;gap:48px}.ready-row{--fill: 100%;display:grid;gap:12px}.js .ready-row{--fill: 0%}.ready-head{display:flex;align-items:center;gap:10px}.ready-name{color:var(--text);font-size:clamp(16px,3.6cqi,20px);font-weight:500;letter-spacing:-.01em}.ready-prod .ready-name{color:var(--cyan)}.ready-tick{display:grid;flex:none;width:20px;height:20px}.js .ready-tick:not(.is-on){opacity:0;transform:scale(.4)}.js .ready-tick.is-on{opacity:1;transform:none}.ready-check{width:20px;height:20px;color:var(--paper)}.ready-prod .ready-check{color:var(--cyan)}.ready-check circle{fill:currentColor}.ready-check path{fill:none;stroke:var(--ground);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ready-pct{min-width:4ch;margin-left:auto;color:var(--text);font-family:var(--display);font-size:clamp(32px,9cqi,48px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-align:right}.ready-bar{background:color-mix(in srgb,var(--slate) 18%,var(--page))}.ready-parts{display:grid;grid-auto-columns:minmax(min-content,1fr);grid-auto-flow:column;gap:2px;height:clamp(44px,11cqi,56px);margin:0;padding:0;list-style:none;clip-path:inset(0 calc(100% - var(--fill)) 0 0)}.ready-part{display:grid;place-items:center;padding-inline:4px;background:var(--cyan);color:var(--ground);font-size:clamp(8px,1.9cqi,11px);font-weight:500;line-height:1.2;letter-spacing:.1em;text-align:center;text-transform:uppercase}.ready-part.is-light{background:var(--paper);color:var(--on-light)}.ready-note{display:grid;justify-items:start;gap:4px;font-size:clamp(13px,3cqi,16px);line-height:1.5}.ready-type{white-space:nowrap;clip-path:inset(0)}.ready-type+.ready-type{color:var(--cyan)}.js .ready-type{clip-path:inset(0 100% 0 0)}.js .ready-prod:not(.is-in){opacity:0}@media(min-width:1024px){.scene-hero{min-height:calc(100svh - var(--masthead))}.footer{min-height:0}.footer-inner:has(#updates){grid-template-columns:var(--col) minmax(0,1fr);column-gap:clamp(48px,6vw,128px);align-items:start}.footer-meta{display:grid;gap:10px;align-content:start}.footer-inner:not(:has(#updates)) .footer-meta{gap:12px}.footer-copy,#updates,.footer-legal{order:0}#updates{justify-self:start}.scene-light{position:relative}.scene-light:before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:var(--stage-left);background:var(--paper);pointer-events:none}.scene-light .scene-text{position:relative;z-index:1}.js .scene-figure{position:fixed;top:calc(var(--masthead) + 48px);bottom:48px;left:var(--stage-left);right:var(--gutter-right);z-index:2;margin:0;align-content:center;opacity:0;visibility:hidden;transform:translateY(24px);pointer-events:none;transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s linear .6s}.js .scene.is-active .scene-figure{opacity:1;visibility:visible;transform:none;transition-delay:0s}.js .scene-figure>img,.js .scene-figure>svg{height:100%;max-height:none}.js .fig-why{align-content:center}.js .fig-why .work{height:min(460px,100%);min-height:0;max-height:100%}.scene-hero{padding-top:0}.hero-intro{min-height:calc(100svh - var(--masthead));align-content:center;padding-block:64px}.fig-prompts{--card: 72cqi}.prompt-stage{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.prompt-track{gap:20px}}@media(max-width:1023px){.work{min-height:0;max-height:none;overflow:visible;justify-content:flex-start;mask-image:none}.scene{padding-block:48px}.scene-light{padding-block:0}.scene-light .scene-text{width:auto;margin-inline:0;padding:48px var(--gutter);background:var(--paper)}.scene-hero{padding-top:48px}}@media(max-width:560px){.field-row{flex-direction:column;gap:12px}#updates .field-row{gap:8px}.signup-form input[type=email]{flex:none;border-right:1px solid var(--white)}}@media(prefers-reduced-motion:reduce){.js .scene-figure,.js .prompt,.js .prompt-track,.chain-link,.chain-text,.work,.work-composer,.work-steps li{transition:none!important}.js .chain-reveal,.type-ch:before,.type-ch:after,.js .ready-row,.js .ready-check,.js .ready-type,.js .consent,.js .work-send,.js .work-tick,.js .work-tick:after{animation:none!important}.js .consent{transition:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
