.signup[data-bml-c="signup-form"] { display: flex;
      flex-direction: column;
      align-items: center;
      gap: 28px;
      width: 100%; }
form[data-bml-c="signup-form"] { margin-top: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 100%; }
label[data-bml-c="signup-form"] { font-family: 'IBM Plex Mono', monospace;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--muted); }
.row[data-bml-c="signup-form"] { display: flex; gap: 8px; width: 100%; justify-content: center; }
input[type=email][data-bml-c="signup-form"] { width: 260px;
      max-width: 100%;
      height: 40px;
      padding: 0 16px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: var(--field);
      color: var(--fg);
      font: inherit;
      font-size: 16px; /* below 16px, iOS Safari zooms the page on focus */ }
input[type=email][data-bml-c="signup-form"]:focus-visible, button[data-bml-c="signup-form"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
button[data-bml-c="signup-form"] { height: 40px;
      padding: 0 18px;
      border: 0;
      border-radius: 999px;
      background: var(--accent);
      color: var(--bg);
      font: inherit;
      font-size: 15px;
      font-weight: 600;
      cursor: pointer; }
button[disabled][data-bml-c="signup-form"] { opacity: .6; cursor: default; }
.status[data-bml-c="signup-form"] { margin: 0; min-height: 24px; font-size: 18px; color: var(--soft); }
.hp[data-bml-c="signup-form"] { position: absolute; left: -9999px; }
@media (max-width: 480px) { .row[data-bml-c="signup-form"] { flex-direction: column; align-items: stretch; }
input[type=email][data-bml-c="signup-form"] { width: 100%; }
 }
/* The divider runs edge to edge through the body's 16px side padding, and it is a translucent
       tint of the text color so the ambient backdrop shows through it instead of being cut by an
       opaque seam. */
    .site-header[data-bml-c="site-header"] { width: calc(100% + 32px);
      margin: 0 -16px;
      height: 72px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      padding: 0 calc(16px + clamp(4px, 4vw, 64px));
      border-bottom: 1px solid color-mix(in oklch, var(--fg) 6%, transparent); }
.site-header a[data-bml-c="site-header"] { display: flex;
      align-items: center;
      gap: 12px;
      color: var(--fg);
      text-decoration: none; }
.site-header a[data-bml-c="site-header"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
.mark[data-bml-c="site-header"] { width: 30px; height: 20px; color: var(--accent); }
.name[data-bml-c="site-header"] { font-size: 20px;
      font-weight: 800;
      letter-spacing: -0.03em;
      line-height: 1; }
@media (max-width: 600px) { .site-header[data-bml-c="site-header"] { height: 64px; }
.site-header a[data-bml-c="site-header"] { gap: 10px; }
.mark[data-bml-c="site-header"] { width: 27px; height: 18px; }
.name[data-bml-c="site-header"] { font-size: 18px; }
 }
.wordmark-the[data-bml-c="site-wordmark"] { color: var(--muted); font-weight: 400; }
.wordmark-tld[data-bml-c="site-wordmark"] { color: var(--accent);
      font-family: 'IBM Plex Mono', monospace;
      font-weight: 500;
      letter-spacing: 0; }
.wordmark-dot[data-bml-c="site-wordmark"] { margin-inline: -0.16em; }