/* ===================================================================
         Paused-mode additions — banner, status notice, waitlist form.
         Loaded after landing.css. Delete this file (and the markup the
         build script injects) to bring the live product back.
         =================================================================== */

      .paused-banner {
        position: relative;
        z-index: 6;
        padding: 11px var(--container-pad);
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: 0.04em;
        text-align: center;
        color: var(--text-muted);
        background: var(--accent-soft);
        border-bottom: 1px solid var(--accent-line);
      }

      .paused-banner a {
        color: var(--accent);
        text-underline-offset: 3px;
      }

      /* --- Hero status notice --- */
      .paused-notice {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 10px 14px;
        max-width: var(--reading-max);
        margin: 0 0 clamp(28px, 4vh, 44px);
        padding: 20px 24px;
        background: var(--bg-elevated);
        border: 1px solid var(--border);
        border-left: 2px solid var(--accent);
      }

      .paused-notice-tag {
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--accent);
        white-space: nowrap;
      }

      .paused-notice-text {
        font-size: 17px;
        line-height: 1.45;
        color: var(--text-muted);
      }

      /* --- Waitlist --- */
      .waitlist {
        max-width: var(--reading-max);
        margin-top: clamp(28px, 4vh, 40px);
      }

      .waitlist-form {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 20px;
      }

      .waitlist-input {
        flex: 1 1 280px;
        min-width: 0;
        padding: 17px 20px;
        font-family: var(--mono);
        font-size: 14px;
        color: var(--text);
        background: var(--bg-elevated);
        border: 1px solid var(--border-strong);
        border-radius: 0;
        transition: border-color 220ms var(--ease);
      }

      .waitlist-input::placeholder {
        color: var(--text-dim);
      }

      .waitlist-input:focus {
        outline: none;
        border-color: var(--accent);
      }

      .waitlist-form .cta {
        flex: 0 0 auto;
      }

      .waitlist-form .cta[disabled] {
        opacity: 0.55;
        cursor: default;
      }

      .waitlist-note {
        margin-top: 14px;
        font-family: var(--mono);
        font-size: 11.5px;
        letter-spacing: 0.05em;
        color: var(--text-dim);
      }

      /* Reserves its own line; only one state is ever shown at a time. */
      .waitlist-status {
        margin-top: 16px;
        font-family: var(--mono);
        font-size: 13px;
        letter-spacing: 0.03em;
        min-height: 20px;
      }

      .waitlist-status[data-state="ok"] {
        color: var(--accent);
      }

      .waitlist-status[data-state="error"] {
        color: var(--text-muted);
      }

      @media (max-width: 640px) {
        .paused-banner {
          font-size: 11px;
          letter-spacing: 0.02em;
        }

        .waitlist-form .cta {
          flex: 1 1 100%;
          justify-content: center;
        }
      }