<style>
.hto-page{background:#0a1018;color:#eef2f7;font-family:'Inter',sans-serif;padding:0;margin:0}
.hto-hero{background:linear-gradient(135deg,#0a1018 0%,#0f1e2e 100%);padding:80px 24px 60px;text-align:center;border-bottom:1px solid rgba(15,242,32,0.15)}
.hto-eyebrow{font-size:.7rem;letter-spacing:.2em;color:#0ff220;text-transform:uppercase;margin-bottom:12px}
.hto-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:16px}
.hto-title span{color:#0ff220}
.hto-sub{color:#8892a4;fot-size:1rem;max-width:500px;margin:0 auto}
.hto-steps{max-width:700px;margin: auto;padding:60px 24px}
.step{display:flex;gap:24px;margin-bottom:48px;align-items:flex-start}
.step-num{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0ff220,#0a1018);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:#0a1018;border:2px solid #0ff220}
.step-body{flex:1}
.step-title{font-size:1.1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;color:#eef2f7}
.step-desc{color:#8892a4;line-height:1.6;font-size:.95rem}
.step-desc strong{color:#eef2f7}
.step-connector{width:2px;height:32px;background:linear-gradient(to bottom,#0ff220,transparent);margin-left:23px;margin-top:-24px;margin-bottom:-24px}
.pay-section{background:#0f1e2e;border:1px solid rgba(15,242,32,0.15);border-radius:12px;padding:32px;max-width:700px;margin:0 auto 60px;text-align:center}
.pay-title{font-size:.8rem;letter-spacing:.15em;color:#0ff220;text-transform:uppercase;margin-bottom:20px}
.pay-methods{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.pay-box{background:#0a1018;border:1px solid rgba(15,242,32,0.2);border-radius:8px;padding:16px 20px;min-width:140px}
.pay-icon{font-size:1.5rem;margin-bottom:6px}
.pay-name{font-weight:700;font-size:.85rem;letter-spacing:.08em;color:#eef2f7}
.pay-sub{font-size:.75rem;color:#0ff220;margin-top:4px}
.faq-section{max-width:700px;margin:0 auto;padding:0 24px 80px}
.faq-head{font-size:.7rem;letter-spacing:.15em;color:#0ff220;text-transform:uppercase;margin-bottom:24px;text-align:center}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.08);padding:18px 0}
.faq-q{font-weight:700;font-size:.9rem;margin-bottom:8px;color:#eef2f7}
.faq-a{color:#8892a4;font-size:.875rem;line-height:1.6}
.cta-bar{background:linear-gradient(135deg,#0ff220 0%,#00d4aa 100%);padding:40px 24px;text-align:center}
.cta-bar h3{color:#0a1018;font-size:1.4rem;font-weight:900;margin-bottom:8px}
.cta-bar p{color:rgba(10,16,24,0.7);margin-bottom:20px;font-size:.9rem}
.cta-btn{display:inline-block;background:#0a1018;color:#0ff220;font-weight:800;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;padding:14px 32px;border-radius:4px;text-decoration:none;border:2px solid #0a1018}
</style>

<div class="hto-page">
    <div class="hto-hero">
          <div class="hto-eyebrow">// Simple Process</div></div>
          <h1 class="hto-title">How to <span>Order</span></h1></h1>
        <p class="hto-sub">No shopping cart. No account required. Browse, reach out, pay, receive — in four easy steps.</p></p>
    </div></div>

  <div class="hto-steps">
      <div class="step">
            <div class="step-num">1</div></div>
            <div class="step-body">
                    <div class="step-title">💬 Text or Email Us</div></div>
                    <div class="step-desc">Text us at <strong>(615) 555-0123</strong> or email <strong>orders@musiccitypeptides.com</strong> with the product name and quantity you want. That's it — no forms, no accounts.</div></div>
            </div></div>
      </div></div>
      <div class="step-connector"></div></div>
      <div class="step">
            <div class="step-num">2</div></div>
            <div class="step-body">
                    <div class="step-title">📋 Receive Invoice</div></div>
                    <div class="step-desc">We send an itemized invoice with your total and payment instructions. <strong>No surprises</strong> — everything is spelled out clearly including shipping.</div></div>
            </div></div>
      </div></div>
      <div class="step-connector"></div></div>
      <div class="step">
            <div class="step-num">3</div></div>
            <div class="step-body">
                    <div class="step-title">💳 Send Payment</div></div>
                    <div class="step-desc">Pay via <strong>Venmo, Zelle, or Email</strong>. Orders ship the <strong>same day</strong> if payment is confirmed before 2 PM CT, Mon–Fri.</div></div>
            </div></div>
      </div></div>
      <div class="step-connector"></div></div>
      <div class="step">
            <div class="step-num">4</div></div>
            <div class="step-body">
                    <div class="step-title">📦 Track & Receive</div></div>
                    <div class="step-desc">Tracking number sent at ship time. Most orders arrive in <strong>1–3 business days</strong>. All peptides ship with cold-chain packaging when needed.</div></div>
            </div></div>
      </div></div>
  </div></div>

  <div class="pay-section">
      <div class="pay-title">Accepted Payment Methods</div></div>
      <div class="pay-methods">
            <div class="pay-box">
                    <div class="pay-icon">💵</div></div>
                    <div class="pay-name">VENMO</div></div>
                    <div class="pay-sub">@MUSICCITYPEPTIDES</div></div>
            </div></div>
            <div class="pay-box">
                    <div class="pay-icon">⚡</div></div>
                    <div class="pay-name">ZELLE</div></div>
                    <div class="pay-sub">orders@musiccitypeptides.com</div></div>
            </div></div>
            <div class="pay-box">
                    <div class="pay-icon">✉️</div></div>
                    <div class="pay-name">EMAIL</div></div>
                    <div class="pay-sub">orders@musiccitypeptides.com</div></div>
            </div></div>
      </div></div>
  </div></div>

  <div class="faq-section">
      <div class="faq-head">// Common Questions</div></div>
      <div class="faq-item">
            <div class="faq-q">Do I need to create an account?</div></div>
            <div class="faq-a">No account needed. Just text or email us your order and we handle everything personally.</div></div>
      </div></div>
      <div class="faq-item">
            <div class="faq-q">How fast do orders ship?</div></div>
            <div class="faq-a">Orders confirmed with payment before 2 PM CT ship same day, Monday–Friday. Orders after 2 PM or on weekends ship next business day.</div></div>
      </div></div>
      <div class="faq-item">
            <div class="faq-q">What is your minimum order?</div></div>
            <div class="faq-a">There is no minimum order requirement. Free shipping on all orders over $150.</div></div>
      </div></div>
      <div class="faq-item">
            <div class="faq-q">Can I order multiple products?</div></div>
            <div class="faq-a">Absolutely. Just list all products and quantities in your message and we will invoice them together.</div></div>
      </div>
      <div class="faq-item">
            <div class="faq-q">Is there a refund policy?</div></div>
            <div class="faq-a">We stand behind our products. If there is a quality issue with your order, contact us within 48 hours of delivery and we will make it right.</div></div>
      </div>
  </div>

  <div class="cta-bar">
      <h3>Ready to Order?</h3>
      <p>Text or email us to get started — we respond within business hours.</p>
      <a href="/" class="cta-btn">← Back to Products</a>a
  </div></div>