Layout = &quot;_Layout&quot;;Context.Response.Headers[&quot;X-UA-Compatible&quot;] = &quot;ie=edge&quot;;Context.Response.Headers[&quot;Content-Security-Policy&quot;] = &quot;object-src &#x27;none&#x27;;&quot;;Context.Response.Headers[&quot;X-XSS-Protection&quot;] = &quot;1; mode=block&quot;;Context.Response.Headers[&quot;Referrer-Policy&quot;] = &quot;strict-origin-when-cross-origin&quot;;Context.Response.Headers[&quot;X-Frame-Options&quot;] = &quot;DENY&quot;;Layout = &quot;/Pages/Shared/_Layout.cshtml&quot;;  <section class="section-slate" style="padding: 80px 0;">
    <div class="container">
      <div class="grid-2 items-center">
        <div class="fade-up">
          <div class="hero-eyebrow">Contact us</div>
          <h1 class="display-md mb-4">Tell us what process you want to scale</h1>
          <p class="mb-8 text-secondary" style="font-size: 1.0625rem; max-width: 480px;">
            Share your workflow, volume, and goals. We will propose a practical rollout with clear milestones and ROI targets.
          </p>
          
          <div style="display: flex; flex-direction: column; gap: 24px;">
            <div class="flex items-start gap-4">
              <div class="card-icon" style="width: 40px; height: 40px; margin: 0;"><i data-lucide="target" style="width: 20px;"></i></div>
              <div>
                <h4 style="font-size: 1rem; margin-bottom: 4px;">Fast discovery</h4>
                <p class="text-secondary" style="font-size: 0.875rem;">Map current process constraints and opportunities in a focused working session.</p>
              </div>
            </div>
            <div class="flex items-start gap-4">
              <div class="card-icon" style="width: 40px; height: 40px; margin: 0;"><i data-lucide="calculator" style="width: 20px;"></i></div>
              <div>
                <h4 style="font-size: 1rem; margin-bottom: 4px;">Clear implementation plan</h4>
                <p class="text-secondary" style="font-size: 0.875rem;">Get a phase-by-phase proposal including scope, safeguards, and expected outcomes.</p>
              </div>
            </div>
            <div class="flex items-start gap-4">
              <div class="card-icon" style="width: 40px; height: 40px; margin: 0;"><i data-lucide="map" style="width: 20px;"></i></div>
              <div>
                <h4 style="font-size: 1rem; margin-bottom: 4px;">Enterprise readiness</h4>
                <p class="text-secondary" style="font-size: 0.875rem;">Align deployment with your data, security, and compliance requirements.</p>
              </div>
            </div>
          </div>
        </div>
        
        <div class="fade-up">
          <div class="card">
            <form id="contact-form" style="display: flex; flex-direction: column; gap: 20px;">
              <div class="grid-2" style="gap: 20px;">
                <div class="form-group">
                  <label class="form-label" for="fname">First name</label>
                  <input type="text" id="fname" class="form-input" required />
                </div>
                <div class="form-group">
                  <label class="form-label" for="lname">Last name</label>
                  <input type="text" id="lname" class="form-input" required />
                </div>
              </div>
              
              <div class="form-group">
                <label class="form-label" for="email">Work email</label>
                <input type="email" id="email" class="form-input" required />
              </div>
              
              <div class="grid-2" style="gap: 20px;">
                <div class="form-group">
                  <label class="form-label" for="company">Company</label>
                  <input type="text" id="company" class="form-input" required />
                </div>
                <div class="form-group">
                  <label class="form-label" for="role">Job role</label>
                  <input type="text" id="role" class="form-input" required />
                </div>
              </div>
              
              <div class="form-group">
                <label class="form-label" for="process">Target process</label>
                <select id="process" class="form-select" required>
                  <option value="">Select an area</option>
                  <option value="customer-service">Customer service</option>
                  <option value="back-office">Back office operations</option>
                  <option value="finance">Finance operations</option>
                  <option value="hr">HR operations</option>
                  <option value="other">Other</option>
                </select>
              </div>
              
              <div class="form-group">
                <label class="form-label" for="volume">Monthly volume</label>
                <select id="volume" class="form-select">
                  <option value="">Select monthly volume</option>
                  <option value="&lt;10k">Less than 10,000</option>
                  <option value="10k-50k">10,000 to 50,000</option>
                  <option value="50k-250k">50,000 to 250,000</option>
                  <option value="&gt;250k">More than 250,000</option>
                </select>
              </div>
              
              <button type="submit" class="btn-primary" style="width: 100%; justify-content: center; margin-top: 8px;" data-sending="Submitting...">Request assessment</button>
              <p style="font-size: 0.75rem; color: var(--text-muted); text-align: center; margin-top: 8px;">
                By submitting, you agree to our privacy policy and consent to be contacted about your request.
              </p>
            </form>
            
            <div id="form-success" style="display: none; text-align: center; padding: 40px 20px;">
              <div class="card-icon" style="margin: 0 auto 20px;"><i data-lucide="check-circle"></i></div>
              <h3 class="mb-2">Request received</h3>
              <p class="text-secondary">Thanks for reaching out. Our team will contact you shortly with next steps.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>