Embed Contact Form

<!-- Contact Form — inline embed -->
<div id="contact-form-wrap" style="width:100%;min-width:320px;position:relative;">
  <!-- Loading skeleton -->
  <div id="contact-form-skeleton" style="position:absolute;inset:0;background:#F7F8FA;border-radius:12px;padding:32px 24px;box-sizing:border-box;">
    <div style="height:16px;width:40%;background:#E2E8F0;border-radius:6px;margin-bottom:12px;animation:rfq-pulse 1.4s ease-in-out infinite;"></div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;">
      <div style="height:44px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.15s;"></div>
      <div style="height:44px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.2s;"></div>
      <div style="height:44px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.25s;"></div>
    </div>
    <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;">
      <div style="height:44px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.3s;"></div>
      <div style="height:44px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.35s;"></div>
    </div>
    <div style="height:100px;background:#E2E8F0;border-radius:8px;animation:rfq-pulse 1.4s ease-in-out infinite 0.55s;"></div>
  </div>
  <style>
    @keyframes rfq-pulse{0%,100%{opacity:1}50%{opacity:.4}}
  </style>
  <iframe
    src="https://rfq-quick-form.base44.app/ContactForm"
    frameborder="0"
    scrolling="yes"
    style="width:100%;height:800px;border:none;display:block;opacity:0;transition:opacity 0.4s ease;"
    title="Contact Form"
    onload="this.style.opacity='1';var s=document.getElementById('contact-form-skeleton');if(s)s.style.display='none';"
  ></iframe>
</div>