:root{--bg: #0F0E0C;--fg: #F2EFE8;--muted: #A8A39A;--soft: #CFCAC0;--field: #1C1A17;--line: #3A3630;--accent: #4DA3FF}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Bricolage Grotesque,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:24px 16px}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center;width:100%;max-width:720px}h1{margin:8px 0 0;font-size:clamp(40px,9vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.035em}h1 span{color:var(--accent)}

.mark[data-bml-c="pursuit-mark"] { width: 120px; height: 80px; color: var(--accent); }
.mark path[data-bml-c="pursuit-mark"] { animation: step 2.4s ease-in-out infinite; }
.mark path[data-bml-c="pursuit-mark"]:nth-child(2) { animation-delay: .3s; }
.mark path[data-bml-c="pursuit-mark"]:nth-child(3) { animation-delay: .6s; }
@keyframes step { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mark path[data-bml-c="pursuit-mark"] { animation: none; opacity: 1; }
 }
.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%; }
 }
.site-footer p[data-bml-c="site-footer"] { margin: 0;
      font-family: 'IBM Plex Mono', monospace;
      font-size: 12px;
      letter-spacing: 0.1em;
      color: var(--muted); }