Initiate an Audit Brief or Technical Inquiry

Submit Technical Project Details

Provide an outline of your application stack and primary telemetry questions. All inquiries are treated with strict confidentiality.

<!-- Success Message Alert -->
<div x-show="submissionStatus === 'success'" class="form-alert-success" style="display: none;" x-transition>
  <div style="font-weight: 700; margin-bottom: 0.25rem;">Audit Brief Received</div>
  <div x-text="statusMessage"></div>
  <button type="button" @click="submissionStatus = null" class="btn-origami btn-secondary" style="margin-top: 0.75rem; padding: 0.45rem 1rem; font-size: 0.8rem;">Submit Another Brief</button>
</div>

<!-- Error Message Alert -->
<div x-show="submissionStatus === 'error'" class="form-alert-error" style="display: none;" x-transition>
  <div style="font-weight: 700; margin-bottom: 0.25rem;">Submission Notice</div>
  <div x-text="statusMessage"></div>
</div>

<form @submit.prevent="submitForm" novalidate x-show="submissionStatus !== 'success'">
  <div class="form-group">
    <label class="form-label" for="fullName">Lead Contact Full Name *</label>
    <input type="text" id="fullName" class="form-input" x-model="formData.fullName" placeholder="e.g. Alex Morgan">
    <div class="form-error" x-show="errors.fullName" x-text="errors.fullName" style="display: none;"></div>
  </div>

  <div class="form-group">
    <label class="form-label" for="workEmail">Work / Engineering Email *</label>
    <input type="email" id="workEmail" class="form-input" x-model="formData.workEmail" placeholder="alex@company.com">
    <div class="form-error" x-show="errors.workEmail" x-text="errors.workEmail" style="display: none;"></div>
  </div>

  <div class="form-group">
    <label class="form-label" for="serviceCategory">Target Practice Area</label>
    <select id="serviceCategory" class="form-select" x-model="formData.serviceCategory">
      <option value="full-telemetry-audit">Comprehensive Feature Adoption Audit</option>
      <option value="onboarding-diagnostics">Cohort Activation & First-Run Diagnostics</option>
      <option value="discovery-optimization">Feature Discovery & Micro-Funnel Evaluation</option>
      <option value="retention-milestone">Retention Milestone & Habituation Mapping</option>
      <option value="custom-governance">Quarterly Telemetry Governance Retainer</option>
    </select>
  </div>

  <div class="grid-2" style="gap: 1rem;">
    <div class="form-group">
      <label class="form-label" for="appStage">Primary Client Platform</label>
      <select id="appStage" class="form-select" x-model="formData.appStage">
        <option value="web-spa">Web Application (SPA / SSR)</option>
        <option value="ios-android">Mobile (iOS & Android)</option>
        <option value="desktop">Desktop (Electron / Native)</option>
        <option value="cross-platform">Multi-Platform Ecosystem</option>
      </select>
    </div>

    <div class="form-group">
      <label class="form-label" for="timeline">Target Timeline</label>
      <select id="timeline" class="form-select" x-model="formData.timeline">
        <option value="immediate">Immediate (Next 1–2 weeks)</option>
        <option value="within-30-days">Within 30 Days</option>
        <option value="planning-quarter">Planning for Next Quarter</option>
      </select>
    </div>
  </div>

  <div class="form-group">
    <label class="form-label" for="telemetryStack">Current Analytics / Telemetry Stack (Optional)</label>
    <input type="text" id="telemetryStack" class="form-input" x-model="formData.telemetryStack" placeholder="e.g. Custom Webhook Pipeline, Segment, PostHog, Mixpanel">
  </div>

  <div class="form-group">
    <label class="form-label" for="projectNotes">Telemetry Scope & Adoption Challenges *</label>
    <textarea id="projectNotes" class="form-textarea" x-model="formData.projectNotes" placeholder="Describe the specific features, drop-off questions, or schema anomalies you would like our team to evaluate..."></textarea>
    <div class="form-error" x-show="errors.projectNotes" x-text="errors.projectNotes" style="display: none;"></div>
  </div>

  <button type="submit" class="btn-origami btn-primary" style="width: 100%;" :disabled="isSubmitting">
    <span x-show="!isSubmitting">Submit Audit Brief</span>
    <span x-show="isSubmitting" style="display: none;">Transmitting Brief...</span>
  </button>

  <div style="font-size: 0.78rem; color: var(--text-dim); text-align: center; margin-top: 0.85rem;">
    Protected under bilateral confidentiality. No spam or commercial list distribution.
  </div>
</form>