margin: 0 auto;
}

  /* ─── CTA BUTTON ─── */
  .cta-wrapper {
    text-align: center;
    padding: 0 2rem 3rem;
    opacity: 0;
    animation: fadeUp 0.9s ease 0.25s forwards;
  }

  .cta-wrapper.cta-bottom {
    padding: 0 2rem 4rem;
  }

  .cta-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-sans);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    background: var(--accent);
    padding: 0.95rem 2rem;
    border-radius: 100px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.2s ease;
    box-shadow: 0 1px 3px rgba(26, 122, 109, 0.2);
  }

  .cta-button:hover {
    background: #156358;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(26, 122, 109, 0.25);
  }

  .cta-button svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
  }

  .cta-button:hover svg {
    transform: translateX(2px);
  }

/* ─── HIGHLIGHTS ─── */
.highlights {
max-width: 820px;
@@ -234,7 +284,6 @@
border-radius: 16px;
overflow: hidden;
padding: 2rem 1.5rem;
    height: 100ex;
}

/* Typeform embed */
@@ -345,6 +394,17 @@ <h1>The Research Peptide Marketplace</h1>
</p>
</section>

  <!-- CTA BUTTON (top) -->
  <div class="cta-wrapper">
    <a href="https://shop.peptides.com" class="cta-button">
      Visit the Store
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <line x1="5" y1="12" x2="19" y2="12"/>
        <polyline points="12 5 19 12 12 19"/>
      </svg>
    </a>
  </div>

<!-- HIGHLIGHTS -->
<section class="highlights">
<div class="highlights-grid">
@@ -399,10 +459,21 @@ <h2>Interested in listing your products?</h2>
<!-- FORM SECTION (Typeform has its own header built in) -->
<section class="form-section">
<div class="form-wrapper">
      <div data-tf-live="01KM6MDDJ6AVD703YYNHF2YCAC" style="width:100%;height:100%;"></div>
      <div data-tf-live="01KM6MDDJ6AVD703YYNHF2YCAC" style="width:100%;height:750px;"></div>
</div>
</section>

  <!-- CTA BUTTON (bottom) -->
  <div class="cta-wrapper cta-bottom">
    <a href="https://shop.peptides.com" class="cta-button">
      Visit the Store
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <line x1="5" y1="12" x2="19" y2="12"/>
        <polyline points="12 5 19 12 12 19"/>
      </svg>
    </a>
  </div>

<!-- FOOTER -->
<footer class="footer">
<p class="copyright">&copy; 2026 Peptides.com</p>