:root{--ground:#fff;--ink:#1f2b1a;--muted:#5c6657;--field:#f2f5ee;--edge:#e3e8dd;--primary:#5bc92e;--lip:#3f9a1c;--on-primary:#0c3008;--green-ink:#2e7a12;--rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--hd-onPhase:#5bc92e;--hd-confettiGold:#ffc31f;--hd-confettiBlue:#3d8bff;--hd-confettiPale:#ff8a1f;--hd-size-confetti:8px;--hd-motion-fall:3.2s}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100svh;color:var(--ink);font-family:var(--sans);flex-direction:column;align-items:center;margin:0;display:flex}main{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;padding:clamp(24px,5vh,56px) 16px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.brand span{font-family:var(--rounded);letter-spacing:-.3px;font-size:24px;font-weight:800}.stage{justify-content:center;width:100%;margin-top:clamp(24px,5vh,48px);display:flex;position:relative}.avo{transform-origin:50% 100%;width:auto;height:clamp(190px,30vh,280px);animation:3.2s ease-in-out infinite bob}.shadow{background:radial-gradient(#1f2b1a29,#1f2b1a00 70%);border-radius:50%;width:clamp(90px,14vh,130px);height:14px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.bubble{white-space:nowrap;font-family:var(--rounded);color:var(--ink);box-shadow:inset 0 0 0 2px var(--edge), 0 3px 0 var(--edge);background:#fff;border-radius:18px;padding:10px 16px;font-size:18px;font-weight:800;position:absolute;top:4%;left:calc(50% + clamp(56px,9vh,84px))}.bubble:after{content:"";border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);background:#fff;border-bottom-right-radius:4px;width:16px;height:16px;position:absolute;bottom:-9px;left:14px;transform:rotate(45deg)}h1{font-family:var(--rounded);letter-spacing:-.8px;text-wrap:balance;margin:clamp(28px,4vh,40px) 0 0;font-size:clamp(34px,7.2vw,52px);font-weight:800;line-height:1.06}.lede{color:var(--muted);text-wrap:pretty;max-width:30em;margin:16px 0 0;font-size:clamp(17px,2.4vw,19px);line-height:1.45}.join{width:100%;max-width:440px;margin-top:32px}form{flex-direction:column;gap:14px;display:flex}label.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}input[type=email]{width:100%;height:56px;font:400 17px/1 var(--sans);color:var(--ink);background:var(--field);border:2px solid #0000;border-radius:16px;outline:none;padding:0 20px}input[type=email]::placeholder{color:var(--muted)}input[type=email]:focus{border-color:var(--primary);background:#fff}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}button{cursor:pointer;height:56px;font:800 18px/1 var(--rounded);color:var(--on-primary);background:var(--primary);box-shadow:0 4px 0 var(--lip);border:0;border-radius:999px;transition:transform 80ms,box-shadow 80ms;transform:translateY(0)}button:active{box-shadow:0 0 0 var(--lip);transform:translateY(4px)}button:focus-visible{outline:3px solid var(--green-ink);outline-offset:4px}button:disabled{opacity:.6;cursor:default}.note{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.4}.err{color:#b3261e;margin:12px 0 0;font-size:15px}.thanks{height:56px;color:var(--green-ink);font:800 18px/1 var(--rounded);background:#e9f7df;border-radius:16px;justify-content:center;align-items:center;gap:10px;display:flex}.thanks svg{width:22px;height:22px}footer{width:100%;max-width:560px;padding:24px 16px max(24px, env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:14px;display:flex}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--ink);text-decoration:underline}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.avo{animation:none}button{transition:none}}@media (width<=560px){.stage{padding-top:50px}.bubble{padding:9px 14px;font-size:17px;top:0;left:calc(50% + 4px)}}