/* The beta pop-up on the homepage: a card in the middle of the screen, phone and computer. */
.beta-pop{border:0;padding:28px 22px 24px;margin:auto;width:calc(100% - 32px);max-width:480px;border-radius:24px;
  background:var(--bg);color:var(--ink);box-shadow:0 24px 60px -20px rgba(35,29,22,.35);display:none;gap:12px}
.beta-pop[open]{display:grid;animation:pop-up .28s ease-out}
.beta-pop::backdrop{background:rgba(35,29,22,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@keyframes pop-up{from{transform:translateY(24px);opacity:0}}
@media (min-width:560px){.beta-pop{padding:34px 30px 28px}}
@media (prefers-reduced-motion:reduce){.beta-pop[open]{animation:none}}
.beta-pop h2.display{font-size:clamp(1.6rem,7.6vw,2.5rem);white-space:nowrap;padding-right:30px}
.beta-points{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:1.08rem;line-height:1.45;color:var(--ink-soft)}
.beta-points li::before{content:"\2013\00a0";color:var(--accent);font-weight:700}
.beta-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:none;font:400 1.9rem/1 var(--body);color:var(--muted-dark);cursor:pointer;border-radius:50%}
.beta-x:hover{color:var(--ink)}
.signup{display:grid;gap:10px;margin-top:6px}
.signup label{font-weight:700}
.signup .row{display:grid;gap:10px}
.signup input[type=email]{min-height:52px;width:100%;border-radius:14px;border:1.5px solid var(--faintest);background:#fff;padding:0 16px;font:400 1.05rem/1 var(--body);color:var(--ink)}
.signup input[type=email]:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:transparent}
.signup .btn{width:100%}
.signup .btn[disabled]{opacity:.6;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{min-height:1.4em;font-size:.95rem;font-weight:600}
.msg.ok{color:var(--ink)}
.msg.err{color:var(--accent-text)}
.fine-print{font-size:.82rem;color:var(--muted-dark)}
.signup.done .row,.signup.done label{display:none}