<!-- wp:template-part {"slug":"header","tagName":"div"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<main class="wp-block-group">

<!-- Hero -->
<!-- wp:group {"style":{"border":{"bottom":{"color":"#e8e4df","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"48px","bottom":"36px"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="border-bottom:1px solid #e8e4df;padding-top:48px;padding-bottom:36px;">
	<!-- wp:paragraph {"style":{"typography":{"fontSize":"11px","fontFamily":"var(--wp--preset--font-family--dm-mono)","letterSpacing":"0.14em","textTransform":"uppercase"},"color":{"text":"#e8611a"},"spacing":{"margin":{"bottom":"8px"}}}} -->
	<p style="color:#e8611a;font-family:var(--wp--preset--font-family--dm-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:8px;">Get In Touch</p>
	<!-- /wp:paragraph -->
	<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"clamp(26px,4vw,42px)","fontWeight":"700","letterSpacing":"-0.03em"}}} -->
	<h1 style="font-size:clamp(26px,4vw,42px);font-weight:700;letter-spacing:-0.03em;">Contact <em>Us</em></h1>
	<!-- /wp:heading -->
	<!-- wp:paragraph {"style":{"typography":{"fontSize":"14px"},"color":{"text":"#666666"},"spacing":{"margin":{"top":"8px"}}}} -->
	<p style="color:#666666;font-size:14px;margin-top:8px;max-width:480px;">Questions about an order, a product, or our COA data? We respond within one business day.</p>
	<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- Contact layout -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"64px","bottom":"80px"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
<div class="wp-block-group" style="padding-top:64px;padding-bottom:80px;">

	<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"64px"}}}} -->
	<div class="wp-block-columns">

		<!-- Info column -->
		<!-- wp:column {"width":"40%"} -->
		<div class="wp-block-column" style="flex-basis:40%;">
			<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"bottom":"28px"}}}} -->
			<h2 style="margin-bottom:28px;">How can we <em>help?</em></h2>
			<!-- /wp:heading -->
			<!-- wp:html -->
			<div style="display:flex;flex-direction:column;gap:24px;margin-bottom:40px;">
				<div style="display:flex;gap:16px;align-items:flex-start;">
					<div style="width:40px;height:40px;background:#fff3ec;border:1px solid rgba(232,97,26,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">✉</div>
					<div>
						<div style="font-size:13px;font-weight:600;margin-bottom:4px;">Email Support</div>
						<a href="mailto:support@bewell.com" style="font-size:14px;color:#e8611a;">support@bewell.com</a>
						<div style="font-size:12px;color:#aaa;margin-top:2px;">Mon–Fri, 9am–6pm ET</div>
					</div>
				</div>
				<div style="display:flex;gap:16px;align-items:flex-start;">
					<div style="width:40px;height:40px;background:#fff3ec;border:1px solid rgba(232,97,26,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">📦</div>
					<div>
						<div style="font-size:13px;font-weight:600;margin-bottom:4px;">Order Inquiries</div>
						<p style="font-size:14px;color:#666;line-height:1.65;">Have your order number ready. We resolve shipping and order issues within the same business day.</p>
					</div>
				</div>
				<div style="display:flex;gap:16px;align-items:flex-start;">
					<div style="width:40px;height:40px;background:#fff3ec;border:1px solid rgba(232,97,26,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">🔬</div>
					<div>
						<div style="font-size:13px;font-weight:600;margin-bottom:4px;">Research Questions</div>
						<p style="font-size:14px;color:#666;line-height:1.65;">Questions about purity, COA data, or compound specifications.</p>
					</div>
				</div>
			</div>
			<div style="padding:20px;background:#f7f5f2;border-radius:3px;border:1px solid #e8e4df;">
				<div style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#aaa;margin-bottom:8px;">Response Times</div>
				<div style="font-size:13px;color:#555;line-height:1.8;">
					<strong>Order issues:</strong> Same business day<br>
					<strong>General inquiries:</strong> Within 1 business day<br>
					<strong>Partner applications:</strong> Within 2 business days
				</div>
			</div>
			<!-- /wp:html -->
		</div>
		<!-- /wp:column -->

		<!-- Form column -->
		<!-- wp:column {"width":"60%"} -->
		<div class="wp-block-column" style="flex-basis:60%;">
			<!-- wp:html -->
			<form class="bw-form" method="post" action="#">
				<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
					<div class="bw-form-group"><label for="fname">First Name *</label><input type="text" id="fname" name="first_name" required></div>
					<div class="bw-form-group"><label for="lname">Last Name *</label><input type="text" id="lname" name="last_name" required></div>
				</div>
				<div class="bw-form-group"><label for="cemail">Email Address *</label><input type="email" id="cemail" name="email" required></div>
				<div class="bw-form-group">
					<label for="subject">Subject *</label>
					<select id="subject" name="subject" required>
						<option value="">Select a topic…</option>
						<option>Order &amp; Shipping</option>
						<option>Product Information</option>
						<option>Lab Report / COA</option>
						<option>Returns &amp; Refunds</option>
						<option>Partner Program</option>
						<option>Other</option>
					</select>
				</div>
				<div class="bw-form-group"><label for="order_num">Order Number (optional)</label><input type="text" id="order_num" name="order_number" placeholder="BW-XXXXXX"></div>
				<div class="bw-form-group"><label for="cmessage">Message *</label><textarea id="cmessage" name="message" rows="5" required></textarea></div>
				<button type="submit" class="bw-btn bw-btn--filled" style="width:100%;justify-content:center;">Send Message →</button>
				<p style="font-size:11px;color:#aaa;text-align:center;margin-top:10px;">By submitting you agree to our <a href="/privacy/" style="color:#aaa;border-bottom:1px solid #aaa;">Privacy Policy</a>.</p>
			</form>
			<!-- /wp:html -->
		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->

</div>
<!-- /wp:group -->

</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"div"} /-->