Embed

<section id="book" style="padding:48px 0; background:#f9fafc;">
  <div style="max-width:1080px;margin:0 auto;padding:0 20px;">
    <h1 style="margin:0 0 12px;font-size:36px;line-height:1.2;color:#1F3A5F;font-weight:700;">
      Book Your Intro Call With BoxSup Fulfillment
    </h1>
    <p style="margin:0 0 24px;font-size:18px;opacity:.85;color:#1F3A5F;">
      Specialized 3PL for supplement brands. Get pricing in 24 hours.
    </p>

    
    <iframe 
      src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ1_Ozlf8GdBTtWwZzYz1BL4AI0-w7fvD0Og8Y73TIcx-wbQW5c7nBhJAgryHB_XzjLZfX2bBKjl?gv=true" 
      style="border:0; width:100%; height:920px; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.08); background:#fff;" 
      frameborder="0" 
      scrolling="auto" 
      title="Book a call with BoxSup Fulfillment"
      allow="clipboard-read; clipboard-write">
    </iframe>
    

    
    <p style="margin:18px 0 0;font-size:14px;opacity:.8;color:#1F3A5F;">
      Having trouble loading the scheduler?
      <a href="https://calendar.google.com/calendar/appointments/schedules/AcZssZ1_Ozlf8GdBTtWwZzYz1BL4AI0-w7fvD0Og8Y73TIcx-wbQW5c7nBhJAgryHB_XzjLZfX2bBKjl?gv=true" 
         target="_blank" 
         rel="noopener"
         style="color:#F15A24; font-weight:600; text-decoration:none;">
        Open it in a new tab
      </a>.
    </p>
  </div>
</section>


<style>
  @media (max-width: 640px){
    #book iframe{ height: 1100px; }
  }
  #book h1, #book p {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #book a:hover {
    text-decoration:underline;
  }
</style>