*{box-sizing:border-box}:root{--ink:#161719;--muted:#919399;--blue:#3254ee;--lime:#d8fc4e;--font:"Helvetica Neue","Segoe UI Variable Text",sans-serif}body{margin:0;background:#fff;color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}svg{width:19px;height:19px;flex:none}input{width:100%;min-width:0;height:58px;border:1px solid #e1e2e5;border-radius:10px;padding:16px 18px;background:#fff;color:var(--ink);font-size:16px;transition:border-color .15s}input::placeholder{color:#a1a3a9}input:hover{border-color:#bcbfc7}.page{min-height:100svh;display:grid;grid-template-rows:88px 1fr 58px;padding:0 44px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;letter-spacing:-1.25px;font-weight:750;display:flex;align-items:center;gap:7px}.brand img{width:31px;height:36px;object-fit:contain}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px}main{display:flex;align-items:center;justify-content:center;padding:25px 0 50px}.signup-screen{width:min(100%,600px);text-align:center;transform:translateY(-8%)}.signup-screen h1{font-size:64px;letter-spacing:-3.4px;font-weight:600;line-height:1.05;margin:0 0 36px}#waitlist-form{max-width:350px;margin:auto}#waitlist-form>input{display:block;margin-bottom:10px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:14px 22px;font-size:16px;font-weight:600;border-radius:10px;border:0}.primary{background:var(--lime)}.primary:hover:not(:disabled){background:#cef239}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)}.secondary{background:#fff;border:1px solid #dbdde1}.secondary:hover:not(:disabled){background:#f8f9fa}#join{width:100%}.form-status,.card-status{font-size:12px;line-height:1.5;margin:10px 0 0;color:#9e3e3e;text-align:center}.form-status:empty,.card-status:empty{display:none}.card-status{color:#72747e}footer{display:flex;align-items:center;justify-content:center}footer button{font-size:11px;border:0;background:none;color:#9b9ca3;min-height:44px;padding:10px}.ad-screen{width:min(100%,850px);display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"art intro" "art controls";column-gap:62px;align-items:center}.ad-intro{grid-area:intro;align-self:end;padding-bottom:22px}.ad-intro p{font-size:12px;margin:0 0 9px;color:#878992}.ad-intro h1{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.15;margin:0}.ad-intro h1:focus{outline:none}.ad-art{grid-area:art;position:relative;width:100%;aspect-ratio:1;max-width:420px;margin:auto;container-type:inline-size}.character{position:absolute;left:16.1%;top:1.1%;width:67.8%;height:67.8%;object-fit:contain}.placard{position:absolute;left:7.8%;top:57.4%;width:84.4%;height:30%;border-radius:7px;background:var(--lime);transform:rotate(-2.4deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3.5% 5%;text-align:center;gap:6px;color:#192014}.placard>span{font-size:6.6cqw;line-height:1;letter-spacing:-.7px;font-weight:750;max-width:100%;overflow-wrap:anywhere}.placard>strong{font-size:6.3cqw;line-height:1.04;white-space:nowrap;letter-spacing:-.7px;font-weight:750}.placard>small{font-size:2.6cqw;font-weight:550;color:#4d602b;line-height:1.2;margin-top:4px;white-space:nowrap}.ad-signature{position:absolute;top:91.2%;left:0;width:100%;text-align:center;line-height:1.4;display:flex;flex-direction:column;gap:3px}.ad-signature span{font-size:1.8cqw;color:#93959d}.ad-signature strong{font-size:3cqw;font-weight:700}.ad-controls{grid-area:controls;align-self:start}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.choice{min-height:44px;border:1px solid #e1e2e6;border-radius:8px;background:#fff;font-size:12px;padding:9px 10px;transition:background-color .15s,color .15s}.choice.active{background:var(--blue);border-color:var(--blue);color:#fff}.choice:hover:not(.active){background:#f4f5f8}.field{margin-bottom:12px}.field input{height:52px;font-size:14px}#x-handle{text-transform:uppercase}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.card-actions svg{stroke:currentColor;fill:none;stroke-width:1.6}.card-actions button{font-size:14px;min-height:54px}#retry-image{border:0;background:none;text-decoration:underline;color:inherit}.sr-only,.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}dialog{max-width:450px;width:calc(100% - 36px);border:1px solid #e0e0e0;border-radius:16px;padding:28px;color:var(--ink);font:14px/1.6 var(--font)}dialog::backdrop{background:#10141b50;backdrop-filter:blur(4px)}dialog h2{font-size:24px;letter-spacing:-.7px;margin-top:14px}dialog>button{float:right;display:grid;place-items:center;width:44px;height:44px;border:0;background:#f2f2f2;border-radius:50%;font-size:23px}dialog p{color:#6a6d73}.ink-word{display:inline-block;animation:ink-in 850ms ease-out both}.ink-word.second{animation-delay:130ms}@keyframes ink-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@supports(mask-image:radial-gradient(black,transparent)){.ink-word{mask-image:radial-gradient(ellipse at 25% 40%,#000 50%,transparent 72%),radial-gradient(ellipse at 73% 70%,#000 50%,transparent 72%),radial-gradient(ellipse at 52% 12%,#000 40%,transparent 70%);mask-repeat:no-repeat;mask-position:25% 40%,73% 70%,52% 12%;mask-size:220% 260%;animation-name:ink-spread}@keyframes ink-spread{from{opacity:0;mask-size:0% 0%;filter:blur(3px)}60%{opacity:1}to{opacity:1;mask-size:220% 260%;filter:blur(0)}}}.ad-screen.entering .character{animation:head-in 500ms cubic-bezier(.22,1,.36,1) both}.ad-screen.entering .placard{animation:sign-in 500ms 180ms cubic-bezier(.22,1,.36,1) both}.ad-screen.entering .placard>*{animation:ink-in 500ms 330ms ease-out both}.ad-screen.entering .ad-signature{animation:ink-in 350ms 450ms ease-out both}.ad-screen.entering .ad-intro,.ad-screen.entering .ad-controls{animation:controls-in 350ms ease-out both}@keyframes head-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes sign-in{from{opacity:0;transform:translateY(8px) rotate(-2.4deg)}to{opacity:1;transform:translateY(0) rotate(-2.4deg)}}@keyframes controls-in{from{opacity:0}to{opacity:1}}@media(max-width:700px){.page{padding:0 23px;grid-template-rows:70px 1fr 50px}.brand{font-size:22px}.brand img{width:28px;height:32px}main{padding:18px 0 30px}.signup-screen{max-width:370px;transform:translateY(-10%)}.signup-screen h1{font-size:51px;letter-spacing:-2.6px;margin-bottom:30px}#waitlist-form{max-width:330px}.ad-screen{max-width:360px;grid-template-columns:1fr;grid-template-areas:"intro" "art" "controls";row-gap:0}.ad-intro{text-align:center;padding-bottom:12px}.ad-intro p{font-size:11px;margin-bottom:7px}.ad-intro h1{font-size:27px;letter-spacing:-.8px}.ad-art{max-width:285px;margin-bottom:18px}.choices{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.choice{font-size:10px;padding:7px 5px;line-height:1.25}.field input{height:48px}.field{margin-bottom:10px}.card-actions{margin-top:12px}.card-actions button{font-size:14px;min-height:52px}.placard{gap:5px;border-radius:5px}.placard>small{margin-top:2px}footer button{font-size:10px}.card-status{font-size:11px}}@media(max-width:375px){.page{padding:0 18px}.signup-screen h1{font-size:45px;letter-spacing:-2.2px}.ad-art{max-width:252px}.ad-intro h1{font-size:25px}}@media(max-height:700px)and(min-width:701px){.page{grid-template-rows:68px 1fr 45px}main{padding:15px 0}.ad-art{max-width:360px}.signup-screen h1{font-size:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ink-word{opacity:1;filter:none;mask-image:none}.ad-screen.entering .character,.ad-screen.entering .placard,.ad-screen.entering .ad-signature{opacity:1}}

.welcome-screen{text-align:center;width:min(100%,500px);transform:translateY(-6%)}
.welcome-screen h1{font-size:60px;letter-spacing:-3px;font-weight:600;line-height:1.05;margin:0 0 30px}
.welcome-screen h1:focus{outline:none}
#confirmation-message h1{font-size:76px;margin:0;animation:ink-in .55s ease-out both}
#gift-message{animation:controls-in .35s ease-out both}
.gift-icon{display:block;width:136px;height:136px;margin:0 auto 23px;overflow:visible}
.gift-box{animation:gift-arrives .6s cubic-bezier(.22,1,.36,1) both;transform-origin:80px 120px}
.gift-lid{transform-origin:80px 60px;animation:gift-opens .7s .25s cubic-bezier(.22,1,.36,1) both}
#make-ad{min-width:250px;margin:auto}
@keyframes gift-arrives{from{opacity:0;transform:translateY(10px) rotate(-6deg)}to{opacity:1;transform:none}}
@keyframes gift-opens{from{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(-8deg)}}
@media(max-width:700px){.signup-screen{max-width:390px}.signup-screen h1{font-size:45px;letter-spacing:-2.45px;line-height:1.18}#waitlist-form{margin-top:26px}.welcome-screen h1{font-size:49px;letter-spacing:-2.2px}#confirmation-message h1{font-size:62px}.gift-icon{width:115px;height:115px;margin-bottom:20px}.ad-art{margin-bottom:0}.card-actions button{font-size:13px}}
@media(max-width:375px){.signup-screen h1{font-size:39px;letter-spacing:-2.15px}.welcome-screen h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){#confirmation-message h1,#gift-message,.gift-box,.gift-lid{animation:none!important}}

.share-retry{display:block;text-align:center;color:var(--blue);text-decoration:underline;font-size:12px;padding:8px;min-height:44px}
