```html
<div id="owm-account-form">
  <div class="owm-top-image">
    <img
      src="https://cdn11.bigcommerce.com/s-q2r72kdmf/images/stencil/original/image-manager/grok-image-191e047f-7e96-4474-8c9f-e953ce039499.jpeg?t=1773815856"
      alt="OneWineMarket trade account welcome banner"
    >
  </div>

  <div class="owm-intro">
    <div class="owm-kicker">OneWineMarket Trade Account Setup</div>
    <h2>Apply for wholesale access in one simple form.</h2>
    <p>
      Tell us about your business, license, delivery needs, and buying preferences.
      Upload any supporting documents you already have available. Nothing has to be perfect —
      we can follow up if anything is missing.
    </p>
  </div>

  <div class="owm-helper-bar">
    <div class="owm-helper-copy">
      <strong>Helpful before you start</strong>
      <span>Have your ABC license number, resale permit, delivery address, and buyer contact information handy if available.</span>
    </div>

    <div class="owm-helper-links">
      <a href="https://www.abc.ca.gov/licensing/license-lookup/" target="_blank" rel="noopener noreferrer">
        Look up ABC license
      </a>
    </div>
  </div>

  <form action="https://formspree.io/f/mykwrvny" method="POST" enctype="multipart/form-data" class="owm-form">
    <input type="hidden" name="_subject" value="New OneWineMarket Trade Account Setup Submission">
    <input type="hidden" name="submitted_from" value="OneWineMarket Trade Account Setup Form">
    <input type="text" name="_gotcha" class="owm-hidden" tabindex="-1" autocomplete="off">

    <section class="owm-card">
      <div class="owm-card-head">
        <div class="owm-step">01</div>
        <div>
          <h3>Business Information</h3>
          <p>Basic account details so we can set up the correct business profile.</p>
        </div>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Legal Business Name</span>
          <input type="text" name="legal_business_name" placeholder="Legal entity name">
        </label>

        <label class="owm-field">
          <span>DBA / Trade Name</span>
          <input type="text" name="dba_name" placeholder="Doing business as">
        </label>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Account Type</span>
          <select name="account_type">
            <option value="">Select account type</option>
            <option>Retail Store</option>
            <option>Restaurant</option>
            <option>Bar / Lounge</option>
            <option>Hotel</option>
            <option>Country Club</option>
            <option>Event Venue</option>
            <option>Distributor</option>
            <option>Corporate / Gifting</option>
            <option>Other</option>
          </select>
        </label>

        <label class="owm-field">
          <span>Business Website</span>
          <input type="url" name="business_website" placeholder="https://">
        </label>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Business Email</span>
          <input type="email" name="business_email" placeholder="name@business.com">
        </label>

        <label class="owm-field">
          <span>Business Phone</span>
          <input type="tel" name="business_phone" placeholder="(555) 555-5555">
        </label>
      </div>

      <label class="owm-field">
        <span>Business Address</span>
        <textarea name="business_address" rows="3" placeholder="Street address, city, state, ZIP"></textarea>
      </label>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Primary Contact Name</span>
          <input type="text" name="primary_contact_name" placeholder="Full name">
        </label>

        <label class="owm-field">
          <span>Title / Role</span>
          <input type="text" name="primary_contact_title" placeholder="Owner, buyer, manager, beverage director, etc.">
        </label>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Direct Email</span>
          <input type="email" name="primary_contact_email" placeholder="contact@business.com">
        </label>

        <label class="owm-field">
          <span>Direct Phone</span>
          <input type="tel" name="primary_contact_phone" placeholder="Direct line">
        </label>
      </div>
    </section>

    <section class="owm-card">
      <div class="owm-card-head">
        <div class="owm-step">02</div>
        <div>
          <h3>License & Resale Details</h3>
          <p>Provide alcohol license and resale information if available.</p>
        </div>
      </div>

      <div class="owm-grid owm-grid-3">
        <label class="owm-field">
          <span>ABC License Number</span>
          <input type="text" name="abc_license_number" placeholder="License number">
        </label>

        <label class="owm-field">
          <span>License Type</span>
          <input type="text" name="abc_license_type" placeholder="Type 20, Type 41, Type 47, etc.">
        </label>

        <label class="owm-field">
          <span>Expiration Date</span>
          <input type="date" name="abc_expiration_date">
        </label>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Seller’s Permit / Resale Permit Number</span>
          <input type="text" name="seller_permit_number" placeholder="Permit number">
        </label>

        <label class="owm-field">
          <span>Products Purchased for Resale</span>
          <select name="products_for_resale">
            <option value="">Select one</option>
            <option>Wine</option>
            <option>Beer</option>
            <option>Spirits</option>
            <option>Wine & Beer</option>
            <option>Wine, Beer & Spirits</option>
            <option>Corporate / Client Gifts</option>
            <option>Other</option>
          </select>
        </label>
      </div>

      <label class="owm-field">
        <span>License / Resale Notes</span>
        <textarea name="license_resale_notes" rows="3" placeholder="Anything we should know about your license, permit, locations, or buying authority"></textarea>
      </label>
    </section>

    <section class="owm-card">
      <div class="owm-card-head">
        <div class="owm-step">03</div>
        <div>
          <h3>Buying & Billing Preferences</h3>
          <p>Help us route invoices, orders, and offers to the right person.</p>
        </div>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Invoice / AP Email</span>
          <input type="email" name="invoice_email" placeholder="ap@business.com">
        </label>

        <label class="owm-field">
          <span>Preferred Payment Method</span>
          <select name="preferred_payment_method">
            <option value="">Select one</option>
            <option>Credit Card</option>
            <option>ACH / Bank Transfer</option>
            <option>Check</option>
            <option>Terms Request</option>
            <option>Other</option>
          </select>
        </label>
      </div>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Estimated Monthly Purchase Volume</span>
          <select name="estimated_monthly_volume">
            <option value="">Select one</option>
            <option>Under $1,000</option>
            <option>$1,000 - $2,500</option>
            <option>$2,500 - $5,000</option>
            <option>$5,000 - $10,000</option>
            <option>$10,000+</option>
            <option>Seasonal / As Needed</option>
          </select>
        </label>

        <label class="owm-field">
          <span>Purchase Order Required?</span>
          <select name="purchase_order_required">
            <option value="">Select one</option>
            <option>No</option>
            <option>Yes</option>
            <option>Sometimes</option>
          </select>
        </label>
      </div>

      <label class="owm-field">
        <span>Wine Buying Interests</span>
        <textarea name="wine_buying_interests" rows="4" placeholder="Tell us what you are looking for: Cabernet, Pinot Noir, Chardonnay, BTG wines, premium closeouts, private label, corporate gifts, events, etc."></textarea>
      </label>
    </section>

    <section class="owm-card">
      <div class="owm-card-head">
        <div class="owm-step">04</div>
        <div>
          <h3>Delivery Information</h3>
          <p>Where orders should go and when your team can receive them.</p>
        </div>
      </div>

      <label class="owm-field">
        <span>Delivery Address</span>
        <textarea name="delivery_address" rows="3" placeholder="Delivery address if different from business address"></textarea>
      </label>

      <div class="owm-grid owm-grid-2">
        <label class="owm-field">
          <span>Preferred Delivery Days</span>
          <input type="text" name="delivery_days" placeholder="Mon / Tue / Wed / Thu / Fri">
        </label>

        <label class="owm-field">
          <span>Preferred Delivery Window</span>
          <input type="text" name="delivery_window" placeholder="8:00 AM - 5:00 PM">
        </label>
      </div>

      <label class="owm-field">
        <span>Authorized Receivers / Purchasers</span>
        <textarea name="authorized_receivers" rows="4" placeholder="List names of people authorized to receive deliveries or place orders on the account"></textarea>
      </label>

      <label class="owm-field">
        <span>Delivery Notes</span>
        <textarea name="delivery_notes" rows="3" placeholder="Loading dock details, gate codes, receiving instructions, parking notes, preferred contact on arrival, etc."></textarea>
      </label>
    </section>

    <section class="owm-card owm-card-upload">
      <div class="owm-card-head">
        <div class="owm-step">05</div>
        <div>
          <h3>Documents & Final Notes</h3>
          <p>Upload any helpful account documents and add any final instructions.</p>
        </div>
      </div>

      <input
        id="owm-file-upload"
        type="file"
        name="supporting_documents_upload"
        accept=".pdf,.jpg,.jpeg,.png,.heic"
        multiple
        class="owm-real-file"
        onchange="document.getElementById('owm-file-count').textContent = this.files.length ? this.files.length + ' file(s) selected' : 'No files selected yet';"
      >

      <div class="owm-upload-row">
        <label for="owm-file-upload" class="owm-upload-btn">
          Upload files
        </label>

        <div class="owm-upload-meta">
          <strong id="owm-file-count">No files selected yet</strong>
          <span>Accepted: PDF, JPG, JPEG, PNG, HEIC. Examples: ABC license, resale certificate, business license, buyer authorization, or ID.</span>
        </div>
      </div>

      <label class="owm-field owm-notes-field">
        <span>Additional Notes</span>
        <textarea name="notes" rows="4" placeholder="Special requests, payment notes, account notes, preferred brands, upcoming events, delivery restrictions, or anything else helpful"></textarea>
      </label>
    </section>

    <button type="submit" class="owm-submit">Submit Trade Account Setup</button>
  </form>

  <div class="owm-bottom-image">
    <img
      src="https://cdn11.bigcommerce.com/s-q2r72kdmf/images/stencil/original/image-manager/grok-image-6d036268-7544-43a7-a313-e9638c8545ac.jpeg?t=1773814689"
      alt="Thank you for signing up with OneWineMarket"
    >
  </div>
</div>

<style>
  #owm-account-form,
  #owm-account-form * {
    box-sizing: border-box !important;
  }

  #owm-account-form {
    max-width: 1040px !important;
    margin: 28px auto 56px !important;
    padding: 0 18px !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #111827 !important;
  }

  #owm-account-form .owm-top-image,
  #owm-account-form .owm-bottom-image {
    margin: 0 0 22px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 14px 36px rgba(17, 24, 39, 0.08) !important;
    border: 1px solid #e5e7eb !important;
  }

  #owm-account-form .owm-bottom-image {
    margin: 26px 0 0 !important;
  }

  #owm-account-form .owm-top-image img,
  #owm-account-form .owm-bottom-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  #owm-account-form .owm-intro {
    margin: 0 0 20px !important;
    padding: 30px 30px 28px !important;
    border-radius: 26px !important;
    border: 1px solid #e5e7eb !important;
    background:
      radial-gradient(circle at top left, rgba(166, 124, 46, 0.14), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.05) !important;
    text-align: center !important;
  }

  #owm-account-form .owm-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 12px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  #owm-account-form .owm-intro h2 {
    margin: 0 0 10px !important;
    color: #111827 !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
  }

  #owm-account-form .owm-intro p {
    max-width: 760px !important;
    margin: 0 auto !important;
    color: #4b5563 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
  }

  #owm-account-form .owm-helper-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px 24px !important;
    margin-bottom: 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.05) !important;
  }

  #owm-account-form .owm-helper-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  #owm-account-form .owm-helper-copy strong {
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #111827 !important;
  }

  #owm-account-form .owm-helper-copy span {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
  }

  #owm-account-form .owm-helper-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
  }

  #owm-account-form .owm-helper-links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
  }

  #owm-account-form .owm-helper-links a:hover {
    transform: translateY(-1px) !important;
    opacity: 0.95 !important;
  }

  #owm-account-form .owm-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin: 0 !important;
  }

  #owm-account-form .owm-card {
    padding: 28px !important;
    border-radius: 26px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.04) !important;
  }

  #owm-account-form .owm-card-upload {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  }

  #owm-account-form .owm-card-head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
  }

  #owm-account-form .owm-step {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 15px !important;
    display: grid !important;
    place-items: center !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  #owm-account-form .owm-card-head h3 {
    margin: 2px 0 4px !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #111827 !important;
    letter-spacing: -0.02em !important;
  }

  #owm-account-form .owm-card-head p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
  }

  #owm-account-form .owm-grid {
    display: grid !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
  }

  #owm-account-form .owm-grid:last-child {
    margin-bottom: 0 !important;
  }

  #owm-account-form .owm-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #owm-account-form .owm-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #owm-account-form .owm-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }

  #owm-account-form .owm-notes-field {
    margin-top: 18px !important;
  }

  #owm-account-form .owm-field span {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    color: #374151 !important;
    margin: 0 !important;
  }

  #owm-account-form .owm-field input,
  #owm-account-form .owm-field textarea,
  #owm-account-form .owm-field select {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid #dbe1e8 !important;
    border-radius: 16px !important;
    background: #fbfcfe !important;
    color: #111827 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 16px 16px !important;
    min-height: 58px !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
  }

  #owm-account-form .owm-field textarea {
    min-height: 118px !important;
    resize: vertical !important;
  }

  #owm-account-form .owm-field input::placeholder,
  #owm-account-form .owm-field textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
  }

  #owm-account-form .owm-field input:focus,
  #owm-account-form .owm-field textarea:focus,
  #owm-account-form .owm-field select:focus {
    border-color: #a67c2e !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(166, 124, 46, 0.10) !important;
  }

  #owm-account-form .owm-field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;
    padding-right: 42px !important;
  }

  #owm-account-form .owm-real-file {
    display: none !important;
  }

  #owm-account-form .owm-upload-row {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px !important;
    border: 1px dashed #d6dde6 !important;
    border-radius: 20px !important;
    background: #f9fbfd !important;
  }

  #owm-account-form .owm-upload-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
  }

  #owm-account-form .owm-upload-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  #owm-account-form .owm-upload-meta strong {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    color: #111827 !important;
  }

  #owm-account-form .owm-upload-meta span {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #6b7280 !important;
  }

  #owm-account-form .owm-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 6px 0 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: 0 16px 30px rgba(17, 24, 39, 0.12) !important;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
  }

  #owm-account-form .owm-submit:hover {
    transform: translateY(-1px) !important;
    opacity: 0.97 !important;
  }

  #owm-account-form .owm-hidden {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  @media (max-width: 900px) {
    #owm-account-form .owm-grid-3 {
      grid-template-columns: 1fr !important;
    }

    #owm-account-form .owm-helper-bar {
      flex-direction: column !important;
      align-items: flex-start !important;
    }

    #owm-account-form .owm-helper-links,
    #owm-account-form .owm-helper-links a {
      width: 100% !important;
    }
  }

  @media (max-width: 700px) {
    #owm-account-form {
      padding: 0 14px !important;
      margin: 22px auto 40px !important;
    }

    #owm-account-form .owm-intro,
    #owm-account-form .owm-helper-bar,
    #owm-account-form .owm-card {
      padding: 20px !important;
      border-radius: 20px !important;
    }

    #owm-account-form .owm-intro h2 {
      font-size: 28px !important;
    }

    #owm-account-form .owm-intro p {
      font-size: 16px !important;
    }

    #owm-account-form .owm-grid-2,
    #owm-account-form .owm-grid-3 {
      grid-template-columns: 1fr !important;
    }

    #owm-account-form .owm-card-head h3 {
      font-size: 22px !important;
    }

    #owm-account-form .owm-upload-row {
      flex-direction: column !important;
      align-items: flex-start !important;
    }

    #owm-account-form .owm-upload-btn {
      width: 100% !important;
      justify-content: center !important;
    }

    #owm-account-form .owm-submit {
      font-size: 17px !important;
    }
  }
</style>
```