.beta{max-width:720px}
.beta h1{margin-top:8px}
.tabs{display:inline-flex;gap:6px;background:var(--soft);padding:6px;border-radius:999px;margin:8px 0 20px}
.tabs button{font:inherit;font-weight:600;border:0;background:transparent;color:var(--muted);
  padding:9px 22px;border-radius:999px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.panel h2{font-size:1.5rem;margin-bottom:8px}
.flow{list-style:none;counter-reset:f;margin:0 0 24px;padding:0;display:grid;gap:16px}
.flow li{counter-increment:f;display:grid;grid-template-columns:36px 1fr;column-gap:14px}
.flow li::before{content:counter(f);grid-row:span 2;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;background:var(--tint);color:#fff;font-weight:700}
.flow b{color:var(--ink)}
.flow span{color:var(--muted)}
.btn.big{display:flex;justify-content:center;font-size:17px;padding:15px 22px;margin-top:10px}
.btn.alt{background:var(--ink)}
@media (prefers-color-scheme:dark){.btn.alt{background:var(--soft);color:var(--ink)}}
.hint{color:var(--muted);font-size:15px;margin-top:18px}