<style>
/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--teal: #3d8b85;
--teal-dark: #2a6b65;
--teal-light: #5aaca7;
--teal-pale: #e8f5f4;
--salmon-dark: #8f4225;
--salmon: #b35632;
--text: #1a2e2d;
--text-muted: #5a7170;
--border: #d6ecea;
--white: #ffffff;
--bg-light: #f5fafa;
--radius: 12px;
--shadow: 0 4px 24px rgba(42,107,101,.10);
}
html { scroll-behavior: smooth; }
body {
font-family: 'Inter', sans-serif;
color: var(--text);
background: var(--white);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
ul { list-style: none; }
.container {
width: 100%;
max-width: 1160px;
margin: 0 auto;
padding: 0 24px;
}
/* ===== HERO ===== */
.hero {
background:
linear-gradient(135deg, rgba(234,247,246,.62) 0%, rgba(240,251,249,.45) 50%, rgba(254,246,241,.62) 100%),
url('images/ourscience.jpg') center/cover no-repeat;
padding: 80px 0 0;
overflow: hidden;
position: relative;
}
.hero-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
padding-bottom: 60px;
}
.hero-text h1 {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
line-height: 1.15;
color: var(--text);
margin-bottom: 20px;
}
.hero-text h1 span { color: var(--teal); }
.hero-text p {
font-size: 1.05rem;
color: var(--text);
margin-bottom: 32px;
max-width: 480px;
}
.hero-image {
position: relative;
display: flex; justify-content: center; align-items: flex-end;
}
.hero-image img {
width: 100%; max-width: 520px;
border-radius: 16px 16px 0 0;
object-fit: cover;
}
.hero-badges {
display: flex; flex-wrap: wrap; gap: 10px;
margin-top: 24px;
}
.badge {
display: inline-flex; align-items: center; gap: 6px;
background: var(--white); border: 1px solid var(--border);
border-radius: 50px; padding: 6px 14px;
font-size: .8rem; font-weight: 600;
color: var(--teal-dark);
box-shadow: var(--shadow);
}
.badge svg { flex-shrink: 0; }
/* ===== SECTION UTILITIES ===== */
.section-label {
display: inline-block;
background: var(--teal-pale);
color: var(--teal-dark);
font-size: .78rem; font-weight: 700;
letter-spacing: .08em; text-transform: uppercase;
padding: 5px 14px; border-radius: 50px;
margin-bottom: 12px;
}
.section-heading {
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 800; line-height: 1.2;
color: var(--text); margin-bottom: 14px;
}
.section-sub {
font-size: 1rem; color: var(--text-muted);
max-width: 580px; margin: 0 auto 56px;
}
.section-header { text-align: center; }
/* ===== PILLARS ===== */
.pillars { padding: 72px 0; background: var(--white); }
.pillars-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.pillar-card {
background: var(--bg-light);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 36px 28px;
text-align: center;
transition: box-shadow .2s, transform .2s;
}
.pillar-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.pillar-icon {
width: 64px; height: 64px;
background: var(--teal-pale);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 20px;
color: var(--teal);
}
.pillar-card h3 {
font-size: 1.2rem; font-weight: 700;
color: var(--text); margin-bottom: 10px;
}
.pillar-card p { font-size: .9rem; color: var(--text-muted); line-height: 1.6; }
/* ===== PROCESS STEPS ===== */
.process { padding: 72px 0; background: var(--bg-light); }
.steps-track {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
position: relative;
margin-top: 48px;
}
.steps-track::before {
content: '';
position: absolute;
top: 36px; left: 12%; right: 12%;
height: 2px;
background: linear-gradient(90deg, var(--teal) 0%, var(--teal-light) 100%);
z-index: 0;
}
.step {
display: flex; flex-direction: column;
align-items: center; text-align: center;
padding: 0 12px;
position: relative; z-index: 1;
}
.step-num {
width: 72px; height: 72px;
background: var(--white);
border: 3px solid var(--teal);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 1.1rem; font-weight: 800; color: var(--teal);
margin-bottom: 20px;
box-shadow: 0 0 0 6px var(--bg-light);
}
.step h3 {
font-size: .9rem; font-weight: 700;
color: var(--text); margin-bottom: 8px;
}
.step p { font-size: .8rem; color: var(--text-muted); line-height: 1.5; }
/* ===== TARGETING (two-col image+text) ===== */
.targeting { padding: 80px 0; background: var(--white); }
.targeting-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}
.targeting-text h2 {
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 800; margin-bottom: 16px;
}
.targeting-text p { color: var(--text); margin-bottom: 16px; line-height: 1.65; }
.target-list { display: flex; flex-direction: column; gap: 14px; }
.target-item {
display: flex; align-items: center; gap: 14px;
background: var(--bg-light);
border: 1px solid var(--border);
border-radius: 10px; padding: 14px 18px;
}
.target-icon {
width: 42px; height: 42px; flex-shrink: 0;
background: var(--teal-pale);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
color: var(--teal);
}
.target-item span { font-size: .9rem; font-weight: 600; color: var(--text); }
.targeting-visual {
position: relative;
display: flex; justify-content: center;
}
.product-mockup {
width: 100%; max-width: 380px; height: 420px;
background: linear-gradient(145deg, var(--teal-pale) 0%, #cde9e7 100%);
border-radius: 20px;
overflow: hidden;
display: flex; flex-direction: column;
align-items: center; justify-content: center; gap: 14px;
color: var(--teal); font-weight: 700; font-size: 1.1rem;
box-shadow: var(--shadow);
}
.product-mockup img { width: 100%; height: 100%; object-fit: cover; }
/* ===== TWO COLUMNS / FEATURE PANELS ===== */
.two-col { padding: 80px 0; background: var(--bg-light); }
.two-col-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.feature-panel {
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 40px 36px;
}
.feature-panel h3 {
font-size: 1.2rem; font-weight: 700;
color: var(--text); margin-bottom: 8px;
}
.feature-panel .sub {
font-size: .9rem; color: var(--text-muted); margin-bottom: 20px;
}
.feature-panel p {
font-size: .95rem; color: var(--text); line-height: 1.65; margin-bottom: 14px;
}
.feature-panel p:last-child { margin-bottom: 0; }
.check-list { display: flex; flex-direction: column; gap: 12px; }
.check-item {
display: flex; align-items: flex-start; gap: 12px;
font-size: .9rem; color: var(--text);
}
.check-dot {
width: 22px; height: 22px; flex-shrink: 0;
background: var(--teal);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin-top: 1px;
}
.check-dot svg { color: var(--white); }
/* ===== INGREDIENT GRID (4-up cards) ===== */
.ingredient-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 8px;
}
.ingredient-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 32px 24px;
text-align: center;
transition: box-shadow .2s, transform .2s;
}
.ingredient-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.ingredient-card-icon {
width: 60px; height: 60px;
background: var(--teal-pale);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 18px;
color: var(--teal);
}
.ingredient-card h3 {
font-size: .95rem; font-weight: 700;
color: var(--text); margin-bottom: 10px;
}
.ingredient-card p { font-size: .84rem; color: var(--text-muted); line-height: 1.6; }
.ingredient-card .card-accent {
display: block; width: 32px; height: 3px;
background: var(--teal); border-radius: 2px;
margin: 14px auto 0;
}
/* ===== COMMITMENT ===== */
.commitment { padding: 80px 0; background: var(--white); }
.commitment-inner { text-align: center; max-width: 700px; margin: 0 auto; }
.commitment-inner h2 { margin-bottom: 16px; }
.commitment-inner p { color: var(--text-muted); font-size: 1.05rem; }
/* ===== CTA BANNER ===== */
.cta-banner {
background: linear-gradient(135deg, var(--teal-dark) 0%, var(--teal) 100%);
padding: 64px 24px;
text-align: center;
}
.cta-banner h2 {
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 800; color: var(--white);
margin-bottom: 12px;
}
.cta-banner p {
color: rgba(255,255,255,.8);
margin-bottom: 32px; font-size: 1rem;
}
.btn-white {
display: inline-flex; align-items: center; gap: 8px;
background: var(--white); color: var(--teal-dark);
font-size: .95rem; font-weight: 700;
padding: 14px 32px; border-radius: 50px;
border: none; cursor: pointer;
transition: transform .15s, box-shadow .15s;
box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
/* ===== TEXT UTILITIES ===== */
.text-on-light { color: #1a2e2d !important; }
.text-on-dark { color: #ffffff !important; }
/* ===== POLICY-SPECIFIC ADDITIONS ===== */
.definition-box {
background: var(--teal-pale);
border-radius: var(--radius);
padding: 18px 22px;
margin: 18px 0;
font-size: .95rem; color: var(--text); line-height: 1.65;
}
.definition-box strong { color: var(--teal-dark); }
.ack-section { padding: 80px 0; background: var(--bg-light); }
.ack-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.ack-inner .section-label { margin-bottom: 12px; }
.ack-inner h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.2; color: var(--text); margin-bottom: 14px; }
.ack-inner > p { font-size: 1rem; color: var(--text-muted); margin-bottom: 32px; }
.ack-box {
background: var(--white);
border: 2px solid var(--teal);
border-radius: var(--radius);
padding: 36px 40px;
text-align: left;
}
.ack-box p { font-size: 1rem; color: var(--text); line-height: 1.65; margin-bottom: 20px; }
.ack-row {
display: flex; align-items: flex-start; gap: 14px;
background: var(--bg-light); border: 1px solid var(--border);
border-radius: 10px; padding: 18px 20px;
}
.ack-checkbox {
width: 24px; height: 24px; flex-shrink: 0;
border: 2px solid var(--teal); border-radius: 4px;
margin-top: 1px;
}
.ack-label { font-size: 1rem; font-weight: 600; color: var(--text); line-height: 1.5; }
.ack-note { font-size: .85rem; color: var(--text-muted); margin-top: 16px !important; margin-bottom: 0 !important; }
/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
.steps-track { grid-template-columns: repeat(2, 1fr); gap: 32px; }
.steps-track::before { display: none; }
.ingredient-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.hero-inner { grid-template-columns: 1fr; gap: 36px; }
.hero { padding: 48px 0 0; }
.pillars-grid { grid-template-columns: 1fr; }
.targeting-inner { grid-template-columns: 1fr; }
.targeting-visual { display: none; }
.two-col-grid { grid-template-columns: 1fr; }
.ingredient-grid { grid-template-columns: 1fr 1fr; }
.ack-box { padding: 24px 20px; }
}
@media (max-width: 480px) {
.hero-text h1 { font-size: 1.75rem; }
.steps-track { grid-template-columns: 1fr; }
.ingredient-grid { grid-template-columns: 1fr; }
}
</style>
<!-- ===== HERO ===== -->
<section class="hero" style="background:url('images/ourscience.jpg') center/cover no-repeat;">
<div class="container">
<div class="hero-inner" style="display:flex; flex-direction:column; align-items:center; text-align:center; padding-bottom:80px; padding-top:20px;">
<div class="hero-text" style="display:flex; flex-direction:column; align-items:center; max-width:680px;">
<div class="section-label">Legal & Compliance</div>
<h1 style="text-align:center; font-size:clamp(2rem,4vw,3rem); font-weight:800; line-height:1.15; color:#1a2e2d; margin-bottom:20px;">Practitioner Reseller &<br/><span style="color:#3d8b85;">Advertising Policy</span></h1>
<p style="font-size:1.05rem; color:#1a2e2d; margin-bottom:32px; text-align:center; max-width:600px;">Last Revised: July 19, 2026. This Policy governs the resale and advertising of NutraAxis-branded products by all licensed healthcare practitioners approved for a NutraAxis practitioner account.</p>
</div>
</div>
</div>
</section>
<!-- ===== INTRO / APPLICABILITY ===== -->
<section class="commitment">
<div class="container">
<div class="commitment-inner" style="max-width:760px; text-align:left;">
<div class="section-label">Overview</div>
<h2 class="section-heading">About This Policy</h2>
<p style="font-size:1.05rem; color:#1a2e2d; line-height:1.65; margin-bottom:16px;">NutraAxis Labs, LLC ("NutraAxis"), sells NutraAxis-branded products ("Products") for resale to and through licensed healthcare practitioners who have applied for and been approved for a NutraAxis practitioner account ("Practitioner").</p>
<p style="font-size:1.05rem; color:#1a2e2d; line-height:1.65; margin-bottom:16px;">By creating or maintaining a NutraAxis practitioner account, Practitioner acknowledges receipt of this Policy and agrees to comply with its terms as a condition of continued wholesale purchasing access.</p>
<p style="font-size:1.05rem; color:#1a2e2d; line-height:1.65; margin-bottom:0;">This Policy applies to all resale of Products, regardless of how they were acquired — directly from NutraAxis, through a NutraAxis-approved platform, or otherwise. A Practitioner who does not comply may lose wholesale purchasing access and the right to use NutraAxis trademarks, as described in Section 11.</p>
</div>
</div>
</section>
<!-- ===== AUTHORIZED CHANNELS ===== -->
<section class="pillars" style="background:var(--bg-light);">
<div class="container">
<div class="section-header">
<div class="section-label">Section 2 — Authorized Sales Channels</div>
<h2 class="section-heading">Where You May Sell</h2>
<p class="section-sub">Practitioners may sell Products to the public only through the following channels. No other sales channel is authorized.</p>
</div>
<div class="pillars-grid">
<div class="pillar-card">
<div class="pillar-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="28" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="28"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
</div>
<h3>NutraAxis Storefront</h3>
<p>The branded, Practitioner-specific online store provisioned through the NutraAxis platform, where retail pricing is set and maintained by NutraAxis.</p>
</div>
<div class="pillar-card">
<div class="pillar-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="28" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="28"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
</div>
<h3>In-Clinic Sale</h3>
<p>Direct sale to the Practitioner's own patients from a dispensary located within the Practitioner's own healthcare practice.</p>
</div>
<div class="pillar-card">
<div class="pillar-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="28" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="28"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg>
</div>
<h3>Practitioner Clinic Site</h3>
<p>An independently operated website owned by the Practitioner. Public-facing prices must be at or above iMAP; below-iMAP pricing is permitted only within a private, patient-account-gated area.</p>
</div>
</div>
</div>
</section>
<!-- ===== PROHIBITED CHANNELS + NO RESALE ===== -->
<section class="targeting">
<div class="container">
<div class="targeting-inner">
<div class="targeting-text">
<div class="section-label">Sections 3 & 4 — Prohibited Channels</div>
<h2 class="section-heading">Where You May <em style="font-style:normal; color:var(--salmon);">Not</em> Sell</h2>
<p>Practitioners may not advertise, list, offer, or sell Products on any third-party online marketplace — including but not limited to the following platforms — under any seller name or account, whether operated directly or through a third party.</p>
<p>Products may also not be offered in retail establishments, trade show booths, kiosks, or any other non-clinical setting.</p>
<p>Additionally, Products may not be sold or transferred to any person or entity that Practitioner reasonably expects may resell the Products to a third party, including any unauthorized reseller or distributor.</p>
<div class="target-list">
<div class="target-item">
<div class="target-icon"><svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="20"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div>
<span>Amazon, Walmart, eBay</span>
</div>
<div class="target-item">
<div class="target-icon"><svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="20"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div>
<span>Facebook Marketplace, TikTok Shop, Etsy</span>
</div>
<div class="target-item">
<div class="target-icon"><svg fill="none" height="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="20"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div>
<span>Any other third-party marketplace or retail setting</span>
</div>
</div>
</div>
<div class="targeting-visual">
<div class="product-mockup">
<img src="images/ourscience2.jpg" alt="NutraAxis authorized practitioner channel"/>
</div>
</div>
</div>
</div>
</section>
<!-- ===== iMAP POLICY ===== -->
<section class="two-col">
<div class="container">
<div class="section-header" style="margin-bottom:40px;">
<div class="section-label">Section 5 — Minimum Advertised Price</div>
<h2 class="section-heading">iMAP Policy</h2>
</div>
<div class="two-col-grid">
<div class="feature-panel">
<h3>How iMAP Works</h3>
<p class="sub">Applies equally to every Practitioner</p>
<p>NutraAxis publishes a current iMAP for each Product in the Practitioner Portal. A Practitioner may sell Products at any price; however, any Public Facing Advertising of price must be at or above the current iMAP.</p>
<p>iMAP pricing is set unilaterally by NutraAxis, is subject to change at any time, and is not open to negotiation with any Practitioner.</p>
<div class="definition-box">
<strong>"Public Facing Advertising"</strong> means any communication to non-patients — including a website, blog, social media post or ad, printed material, in-clinic signage visible to the public, or any other publicly searchable communication. It does <em>not</em> include prices communicated privately to an individual patient in person, by phone, by secure message, or on an invoice after a sale.
</div>
</div>
<div class="feature-panel">
<h3>What Is Prohibited</h3>
<p class="sub">Advertising that implies below-iMAP pricing</p>
<div class="check-list">
<div class="check-item">
<div class="check-dot"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="2" y1="6" x2="10" y2="6"/></svg></div>
<span>"See price in cart" messaging that implies a below-iMAP price</span>
</div>
<div class="check-item">
<div class="check-dot"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="2" y1="6" x2="10" y2="6"/></svg></div>
<span>Discount or coupon codes that bring the advertised price below iMAP</span>
</div>
<div class="check-item">
<div class="check-dot"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="2" y1="6" x2="10" y2="6"/></svg></div>
<span>Bundling framed to suggest an equivalent price below iMAP</span>
</div>
<div class="check-item">
<div class="check-dot"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="2" y1="6" x2="10" y2="6"/></svg></div>
<span>Disclosing wholesale purchase pricing to any outside party</span>
</div>
</div>
<p style="margin-top:20px; font-size:.9rem; color:var(--text-muted);">Section 6: The price at which NutraAxis sells to Practitioners is confidential and may not be disclosed to any person other than professional staff with a legitimate need to know.</p>
</div>
</div>
</div>
</section>
<!-- ===== PRACTITIONER STANDARDS (Sections 7–10) ===== -->
<section class="pillars">
<div class="container">
<div class="section-header">
<div class="section-label">Sections 7–10 — Practitioner Standards</div>
<h2 class="section-heading">Your Obligations as a Practitioner</h2>
<p class="section-sub">These standards apply to all Practitioners and govern trademarks, claims, product handling, and reporting.</p>
</div>
<div class="ingredient-grid" style="grid-template-columns: repeat(4,1fr);">
<div class="ingredient-card">
<div class="ingredient-card-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="26" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="26"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<h3>Trademarks & Marketing</h3>
<p>Use only NutraAxis IP found in the Marketing Toolkit, in the form supplied. This limited license ends upon account termination.</p>
<span class="card-accent"></span>
</div>
<div class="ingredient-card">
<div class="ingredient-card-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="26" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="26"><path d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/></svg>
</div>
<h3>No Disease Claims</h3>
<p>Only structure/function statements from NutraAxis.com or the Marketing Toolkit may be used. Products are not intended to diagnose, treat, cure, or prevent any disease.</p>
<span class="card-accent"></span>
</div>
<div class="ingredient-card">
<div class="ingredient-card-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="26" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="26"><path d="M20 7H4a2 2 0 00-2 2v6a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2z"/><path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16"/></svg>
</div>
<h3>Product Handling</h3>
<p>Sell only in original, unaltered packaging. Do not relabel or alter any lot code, UPC, or identifying information. Store per label instructions.</p>
<span class="card-accent"></span>
</div>
<div class="ingredient-card">
<div class="ingredient-card-icon">
<svg aria-hidden="true" focusable="false" fill="none" height="26" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="26"><path d="M18 8h1a4 4 0 010 8h-1"/><path d="M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg>
</div>
<h3>Reporting Violations</h3>
<p>Practitioners who become aware of unauthorized resale or distribution of Products should promptly notify NutraAxis support.</p>
<span class="card-accent"></span>
</div>
</div>
</div>
</section>
<!-- ===== ENFORCEMENT (Section 11) ===== -->
<section class="process">
<div class="container">
<div class="section-header">
<div class="section-label">Section 11 — Monitoring & Enforcement</div>
<h2 class="section-heading">Enforcement Is Tiered</h2>
<p class="section-sub">NutraAxis monitors public pricing and marketplace listings. Enforcement decisions are made solely by NutraAxis in its sole discretion and are not subject to negotiation.</p>
</div>
<div class="steps-track">
<div class="step">
<div class="step-num">
<svg aria-hidden="true" focusable="false" fill="none" height="24" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="24"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg>
</div>
<h3>1st Violation</h3>
<p>Written notice with a 5-business-day correction window. No account action if cured within the window.</p>
</div>
<div class="step">
<div class="step-num">
<svg aria-hidden="true" focusable="false" fill="none" height="24" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
</div>
<h3>2nd Violation</h3>
<p>Wholesale pricing suspended for a minimum of 30 days or until NutraAxis verifies correction, whichever is later. Also applies to failure to cure the first violation.</p>
</div>
<div class="step">
<div class="step-num">
<svg aria-hidden="true" focusable="false" fill="none" height="24" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="24"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
</div>
<h3>3rd Violation</h3>
<p>Wholesale account is terminated.</p>
</div>
<div class="step">
<div class="step-num">
<svg aria-hidden="true" focusable="false" fill="none" height="24" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="24"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
</div>
<h3>Prohibited Marketplace</h3>
<p>Any listing on a prohibited marketplace (Section 3) triggers immediate suspension on first discovery, regardless of prior history.</p>
</div>
</div>
</div>
</section>
<!-- ===== GENERAL PROVISIONS (Sections 12–13) ===== -->
<section class="commitment" style="background:var(--white);">
<div class="container">
<div class="commitment-inner" style="max-width:760px; text-align:left;">
<div class="section-label">Sections 12 & 13 — General Provisions</div>
<h2 class="section-heading">Policy Updates & No Waiver</h2>
<p style="font-size:1.05rem; color:#1a2e2d; margin-bottom:14px; line-height:1.65;"><strong>Updates (Section 12):</strong> NutraAxis may revise this Policy, the iMAP schedule, or the list of prohibited marketplaces at any time. Updates take effect upon posting to the Practitioner Portal. Continued use of a NutraAxis practitioner account after an update constitutes acceptance of the update.</p>
<p style="font-size:1.05rem; color:#1a2e2d; margin-bottom:0; line-height:1.65;"><strong>No Waiver (Section 13):</strong> NutraAxis's failure to enforce any provision of this Policy at any time does not waive its right to enforce that provision later.</p>
</div>
</div>
</section>
<!-- ===== ACKNOWLEDGMENT (Section 14) ===== -->
<section class="ack-section">
<div class="container">
<div class="ack-inner">
<div class="section-label">Section 14 — Acknowledgment</div>
<h2 class="section-heading">Your Acknowledgment on Record</h2>
<p>Acknowledgment of this Policy is a required step in the NutraAxis practitioner account sign-up process.</p>
<div class="ack-box">
<p>If you hold an active NutraAxis practitioner account, your acknowledgment of this Policy — including the date, time, and version acknowledged — is already on file as part of your account registration record.</p>
<p>To review your acknowledgment record or request a copy, log in to the Practitioner Portal or contact NutraAxis Practitioner Support.</p>
<p class="ack-note">This page is provided for reference only. Policy acknowledgment is recorded electronically during account sign-up and cannot be submitted here.</p>
</div>
</div>
</div>
</section>
<!-- ===== CTA BANNER (Section 15 / Questions) ===== -->
<section class="cta-banner">
<div class="container">
<h2>Questions About This Policy?</h2>
<p class="text-on-dark">Contact NutraAxis Practitioner Support — our team typically responds within one business day.</p>
<a class="btn-white" href="mailto:support@nutraaxislabs.com">
Email Support
<svg aria-hidden="true" focusable="false" fill="none" height="16" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" width="16"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</div>
</section>