@font-face{font-family:Asap Condensed;src:url(/assets/AsapCondensed-BoldItalic-DPn5YdKe.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/BricolageGrotesque-Variable-CNnzk_ni.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--paper:oklch(97% .015 85);--ink:oklch(19% .008 55);--red:oklch(62% .22 30);--gutter:clamp(1rem,3.5vw,4rem);--headline:clamp(3rem,1.5rem + 4vw,6.25rem);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-wrap:break-word}*{box-sizing:border-box;min-inline-size:0}body{margin:0;min-block-size:100svh;display:flex;flex-direction:column}#app{flex:1}body:has(.variant-c){background:var(--red)}body:has(.variant-b){background:var(--ink)}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;-webkit-user-select:none;user-select:none}button:active,a:active{transform:translateY(2px)}:focus-visible{outline:3px solid currentColor;outline-offset:6px}button:disabled{cursor:wait}svg{display:block;inline-size:100%;block-size:auto}a{color:inherit;text-decoration:none}h1,p{margin:0}h1{font-size:var(--headline);line-height:1.04;font-weight:500;letter-spacing:0;text-wrap:balance}button svg{inline-size:1.2em;block-size:1.2em;flex:none}.site{overflow:clip;position:relative}.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;inline-size:100%;max-inline-size:90rem;margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));padding-block:max(1rem,env(safe-area-inset-top,0px)) 1rem;position:relative;z-index:2}.brand{min-block-size:44px;font-family:Asap Condensed,Arial,Helvetica,sans-serif;font-size:clamp(1.35rem,1rem + 1.4vw,2rem);font-weight:700;font-style:italic;letter-spacing:0;display:inline-flex;align-items:center;gap:.45rem}.demo-link{min-block-size:44px;white-space:nowrap;padding-block:.65rem;padding-inline:0;background:none;color:inherit;display:flex;gap:.7rem;align-items:center;font-size:.95rem}.cta{display:inline-flex;align-items:center;gap:1.5rem;border-radius:100px;padding-inline:1.6rem;padding-block:1.15rem;min-block-size:3.6rem;background:var(--ink);color:var(--paper);font-size:1rem;align-self:start;white-space:nowrap}.copy{display:flex;flex-direction:column;align-items:start;gap:2.5rem;position:relative;z-index:1}.art{position:relative}.ink{fill:var(--ink)}.paper{fill:var(--paper)}.red{fill:var(--red)}.stroke-paper{fill:none;stroke:var(--paper);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.stroke-ink{fill:none;stroke:var(--ink);stroke-width:8;stroke-linecap:round}.pupil{transform:translate(var(--eye-x,0px),var(--eye-y,0px))}.eye,.robot,.hand,.shutter,.punch-hand,.heart{transform-box:fill-box;transform-origin:center}.heart{visibility:hidden}.done .heart{visibility:visible}.done .robot{transform:translate(650px,60px) rotate(25deg)}.done .hand{transform:rotate(-9deg)}.variant-a .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-block-size:calc(100svh - 13rem);padding-inline:var(--gutter);gap:2rem}.variant-a .copy{padding-block-end:3rem}.variant-a h1{max-inline-size:9.5em}.variant-a .art{inline-size:115%;margin-inline-start:-6%}.variant-a .cta{background:var(--red);color:var(--ink)}.variant-b{background:var(--ink);color:var(--paper)}.variant-b .hero{display:flex;flex-direction:column;align-items:center;padding-block-start:1.7rem}.variant-b .copy{align-items:center;text-align:center;gap:1.7rem;padding-inline:var(--gutter)}.variant-b h1{font-size:clamp(2.8rem,1.5rem + 3.3vw,5.3rem);max-inline-size:13em}.variant-b .cta{align-self:center;background:var(--paper);color:var(--ink)}.variant-b .art{inline-size:min(100%,1000px);margin-block-start:1rem}.variant-b .done .robot{transform:translateY(400px)}.variant-b .done .shutter{transform:scaleY(1.5)}.variant-b .done .heart{visibility:visible}.variant-c{background:var(--red)}.variant-c .punch-hand{transform-origin:0 50%;transform:translate(-500px)}.variant-c .done .punch-hand{transform:translate(0)}.variant-c .post-portrait .portrait-mouth{--mouth-frown:path("M119 161q17 -17 34 0");--mouth-smile:path("M119 152q17 17 34 0");d:var(--mouth-frown)}.variant-c .art.done .post-portrait .portrait-mouth{d:var(--mouth-smile)}.variant-c .likes-after,.variant-c .art.done .likes-before{opacity:0}.variant-c .art.done .likes-after{opacity:1}.post-unliked{display:none}.variant-c .post-unliked{display:inline;fill:none;stroke:var(--ink);stroke-width:8;stroke-linejoin:round}.variant-c .post-like{opacity:0}.variant-c .art.manual.done .post-like{opacity:1}.variant-c .art.manual.done .post-unliked{opacity:0}.switcher{position:relative;display:flex;flex:none;align-items:center;justify-content:space-between;gap:.5rem;inline-size:min(22rem,calc(100% - 2rem));margin-inline:auto;margin-block:1.5rem max(1.25rem,env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);border-radius:100px;padding:.3rem;box-shadow:0 0 0 4px var(--paper)}.switcher button{background:transparent;color:inherit;inline-size:44px;block-size:44px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:1.3rem}.switcher-label{flex:1;text-align:center;font-size:.78rem;white-space:nowrap}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.production .switcher{display:none}@media(hover:hover)and (pointer:fine){.cta:hover svg,.demo-link:hover svg{transform:translate(4px)}.switcher button:hover{background:var(--paper);color:var(--ink)}.brand:hover{color:var(--red)}.variant-c .brand:hover{color:var(--paper)}}@media(prefers-reduced-motion:no-preference){.robot,.hand,.punch-hand{transition:transform .85s cubic-bezier(.22,1,.36,1)}.shutter{transition:transform .55s cubic-bezier(.22,1,.36,1)}.pupil{transition:transform .14s ease-out}.cta svg,.demo-link svg{transition:transform .2s ease-out}.heart,.done .heart{animation:heart-in .6s cubic-bezier(.22,1,.36,1) both}.art{animation:arrive .7s cubic-bezier(.22,1,.36,1) both}@keyframes arrive{0%{transform:translateY(25px)}to{transform:translateY(0)}}@keyframes heart-in{0%{transform:scale(.7)}to{transform:scale(1)}}}@media(max-width:700px){.masthead{padding-block:1.4rem}.demo-link{font-size:.85rem}.variant-a .hero{grid-template-columns:1fr;gap:0;padding-block-start:2rem;min-block-size:auto}.copy{gap:1.7rem}.variant-a .copy{padding-block-end:0}.variant-a h1{max-inline-size:11em}.variant-a .art{inline-size:min(100%,470px);margin-inline:auto;margin-block-start:0}.variant-b .hero{padding-block-start:2rem}.variant-b .art{inline-size:155%;max-inline-size:none;margin-block-start:2rem}.variant-b h1{max-inline-size:11em}.cta{font-size:.95rem;padding-block:1rem}.variant-b .art{margin-block-end:2rem}}.header-actions{display:flex;flex:none;align-items:center;gap:clamp(.25rem,1vw,1rem);margin-inline-start:auto}.motion-toggle{display:grid;place-items:center;inline-size:44px;block-size:44px;flex:none;border-radius:50%;background:transparent;color:inherit}.motion-toggle svg{inline-size:1rem;block-size:1rem}.post-response,.post-like{transform-box:fill-box;transform-origin:center}.post-response{transform-origin:50% 80%}.art>svg{overflow:clip}.motion-paused .art *{animation-play-state:paused!important}@media(hover:hover)and (pointer:fine){.motion-toggle:hover{background:var(--ink);color:var(--paper)}.variant-b .motion-toggle:hover{background:var(--paper);color:var(--ink)}}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}@media(prefers-reduced-motion:no-preference){:root{--scene-duration:9s;--spring:cubic-bezier(.2,.9,.25,1.15)}.variant-c{--scene-duration:7s;--post-focus-duration:.7s;--post-focus-ease:cubic-bezier(.22,.61,.36,1);--punch-return:cubic-bezier(.45,0,.25,1)}.art>svg{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out}.art:not(.manual) .robot{animation:bot-sneak var(--scene-duration) infinite;animation-timing-function:cubic-bezier(.3,0,.2,1)}.variant-b .art:not(.manual) .robot{animation-name:bot-drop}.art:not(.manual) .punch-hand{animation:punch-away var(--scene-duration) infinite;animation-timing-function:var(--punch-return)}.art:not(.manual) .hand{animation:hand-deny var(--scene-duration) infinite;animation-timing-function:var(--spring);transform-origin:50% 100%}.art:not(.manual) .shutter{animation:shutter-deny var(--scene-duration) infinite;animation-timing-function:var(--spring)}.art .eye{animation:bot-blink 4.5s infinite}.variant-c .art .eye{animation-name:bot-triple-blink}.art:not(.manual) .post-response{animation:post-relief var(--scene-duration) infinite;animation-timing-function:var(--spring)}.art:not(.manual) .post-like{animation:like-beat var(--scene-duration) infinite;animation-timing-function:var(--spring)}.art.manual:not(.done) .robot{transform:translate(-25px) rotate(-5deg)}.art.manual:not(.done) .punch-hand{animation:prepare-punch 1.6s cubic-bezier(.16,1,.3,1) both}.variant-c .art.manual:not(.done) .robot{animation:bot-approach 1.6s linear both}.variant-c .art.manual.done .punch-hand{animation:punch-away var(--scene-duration) var(--punch-return) -3.25s both}.variant-c .art.manual.done .robot{transition:none;animation:none;transform:translate(-34px) rotate(-9deg)}.variant-c .art:not(.manual) .robot{animation-name:bot-brace}.variant-c .art:not(.manual) .post-portrait .portrait-mouth{animation:portrait-relief var(--scene-duration) cubic-bezier(.22,1,.36,1) infinite}.variant-c .art.manual.done .post-portrait .portrait-mouth{animation:portrait-relief var(--scene-duration) cubic-bezier(.22,1,.36,1) -3.25s both}@keyframes portrait-relief{0%,66.428571%{d:var(--mouth-frown)}70.714286%,to{d:var(--mouth-smile)}}.variant-c .art:not(.manual) .likes-before{animation:likes-before var(--scene-duration) steps(1,end) infinite}.variant-c .art:not(.manual) .likes-after{animation:likes-after var(--scene-duration) steps(1,end) infinite}.variant-c .art.manual.done .likes-before{animation:likes-before var(--scene-duration) steps(1,end) -3.25s both}.variant-c .art.manual.done .likes-after{animation:likes-after var(--scene-duration) steps(1,end) -3.25s both}@keyframes likes-before{0%{opacity:1}66.428571%,to{opacity:0}}@keyframes likes-after{0%{opacity:0}66.428571%,to{opacity:1}}.variant-c .art:not(.manual) .post-like{animation:post-punch-like var(--scene-duration) cubic-bezier(.22,1,.36,1) infinite}.variant-c .art:not(.manual) .post-unliked{animation:unliked-until-punch var(--scene-duration) cubic-bezier(.22,1,.36,1) infinite}.art.manual.done .post-response{animation:post-celebrate .8s var(--spring) both}.variant-c .art:not(.manual) .post-response{animation-name:post-punch-relief}.art.manual.done .post-like{animation:like-celebrate .7s var(--spring) both}.variant-c .art.manual.done .post-like{animation:post-punch-like var(--scene-duration) cubic-bezier(.22,1,.36,1) -3.25s both}.variant-c .art.manual.done .post-unliked{animation:unliked-until-punch var(--scene-duration) cubic-bezier(.22,1,.36,1) -3.25s both}.copy{animation:copy-arrive .65s cubic-bezier(.22,1,.36,1) both}@keyframes copy-arrive{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes bot-sneak{0%,12%{transform:translate(0) rotate(0)}22%{transform:translate(-20px,-9px) rotate(-6deg)}32%{transform:translate(-40px) rotate(-9deg)}36%{transform:translate(-34px) rotate(-9deg)}44%,58%{transform:translate(700px,-100px) rotate(60deg)}59%{transform:translate(700px) rotate(0)}73%{transform:translate(-8px) rotate(-2deg)}80%,to{transform:translate(0) rotate(0)}}@keyframes bot-drop{0%,12%{transform:translateY(0)}30%,36%{transform:translateY(-45px) rotate(-5deg)}44%,58%{transform:translateY(460px) rotate(15deg)}59%{transform:translateY(460px)}74%,to{transform:translateY(0)}}.variant-c .bot-flight{transform-box:fill-box;transform-origin:center;--launch-x:950px;--launch-y:-90px;--launch-turn:125deg}.variant-c .bot-flight-yellow{--launch-x:650px;--launch-y:-650px;--launch-turn:-145deg}.variant-c .bot-flight-teal{--launch-x:700px;--launch-y:650px;--launch-turn:155deg}.variant-c .art:not(.manual) .bot-flight{animation:bot-cycle var(--scene-duration) linear infinite}.variant-c .art.manual.done .bot-flight{animation:bot-eject var(--scene-duration) linear -3.25s both}.variant-c .art:not(.manual) .punch-impact{animation:punch-impact var(--scene-duration) linear infinite}.variant-c .art.manual.done .punch-impact{animation:punch-impact var(--scene-duration) linear -3.25s both}.variant-c .art:not(.manual) .ejection-streaks{animation:ejection-streaks var(--scene-duration) linear infinite}.variant-c .art.manual.done .ejection-streaks{animation:ejection-streaks var(--scene-duration) linear -3.25s both}@keyframes punch-away{0%,46.428571%{transform:translate(-500px) rotate(0);opacity:1;animation-timing-function:cubic-bezier(.3,0,.7,1)}48.214286%{transform:translate(40px) rotate(0);opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1)}50.142857%{transform:translate(180px,-4px) rotate(1deg);opacity:1;animation-timing-function:cubic-bezier(.25,1,.5,1)}52.714286%,56.428571%{transform:translate(145px,2px) rotate(0);opacity:1}60%,65%{transform:translate(145px,2px) rotate(0);opacity:0;animation-timing-function:var(--punch-return)}75%,to{transform:translate(-500px) rotate(0);opacity:0}}@keyframes prepare-punch{0%,to{transform:translate(-500px)}}@keyframes bot-approach{0%{transform:translate(0) rotate(0)}to{transform:translate(-34px) rotate(-9deg)}}@keyframes bot-brace{0%,11.607143%{transform:translate(0) rotate(0)}26.116072%{transform:translate(-20px,-9px) rotate(-6deg)}46.428571%,48.214286%{transform:translate(-34px) rotate(-9deg)}48.857144%{transform:translate(-23px) rotate(-9deg) scale(.88,1.08)}50.142857%,56.151428%{transform:translate(-34px) rotate(-9deg)}56.16%,to{transform:translate(0) rotate(0)}}@keyframes bot-eject{0%{opacity:0;transform:translate(0) rotate(0) scale(1)}5.803571%,48.214286%{opacity:1;transform:translate(0) rotate(0) scale(1)}49.285714%{opacity:1;transform:translate(calc(var(--launch-x) * .07),calc(var(--launch-y) * .07)) rotate(calc(var(--launch-turn) * .06)) scale(1.12)}51.857144%{opacity:1;transform:translate(calc(var(--launch-x) * .4),calc(var(--launch-y) * .4)) rotate(calc(var(--launch-turn) * .4)) scale(1.6)}56.142857%{opacity:1;transform:translate(var(--launch-x),var(--launch-y)) rotate(var(--launch-turn)) scale(2.3)}56.151428%,to{opacity:0;transform:translate(var(--launch-x),var(--launch-y)) rotate(var(--launch-turn)) scale(2.3)}}@keyframes bot-cycle{0%,48.214286%{opacity:1;transform:translate(0) rotate(0) scale(1)}49.285714%{opacity:1;transform:translate(calc(var(--launch-x) * .07),calc(var(--launch-y) * .07)) rotate(calc(var(--launch-turn) * .06)) scale(1.12)}51.857144%{opacity:1;transform:translate(calc(var(--launch-x) * .4),calc(var(--launch-y) * .4)) rotate(calc(var(--launch-turn) * .4)) scale(1.6)}56.142857%{opacity:1;transform:translate(var(--launch-x),var(--launch-y)) rotate(var(--launch-turn)) scale(2.3)}56.151428%,89.994286%{opacity:0;transform:translate(var(--launch-x),var(--launch-y)) rotate(var(--launch-turn)) scale(2.3)}90%{opacity:1;transform:translate(600px) rotate(0) scale(1);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes punch-impact{0%,48.205714%{opacity:0;transform:scale(.5)}48.214286%{opacity:1;transform:scale(.6);animation-timing-function:cubic-bezier(.16,1,.3,1)}50.142857%{opacity:1;transform:scale(1.15)}51.857144%,to{opacity:0;transform:scale(1.5)}}@keyframes ejection-streaks{0%,48.205714%{opacity:0;stroke-dashoffset:150}48.428571%{opacity:.85;stroke-dashoffset:150}50.999999%{opacity:.7;stroke-dashoffset:0}53.571429%,to{opacity:0;stroke-dashoffset:-180}}@keyframes hand-deny{0%,27%{transform:rotate(0)}33%{transform:rotate(-10deg)}40%{transform:rotate(17deg) scale(1.08)}48%{transform:rotate(-4deg)}57%,to{transform:rotate(0)}}@keyframes shutter-deny{0%,25%{transform:scaleY(1)}33%{transform:scaleY(.65)}40%{transform:scaleY(1.6)}47%{transform:scaleY(1.2)}57%,to{transform:scaleY(1)}}@keyframes bot-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.06)}}@keyframes bot-triple-blink{0%,12%,16%,45%,49%,78%,82%,to{transform:scaleY(1)}14%,47%,80%{transform:scaleY(.06)}}@keyframes post-relief{0%,35%{transform:rotate(0) translateY(0)}42%{transform:rotate(-3deg) translateY(-12px)}49%{transform:rotate(1deg) translateY(-4px)}60%,to{transform:rotate(0) translateY(0)}}@keyframes like-beat{0%,40%{transform:scale(1)}45%{transform:scale(1.7)}50%{transform:scale(.95)}56%,to{transform:scale(1)}}@keyframes post-punch-relief{0%,50.714285%{transform:rotate(0) translateY(0)}53.571429%{transform:rotate(-3deg) translateY(-12px)}56.428571%{transform:rotate(1deg) translateY(-4px)}60.714285%,to{transform:rotate(0) translateY(0)}}@keyframes post-punch-like{0%,66.428571%{opacity:0;transform:scale(.8)}70.714286%{opacity:1;transform:scale(1.3)}75%,to{opacity:1;transform:scale(1)}}@keyframes post-celebrate{0%,to{transform:rotate(0)}40%{transform:translateY(-12px) rotate(-3deg)}70%{transform:translateY(-4px) rotate(1deg)}}@keyframes unliked-until-punch{0%,66.428571%{opacity:1}70.714286%,to{opacity:0}}@keyframes unliked-hide{0%{opacity:1}40%,to{opacity:0}}@keyframes like-reveal{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes like-celebrate{0%,to{transform:scale(1)}40%{transform:scale(1.7)}70%{transform:scale(.95)}}}.variant-c .art>svg{overflow:visible;transform:none}.variant-c .post-focus{transform-box:view-box;transform-origin:181.5px 297.25px}.variant-c .art.done .post-focus{transform:translate(218.5px,-12.25px) scale(1.28)}@media(prefers-reduced-motion:no-preference){.variant-c .art:not(.manual) .post-focus{animation:post-focus var(--scene-duration) var(--post-focus-ease) infinite}.variant-c .art.manual.done .post-focus{animation:post-focus-in var(--post-focus-duration) var(--post-focus-ease) .7s both}@keyframes post-focus{0%,56.428571%{transform:translate(0) scale(1);animation-timing-function:var(--post-focus-ease)}66.428571%,90%{transform:translate(218.5px,-12.25px) scale(1.28);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translate(0) scale(1)}}@keyframes post-focus-in{0%{transform:translate(0) scale(1)}to{transform:translate(218.5px,-12.25px) scale(1.28)}}.variant-c .art:not(.manual) .post-portrait .portrait-mouth,.variant-c .art:not(.manual) :is(.post-focus,.post-response,.post-like,.post-unliked,.likes-before,.likes-after,.robot,.bot-flight,.punch-hand,.punch-impact,.ejection-streaks){animation-delay:-5.25s;animation-iteration-count:1.75;animation-fill-mode:both}.variant-c .art:not(.manual) .eye{animation-duration:var(--scene-duration);animation-iteration-count:1;animation-fill-mode:both}}.variant-c .punch-impact{opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}.variant-c .ejection-streaks{opacity:0;fill:none;stroke:var(--paper);stroke-width:6;stroke-linecap:round;stroke-dasharray:150 350;pointer-events:none}@media(prefers-reduced-motion:reduce){.variant-c .art.done .bot-flight,.variant-c .art.done .punch-hand{visibility:hidden}}.hand-contour{d:var(--closed)}.hand-crease{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.copy{gap:1.6rem}.hero-subtext{font-size:clamp(1.05rem,.9rem + .45vw,1.3rem);line-height:1.45;max-inline-size:34ch;text-wrap:pretty}.signup-form{inline-size:min(100%,31rem);margin-block-start:.3rem}.signup-controls{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:var(--paper);border-radius:100px;min-block-size:3.8rem}.signup-controls input{flex:1;inline-size:100%;padding-inline:1rem .25rem;padding-block:.7rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1rem;min-inline-size:0;border-radius:100px}.signup-controls input::placeholder{color:var(--ink);opacity:1}.signup-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;flex:none;padding-inline:1.15rem;padding-block:.85rem;border-radius:100px;background:var(--ink);color:var(--paper);font-size:1rem;min-block-size:3rem}.signup-submit svg{inline-size:1.1em;block-size:1.1em}.signup-feedback{margin-block-start:.8rem;min-block-size:1.4em;font-size:.85rem;line-height:1.45}.signup-controls:focus-within{outline:2px solid var(--ink);outline-offset:4px}.variant-b .signup-controls:focus-within{outline-color:var(--paper)}.variant-a .signup-controls{background:var(--ink)}.variant-a .signup-controls input{color:var(--paper)}.variant-a .signup-controls input::placeholder{color:var(--paper)}.variant-a .signup-submit{background:var(--red);color:var(--ink)}.variant-b .hero-subtext{max-inline-size:38ch}.variant-b .signup-form{align-self:center}@media(hover:hover)and (pointer:fine){.signup-submit:hover svg{transform:translate(3px)}}@media(prefers-reduced-motion:no-preference){.signup-submit svg{transition:transform .18s ease-out}}@media(max-width:700px){.signup-submit{padding-inline:1rem}.signup-controls input{padding-inline:.8rem .1rem}.copy{gap:1.4rem}}.variant-c .hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2.5rem,4vw,4rem);inline-size:100%;max-inline-size:90rem;margin-inline:auto;min-block-size:0;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));padding-block:clamp(1.5rem,5svh,4rem) 2rem}.variant-c{--porcelain:oklch(96.94895% .03359 86.30525);--copy-ink:oklch(14.48% 0 none)}.variant-c .copy{inline-size:100%;max-inline-size:40rem;justify-self:center;gap:clamp(1.25rem,2.5vw,2rem);font-family:Bricolage Grotesque,Arial,Helvetica,sans-serif;font-optical-sizing:auto;color:var(--copy-ink)}.variant-c h1{font-size:clamp(2.625rem,1.4rem + 3.5vw,4.5rem);line-height:1.05;font-weight:600;letter-spacing:-.025em;max-inline-size:11em;color:var(--porcelain)}.inline-brand{font-family:Asap Condensed,Arial,Helvetica,sans-serif;font-size:1.15em;font-weight:700;font-style:italic;letter-spacing:0;white-space:nowrap}.variant-c .hero-subtext{font-size:1.25rem;line-height:1.5;max-inline-size:34ch}.variant-c .art{inline-size:100%;max-inline-size:42rem;justify-self:center;align-self:center;margin:0}.variant-c .art>svg{inline-size:100%;block-size:auto;aspect-ratio:800 / 570}.variant-c .signup-form{container-type:inline-size;inline-size:min(100%,31rem);margin:0}.variant-c .signup-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:0;background:transparent;border-radius:0}.variant-c .signup-controls input{inline-size:100%;min-block-size:52px;padding-inline:1.2rem;background:var(--copy-ink);color:var(--porcelain);font-size:1rem;scroll-margin-block:2rem}.variant-c .signup-controls input::placeholder{color:var(--porcelain)}.variant-c .signup-submit{inline-size:100%;min-block-size:52px;padding-inline:1.2rem;background:var(--porcelain);color:var(--copy-ink);font-size:1.0625rem;font-weight:600}.variant-c .signup-controls:focus-within,.variant-c .signup-controls input:focus{outline-color:transparent}.variant-c .signup-feedback{font-size:.875rem}.variant-c .signup-feedback .inline-brand{color:var(--porcelain)}@container (min-width:24rem){.variant-c .signup-controls{display:flex;gap:.5rem;padding:.4rem;background:var(--copy-ink);border-radius:100px}.variant-c .signup-controls input{flex:1;inline-size:0;background:transparent;padding-inline:1rem .25rem}.variant-c .signup-submit{flex:none;inline-size:auto}}@media(min-width:64rem){.variant-c .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-block-size:min(52rem,calc(100svh - 12rem));padding-block:2rem}.variant-c .copy{justify-self:start}.variant-c .art{max-inline-size:none}}@media(min-width:48rem)and (max-height:32rem){.variant-c .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5rem;padding-block:1rem}.variant-c h1{font-size:clamp(2.2rem,4.4vw,3rem)}.variant-c .copy{gap:1rem}}@media(hover:none),(pointer:coarse){.variant-c .art>svg{transform:none}}.variant-c .hero-subtext{max-inline-size:43ch}.variant-c .hero-subtext-line{display:block}#app:has(.variant-c){display:flex;flex-direction:column}.variant-c{display:flex;flex:1;flex-direction:column}.variant-c .hero{flex:1;min-block-size:0}.site-footer{inline-size:100%;max-inline-size:90rem;margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));padding-block:1rem max(1.25rem,env(safe-area-inset-bottom,0px));color:var(--ink)}body:has(.variant-b) .site-footer{color:var(--paper)}.privacy-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-block-start:1rem;border-block-start:1px solid color-mix(in oklch,currentColor 25%,transparent);font-size:.8125rem;line-height:1.5;text-wrap:pretty}.privacy-note span{max-inline-size:65ch}.variant-c .signup-submit{position:relative;container-type:inline-size;overflow:clip;block-size:52px;padding:0}.variant-c .signup-idle,.variant-c .signup-success{display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap}.variant-c .signup-idle{min-block-size:52px}.variant-c .signup-success{position:absolute;inset:0;opacity:0}.variant-c .signup-success svg{inline-size:20px;block-size:20px;flex:none}.variant-c .signup-success path{stroke-dasharray:28;stroke-dashoffset:28}.variant-c .signup-submit .signup-scene{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:152px;block-size:52px;opacity:0;overflow:visible;transform:none;transition:none}.signup-scene *{transform-box:fill-box;transform-origin:center}.signup-playing .signup-idle,.signup-complete .signup-idle{opacity:0}.signup-complete .signup-success{opacity:1}.signup-complete .signup-success path{stroke-dashoffset:0}@container (min-width:24rem){.variant-c .signup-submit{inline-size:152px}}@media(prefers-reduced-motion:no-preference){.signup-playing .signup-idle{animation:signup-label-out .36s var(--post-focus-ease) both}.signup-playing .signup-scene{animation:signup-scene-show 2s linear both}.signup-playing .signup-success{animation:signup-success-in .52s var(--post-focus-ease) 1.48s both}.signup-playing .signup-success path{animation:signup-check-draw .48s var(--post-focus-ease) 1.56s both}.signup-playing .envelope{animation:signup-envelope-send 2s var(--post-focus-ease) both}.signup-playing .envelope-outline{animation:signup-envelope-draw .44s var(--post-focus-ease) .28s both;stroke-dasharray:110;stroke-dashoffset:110}.signup-playing .flap{animation:signup-fold .68s var(--post-focus-ease) .46s both;transform-origin:center top}.signup-playing .fold-arrow{animation:signup-arrow-fold .7s var(--post-focus-ease) .18s both}@keyframes signup-label-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes signup-scene-show{0%,10%{opacity:0}18%,70%{opacity:1}76%,to{opacity:0}}@keyframes signup-success-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes signup-check-draw{to{stroke-dashoffset:0}}@keyframes signup-envelope-draw{to{stroke-dashoffset:0}}@keyframes signup-fold{0%{transform:scaleY(-.8)}to{transform:scaleY(1)}}@keyframes signup-arrow-fold{0%{opacity:1;transform:translate(25px)}65%{opacity:1}to{opacity:0;transform:translate(0) scale(.3)}}@keyframes signup-envelope-send{0%,48%{transform:translate(0)}70%,to{transform:translate(calc(100cqi + 40px),-14px)}}}:root{background:var(--red)}body{background:var(--red)}#app{display:flex;flex-direction:column}.launch-price{font-size:1rem;line-height:1.5}.legal-copy a{text-decoration:underline;text-underline-offset:.2em}#signup-feedback{min-block-size:3lh}.legal-main{inline-size:min(100% - 2 * var(--gutter),46rem);margin-inline:auto;padding-block:clamp(2rem,6vw,5rem)}.legal-main h1{font-family:Bricolage Grotesque,Arial,sans-serif;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);color:var(--paper)}.legal-copy{display:grid;gap:1.25rem;margin-block-start:2rem;line-height:1.6}.legal-copy h2{margin:0;font-size:1.25rem}.legal-copy p{max-inline-size:65ch}.legal-copy button{justify-self:start;min-block-size:52px;padding:.8rem 1.2rem;border-radius:100px;background:var(--paper);color:var(--ink)}.legal-copy form{display:grid;gap:1rem}.notice{font-weight:600}button[aria-busy=true]{cursor:progress}.signup-complete{cursor:default}.signup-submit:focus-visible{outline-color:var(--porcelain)}@media(hover:hover)and (pointer:fine){.legal-copy a:hover{text-decoration-thickness:.15em}}