diff --git a/site/public/order/trucking-new-carrier/index.html b/site/public/order/trucking-new-carrier/index.html
new file mode 100644
index 0000000..5644346
--- /dev/null
+++ b/site/public/order/trucking-new-carrier/index.html
@@ -0,0 +1,547 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Start your trucking business the right way. LLC formation, USDOT number, MC authority, BOC-3, drug & alcohol program — everything you need to legally operate.">
+<title>Start Your Trucking Business — New Carrier Package | Performance West Inc.</title>
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<script>
+  window.__PW_API = (function() {
+    var h = window.location.hostname;
+    if (h === "localhost" || h === "127.0.0.1") return "http://" + h + ":3001";
+    if (h === "dev.performancewest.net") return "https://api.dev.performancewest.net";
+    return "https://api.performancewest.net";
+  })();
+</script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<script defer src="https://analytics.performancewest.net/script.js" data-website-id="55250014-ee15-44ac-a1f6-81dabad3fe0f"></script>
+<link rel="stylesheet" href="/_astro/about.DhmoKVOS.css">
+<script type="module" src="/_astro/hoisted.yFz1BYXO.js"></script>
+<style>
+  .svc-card{transition:all 0.15s}
+  .svc-card:has(input:checked){border-color:#f97316;background:#fff7ed}
+  .bundle-card:has(input:checked){border-color:#16a34a;background:#f0fdf4}
+</style>
+</head>
+<body class="min-h-screen flex flex-col bg-gray-50">
+
+<!-- Navigation --> <nav class="border-b border-gray-200 bg-white sticky top-0 z-50"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-24 items-center"> <a href="/" class="flex items-center"> <img src="/images/logo.png" alt="Performance West" class="h-20 w-auto" width="83" height="70"> </a> <div class="hidden md:flex items-center gap-8"> <!-- Services dropdown --> <div class="relative" id="services-dropdown"> <button type="button" class="text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1" id="services-btn">
+Services
+<svg class="w-3.5 h-3.5 transition-transform" id="services-chevron" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </button> <div id="services-menu" class="absolute left-1/2 -translate-x-1/2 top-full mt-2 rounded-xl border border-gray-200 bg-white shadow-xl hidden z-50" style="width: 720px;"> <div class="grid grid-cols-3 gap-0 p-4"> <!-- Column 1 --> <div class="pr-4 border-r border-gray-100"> <p class="text-[11px] font-semibold uppercase tracking-wider text-blue-500 mb-2">Telecom</p> <a href="/services/telecom/fcc-499a" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">FCC 499A Filing</a> <a href="/services/telecom/stir-shaken" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">STIR/SHAKEN</a> <a href="/services/telecom/ipes-isp" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">FCC Carrier / ISP Registration</a> <a href="/services/telecom/database-management" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Telecom Databases</a> <a href="/services/telecom/state-puc" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">State PUC/PSC Filings</a> <a href="/services/telecom/canada-crtc" class="block py-1.5 text-sm font-medium text-blue-600 hover:text-blue-800">Canada CRTC Package <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-red-500 text-white ml-1 animate-pulse">HOT</span></a> <a href="/tools/fcc-compliance-check" class="block py-1.5 text-sm font-medium text-green-600 hover:text-green-800">FCC Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-green-500 text-white ml-1">FREE</span></a> <p class="text-[11px] font-semibold uppercase tracking-wider text-orange-500 mb-2 mt-4">Trucking / DOT</p> <a href="/services/trucking" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">DOT Compliance Services</a> <a href="/order/dot-compliance" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">MCS-150 / BOC-3 / UCR</a> <a href="/tools/dot-compliance-check" class="block py-1.5 text-sm font-medium text-orange-600 hover:text-orange-800">DOT Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-orange-500 text-white ml-1">FREE</span></a> </div> <!-- Column 2 --> <div class="px-4 border-r border-gray-100"> <p class="text-[11px] font-semibold uppercase tracking-wider text-purple-500 mb-2">Data Privacy</p> <a href="/services/privacy/ccpa-audit" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">CCPA/CPRA Audit</a> <a href="/services/privacy/privacy-policy" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Privacy Policy Review</a> <a href="/services/privacy/data-mapping" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Data Mapping</a> <a href="/services/privacy/breach-response" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Breach Response Plan</a> <p class="text-[11px] font-semibold uppercase tracking-wider text-green-500 mb-2 mt-4">TCPA</p> <a href="/services/tcpa/consent-audit" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Consent Audit</a> <a href="/services/tcpa/dnc-compliance" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">DNC Compliance</a> <a href="/services/tcpa/campaign-review" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Campaign Review</a> </div> <!-- Column 3 --> <div class="pl-4"> <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-500 mb-2">Corporate</p> <a href="/services/corporate/formation" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Business Formation</a> <a href="/services/corporate/state-registration" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">State Registration</a> <a href="/services/corporate/annual-reports" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Annual Reports</a> <a href="/services/corporate/registered-agent" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Registered Agent</a> <a href="/order/formation" class="mt-3 block py-2 px-3 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg text-center transition-colors">Form a Business</a> </div> </div> </div> </div> <a href="/services" class="text-sm text-gray-600 hover:text-gray-900">All Services</a> <a href="/pricing" class="text-sm text-gray-600 hover:text-gray-900">Pricing</a> <a href="/tools/contractor-quiz" class="text-sm text-gray-600 hover:text-gray-900">Free Tools</a> <a href="/contact" class="text-sm text-gray-600 hover:text-gray-900">Contact</a> <a href="/order/formation" class="ml-2 px-4 py-2 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg transition-colors">Form a Business</a> <!-- Account button — links to ERPNext portal --> <a href="https://portal.performancewest.net" id="nav-login-btn" class="ml-1 flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-gray-600 hover:text-pw-700 hover:bg-pw-50 rounded-lg transition-colors border border-gray-200 hover:border-pw-300"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"></path></svg>
+Client Portal
+</a> <!-- Account button — logged in (hidden until session confirmed) --> <div id="nav-account-btn" class="hidden relative ml-1" id="nav-account-dropdown-root"> <button type="button" id="nav-account-trigger" class="flex items-center gap-2 px-3 py-2 text-sm font-medium text-pw-700 hover:bg-pw-50 rounded-lg transition-colors border border-pw-200"> <div class="w-6 h-6 rounded-full bg-pw-600 flex items-center justify-center shrink-0"> <svg class="w-3.5 h-3.5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"></path></svg> </div> <span id="nav-greeting" class="max-w-[120px] truncate">My Account</span> <svg class="w-3.5 h-3.5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </button> <!-- Dropdown --> <div id="nav-account-menu" class="absolute right-0 top-full mt-1 w-48 bg-white rounded-xl border border-gray-200 shadow-lg hidden z-50 py-1"> <div class="px-4 py-2 border-b border-gray-100"> <p class="text-xs text-gray-500">Signed in as</p> <p id="nav-account-email" class="text-xs font-medium text-gray-800 truncate"></p> </div> <button type="button" id="nav-logout-btn" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors">
+Sign out
+</button> </div> </div> </div> <!-- Mobile menu button --> <button type="button" class="md:hidden text-gray-600 hover:text-gray-900" id="mobile-menu-btn"> <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg> </button> </div> </div> <!-- Mobile menu --> <div id="mobile-menu" class="md:hidden hidden border-t border-gray-200 bg-white"> <div class="px-4 py-3 space-y-1"> <p class="text-xs font-semibold text-blue-500 uppercase tracking-wider px-2 pt-1">Telecom</p> <a href="/services/telecom/fcc-499a" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">FCC 499A Filing</a> <a href="/services/telecom/stir-shaken" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">STIR/SHAKEN</a> <a href="/services/telecom/ipes-isp" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">FCC Carrier / ISP Registration</a> <a href="/services/telecom/database-management" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Telecom Databases</a> <a href="/services/telecom/state-puc" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">State PUC/PSC</a> <a href="/services/telecom/canada-crtc" class="block px-2 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded">Canada CRTC Package <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-red-500 text-white ml-1 animate-pulse">HOT</span></a> <p class="text-xs font-semibold text-orange-500 uppercase tracking-wider px-2 pt-3">Trucking / DOT</p> <a href="/services/trucking" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">DOT Compliance Services</a> <a href="/order/dot-compliance" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">MCS-150 / BOC-3 / UCR</a> <a href="/tools/dot-compliance-check" class="block px-2 py-2 text-sm font-medium text-orange-600 hover:bg-orange-50 rounded">DOT Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-orange-500 text-white ml-1">FREE</span></a>  <p class="text-xs font-semibold text-purple-500 uppercase tracking-wider px-2 pt-3">Data Privacy</p> <a href="/services/privacy/ccpa-audit" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">CCPA/CPRA Audit</a> <a href="/services/privacy/privacy-policy" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Privacy Policy Review</a> <a href="/services/privacy/data-mapping" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Data Mapping</a> <a href="/services/privacy/breach-response" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Breach Response Plan</a> <p class="text-xs font-semibold text-green-500 uppercase tracking-wider px-2 pt-3">TCPA</p> <a href="/services/tcpa/consent-audit" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Consent Audit</a> <a href="/services/tcpa/dnc-compliance" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">DNC Compliance</a> <a href="/services/tcpa/campaign-review" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Campaign Review</a> <p class="text-xs font-semibold text-slate-500 uppercase tracking-wider px-2 pt-3">Corporate</p> <a href="/services/corporate/formation" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Business Formation</a> <a href="/services/corporate/state-registration" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">State Registration</a> <a href="/services/corporate/annual-reports" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Annual Reports</a> <a href="/services/corporate/registered-agent" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Registered Agent</a> <div class="border-t border-gray-100 my-2"></div> <a href="/services" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">All Services</a> <a href="/pricing" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Pricing</a> <a href="/tools/contractor-quiz" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Free Tools</a> <a href="/contact" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Contact</a> <a href="/order/formation" class="block mx-2 mt-2 px-4 py-2.5 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg text-center transition-colors">Form a Business</a> </div> </div> </nav>
+
+<main class="flex-1">
+  <!-- Hero -->
+  <section style="background:linear-gradient(135deg,#1a2744 0%,#0f172a 100%);padding:48px 0 40px">
+    <div style="max-width:48rem;margin:0 auto;padding:0 16px;text-align:center">
+      <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(249,115,22,0.15);border:1px solid rgba(249,115,22,0.3);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;color:#fb923c;margin-bottom:16px">
+        <svg style="width:14px;height:14px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/></svg>
+        New Carrier Startup
+      </div>
+      <h1 style="font-size:28px;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2">Start Your Trucking Business</h1>
+      <p style="font-size:15px;color:#94a3b8;margin:0;line-height:1.6;max-width:540px;display:inline-block">Get everything you need to legally operate as a motor carrier. We handle the formation, federal registrations, and compliance setup so you can focus on hauling freight.</p>
+    </div>
+  </section>
+
+  <!-- Trust bar -->
+  <div style="background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 0">
+    <div style="max-width:48rem;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:center;font-size:12px;color:#64748b">
+      <span style="display:flex;align-items:center;gap:6px"><svg style="width:16px;height:16px;color:#059669" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg> Professional compliance consulting</span>
+      <span style="display:flex;align-items:center;gap:6px"><svg style="width:16px;height:16px;color:#059669" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> Most filings in 3-5 business days</span>
+      <span style="display:flex;align-items:center;gap:6px"><svg style="width:16px;height:16px;color:#059669" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z"/></svg> Secure payments via Stripe</span>
+      <span style="display:flex;align-items:center;gap:6px"><svg style="width:16px;height:16px;color:#059669" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"/></svg> 5,000+ carriers served</span>
+    </div>
+  </div>
+
+  <section class="py-8">
+    <div class="max-w-3xl mx-auto px-4">
+
+      <!-- ============ BUNDLE ============ -->
+      <div style="margin-bottom:32px">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px">
+          <span style="font-size:11px;font-weight:700;color:#16a34a;text-transform:uppercase;letter-spacing:0.05em">Recommended</span>
+          <span style="font-size:10px;font-weight:700;color:#fff;background:#16a34a;border-radius:999px;padding:2px 8px">BEST VALUE</span>
+        </div>
+
+        <label class="bundle-card" style="display:block;border-radius:12px;border:3px solid #86efac;background:#f0fdf4;padding:24px;cursor:pointer;transition:all 0.15s">
+          <div style="display:flex;align-items:flex-start;gap:12px">
+            <input type="checkbox" id="pw-bundle-check" data-slug="new-carrier-bundle" data-price="59900" data-govfee="30000" data-bundle="llc-formation,dot-registration,mc-authority,boc3-filing,mcs150-update,dot-drug-alcohol" style="margin-top:4px;width:20px;height:20px;accent-color:#16a34a">
+            <div style="flex:1">
+              <div style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px">
+                <span style="font-size:18px;font-weight:800;color:#1a2744">New Carrier Starter Bundle</span>
+                <div style="text-align:right">
+                  <span style="font-size:20px;font-weight:800;color:#16a34a">$599</span>
+                  <span style="font-size:13px;color:#64748b;margin-left:4px">+ $300 FMCSA fee</span>
+                </div>
+              </div>
+              <p style="font-size:13px;color:#475569;margin:8px 0 14px;line-height:1.6">Everything you need to start hauling freight legally. We form your LLC, register your USDOT, file for MC authority, and set up all required compliance programs.</p>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12px;color:#334155">
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> LLC Formation</span>
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> USDOT Registration</span>
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> MC Operating Authority</span>
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> BOC-3 Filing</span>
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> MCS-150 Filing</span>
+                <span style="display:flex;align-items:center;gap:6px"><svg style="width:14px;height:14px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> Drug & Alcohol Program</span>
+              </div>
+              <div style="margin-top:14px;padding:10px 14px;background:rgba(22,163,74,0.08);border-radius:8px;display:flex;align-items:center;gap:8px">
+                <svg style="width:16px;height:16px;color:#16a34a;flex-shrink:0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"/></svg>
+                <span style="font-size:12px;font-weight:700;color:#15803d">Save $405 vs. buying individually ($1,004 value)</span>
+              </div>
+            </div>
+          </div>
+        </label>
+      </div>
+
+      <!-- ============ OR DIVIDER ============ -->
+      <div style="display:flex;align-items:center;gap:16px;margin:0 0 24px">
+        <div style="flex:1;height:1px;background:#e2e8f0"></div>
+        <span style="font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:0.1em">Or pick individual services</span>
+        <div style="flex:1;height:1px;background:#e2e8f0"></div>
+      </div>
+
+      <!-- ============ INDIVIDUAL SERVICES ============ -->
+      <div id="pw-svc-list" class="space-y-3">
+
+        <h3 style="font-size:11px;font-weight:700;color:#ea580c;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px">Business Formation</h3>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="llc-formation" data-price="19900" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">LLC Formation</span>
+                <span class="text-sm font-bold text-orange-600">$199</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Form your trucking LLC in any state. Includes articles of organization, operating agreement template, and EIN guidance.</p>
+            </div>
+          </div>
+        </label>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="ein-application" data-price="7900" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">EIN Application</span>
+                <span class="text-sm font-bold text-orange-600">$79</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Obtain your Employer Identification Number from the IRS. Required for business banking, hiring employees, and tax filings.</p>
+            </div>
+          </div>
+        </label>
+
+        <h3 style="font-size:11px;font-weight:700;color:#ea580c;text-transform:uppercase;letter-spacing:0.05em;margin:24px 0 8px">Federal Registrations</h3>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="dot-registration" data-price="14900" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">USDOT Registration</span>
+                <span class="text-sm font-bold text-orange-600">$149</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Register for a new USDOT number with FMCSA. Required for all interstate commercial motor carriers.</p>
+            </div>
+          </div>
+        </label>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="mc-authority" data-price="34900" data-govfee="30000" data-nodiscount="1" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">MC Operating Authority</span>
+                <span class="text-sm font-bold text-orange-600">$349 <span style="font-size:11px;font-weight:400;color:#94a3b8">+ $300 FMCSA fee</span></span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Apply for common or contract carrier authority. Required for for-hire carriers transporting regulated commodities.</p>
+            </div>
+          </div>
+        </label>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="boc3-filing" data-price="8900" data-nodiscount="1" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">BOC-3 Process Agent Filing</span>
+                <span class="text-sm font-bold text-orange-600">$89</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Designates a process agent in all 48 states + DC. Required for all for-hire carriers, brokers, and freight forwarders.</p>
+            </div>
+          </div>
+        </label>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="mcs150-update" data-price="6900" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">MCS-150 Filing</span>
+                <span class="text-sm font-bold text-orange-600">$69</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Initial MCS-150 motor carrier identification report. Filed with your USDOT application.</p>
+            </div>
+          </div>
+        </label>
+
+        <h3 style="font-size:11px;font-weight:700;color:#ea580c;text-transform:uppercase;letter-spacing:0.05em;margin:24px 0 8px">Safety & Compliance</h3>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="dot-drug-alcohol" data-price="14900" data-nodiscount="1" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">Drug & Alcohol Program Setup</span>
+                <span class="text-sm font-bold text-orange-600">$149/yr</span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Consortium enrollment, written policy, DER designation, random testing pool. Required for all carriers with CDL drivers.</p>
+            </div>
+          </div>
+        </label>
+
+        <label class="svc-card block rounded-xl border-2 border-gray-200 bg-white p-4 cursor-pointer hover:border-orange-300">
+          <div class="flex items-start gap-3">
+            <input type="checkbox" data-slug="ucr-registration" data-price="6900" class="mt-1 accent-orange-500">
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <span class="font-semibold text-gray-900">UCR Registration</span>
+                <span class="text-sm font-bold text-orange-600">$69 <span style="font-size:11px;font-weight:400;color:#94a3b8">+ gov fee from $46</span></span>
+              </div>
+              <p class="text-xs text-gray-500 mt-1">Annual Unified Carrier Registration. Required for all interstate for-hire carriers. Gov fee based on fleet size.</p>
+            </div>
+          </div>
+        </label>
+
+      </div>
+
+      <!-- ============ TOTAL + CHECKOUT ============ -->
+      <div id="pw-total-section" class="mt-6 bg-white border border-gray-200 rounded-xl p-6 shadow-sm" hidden>
+        <div id="pw-total-rows"></div>
+        <div class="mt-4 pt-4 border-t border-gray-200">
+          <form id="pw-batch-form" class="space-y-4">
+            <div class="grid sm:grid-cols-2 gap-3">
+              <div>
+                <label class="block text-xs font-medium text-gray-600 mb-1">Your first and last name</label>
+                <input type="text" id="pw-name" required placeholder="e.g. John Smith" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg outline-none">
+              </div>
+              <div>
+                <label class="block text-xs font-medium text-gray-600 mb-1">Email</label>
+                <input type="email" id="pw-email" required placeholder="john@company.com" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg outline-none">
+              </div>
+              <div>
+                <label class="block text-xs font-medium text-gray-600 mb-1">Phone</label>
+                <input type="tel" id="pw-phone" placeholder="(555) 123-4567" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg outline-none">
+              </div>
+              <div>
+                <label class="block text-xs font-medium text-gray-600 mb-1">USDOT # <span style="font-weight:400;color:#94a3b8">(if you already have one)</span></label>
+                <input type="text" id="pw-dot" placeholder="Optional" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg outline-none">
+              </div>
+            </div>
+            <div>
+              <label class="block text-xs font-medium text-gray-600 mb-1">Discount code</label>
+              <input type="text" id="pw-promo" placeholder="Optional" class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg outline-none uppercase" style="max-width:240px">
+            </div>
+            <div id="pw-payment-section">
+              <h4 class="text-sm font-semibold text-gray-900 mb-2">Payment Method</h4>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
+                <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="card" checked><span class="text-sm">Card</span></label>
+                <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="paypal"><span class="text-sm">PayPal</span></label>
+                <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="ach"><span class="text-sm">ACH</span></label>
+                <label class="flex items-center gap-2 p-3 rounded-lg border border-gray-200 cursor-pointer hover:border-orange-300 has-[:checked]:border-orange-500 has-[:checked]:bg-orange-50"><input type="radio" name="pw_pay" value="klarna"><span class="text-sm">Klarna <span style="font-size:10px;color:#e74c99">4 payments</span></span></label>
+              </div>
+            </div>
+            <label class="flex items-start gap-2 p-3 rounded-lg border border-gray-200 text-xs text-gray-600"><input type="checkbox" id="pw-engage" required class="mt-0.5"><span>I authorize Performance West to prepare and file on my behalf. <a href="/terms" target="_blank" class="text-orange-600 underline">Terms</a></span></label>
+            <button type="submit" id="pw-submit" style="width:100%;padding:14px;border-radius:8px;background:#f97316;color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(249,115,22,0.4)">Continue to Secure Payment &rarr;</button>
+            <p id="pw-err" class="text-sm text-red-700 mt-1" hidden></p>
+
+            <!-- Security badges -->
+            <div style="display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;padding:10px 0;border-top:1px solid #f1f5f9">
+              <svg style="height:20px;color:#6366f1" viewBox="0 0 60 25" fill="currentColor"><text x="0" y="18" font-size="16" font-weight="700" font-family="Arial">stripe</text></svg>
+              <span style="font-size:11px;color:#94a3b8">|</span>
+              <span style="font-size:12px;font-weight:700;color:#003087">Pay<span style="color:#009cde">Pal</span></span>
+              <span style="font-size:11px;color:#94a3b8">|</span>
+              <span style="display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b"><svg style="width:14px;height:14px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"/></svg>256-bit SSL</span>
+              <span style="font-size:11px;color:#94a3b8">|</span>
+              <span style="display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b"><svg style="width:14px;height:14px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>PCI Compliant</span>
+            </div>
+          </form>
+        </div>
+      </div>
+
+      <!-- What's included breakdown -->
+      <div style="max-width:36rem;margin:32px auto 0">
+        <div style="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px">
+          <h3 style="font-size:16px;font-weight:700;color:#1a2744;margin:0 0 16px;text-align:center">What Happens After You Order</h3>
+          <div style="display:grid;gap:16px">
+            <div style="display:flex;gap:12px;align-items:flex-start">
+              <div style="width:28px;height:28px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;color:#16a34a">1</div>
+              <div>
+                <p style="font-size:13px;font-weight:600;color:#1e293b;margin:0">We collect your information</p>
+                <p style="font-size:12px;color:#64748b;margin:4px 0 0">After payment, you'll complete a short intake form with your business details, driver info, and vehicle information.</p>
+              </div>
+            </div>
+            <div style="display:flex;gap:12px;align-items:flex-start">
+              <div style="width:28px;height:28px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;color:#16a34a">2</div>
+              <div>
+                <p style="font-size:13px;font-weight:600;color:#1e293b;margin:0">We handle the filings</p>
+                <p style="font-size:12px;color:#64748b;margin:4px 0 0">Our compliance team prepares and submits all registrations to the appropriate agencies (SOS, FMCSA, etc.).</p>
+              </div>
+            </div>
+            <div style="display:flex;gap:12px;align-items:flex-start">
+              <div style="width:28px;height:28px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;color:#16a34a">3</div>
+              <div>
+                <p style="font-size:13px;font-weight:600;color:#1e293b;margin:0">You're ready to operate</p>
+                <p style="font-size:12px;color:#64748b;margin:4px 0 0">You'll receive your USDOT number, MC authority, BOC-3 confirmation, and all compliance documents. Get insurance and start hauling.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Closing reassurance -->
+      <div style="max-width:36rem;margin:24px auto 0;text-align:center">
+        <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px">
+          <h3 style="font-size:15px;font-weight:700;color:#1a2744;margin:0 0 10px">About Performance West</h3>
+          <p style="font-size:13px;color:#475569;line-height:1.7;margin:0 0 12px">Performance West Inc. is a professional compliance consulting firm based in Cheyenne, Wyoming. We specialize in DOT/FMCSA regulatory filings for motor carriers, brokers, and freight forwarders nationwide. Our team handles the paperwork so you can stay on the road.</p>
+          <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;color:#64748b;margin-bottom:12px">
+            <span>Wyoming-registered corporation</span>
+            <span>&middot;</span>
+            <span>Serving all 50 states</span>
+            <span>&middot;</span>
+            <span>Toll free: (888) 411-0383</span>
+          </div>
+          <p style="font-size:12px;color:#94a3b8;margin:0">Your payment information is processed securely by Stripe. We never store your card number. All filings are prepared by our compliance team and submitted directly to the appropriate federal or state agency on your behalf.</p>
+        </div>
+      </div>
+
+      <!-- Help -->
+      <div class="mt-6 text-center">
+        <p class="text-sm text-gray-500">Questions? <a href="mailto:info@performancewest.net" class="text-orange-600 underline">info@performancewest.net</a> or call <strong>(888) 411-0383</strong></p>
+      </div>
+
+    </div>
+  </section>
+</main>
+
+<footer class="border-t border-gray-200 bg-gray-50 mt-auto py-8">
+  <div class="max-w-4xl mx-auto px-4 text-center text-xs text-gray-400">
+    <img src="/images/logo.png" alt="Performance West" class="h-10 mx-auto mb-3">
+    <p>Performance West Inc. &middot; 525 Randall Ave Ste 100-1195, Cheyenne, WY 82001 &middot; <a href="https://performancewest.net" class="text-gray-500">performancewest.net</a> &middot; (888) 411-0383</p>
+    <p class="mt-2">Performance West is a regulatory compliance consulting firm, not a law firm. This does not constitute legal advice.</p>
+  </div>
+</footer>
+
+<script>
+var API = window.__PW_API || "https://api.performancewest.net";
+var params = new URLSearchParams(window.location.search);
+var emailFromUrl = params.get("email") || "";
+var promoFromUrl = params.get("code") || params.get("promo") || "";
+
+function usd(cents) { return "$" + (cents / 100).toLocaleString("en-US", {minimumFractionDigits: 2}); }
+
+// Pre-fill from URL params
+if (emailFromUrl) { var e = document.getElementById("pw-email"); if (e) e.value = emailFromUrl; }
+if (promoFromUrl) { var p = document.getElementById("pw-promo"); if (p) { p.value = promoFromUrl.toUpperCase(); p.readOnly = true; p.style.background = "#fff7ed"; p.style.borderColor = "#f97316"; } }
+
+// Non-discountable slugs
+var nonDiscountable = {"dot-drug-alcohol": true, "boc3-filing": true, "mc-authority": true};
+
+// Bundle logic
+var bundleCb = document.getElementById("pw-bundle-check");
+var bundleComponents = (bundleCb.dataset.bundle || "").split(",");
+
+function getAllCheckboxes() { return document.querySelectorAll("input[data-slug]"); }
+function getIndividualCheckboxes() { return document.querySelectorAll("#pw-svc-list input[data-slug]"); }
+
+// When bundle is checked, uncheck all individual services that are in the bundle
+bundleCb.addEventListener("change", function() {
+  if (!bundleCb.checked) return;
+  bundleComponents.forEach(function(slug) {
+    var cb = document.querySelector('#pw-svc-list input[data-slug="' + slug + '"]');
+    if (cb && cb.checked) cb.checked = false;
+  });
+  updateTotal();
+});
+
+// When an individual service in the bundle is checked, uncheck the bundle
+document.getElementById("pw-svc-list").addEventListener("change", function(e) {
+  if (!e.target.matches || !e.target.matches("input[data-slug]")) return;
+  if (e.target.checked && bundleCb.checked && bundleComponents.indexOf(e.target.dataset.slug) >= 0) {
+    bundleCb.checked = false;
+  }
+  updateTotal();
+});
+
+// Also update when bundle checkbox changes
+bundleCb.addEventListener("change", updateTotal);
+
+// Discount code logic
+var activeDiscount = null;
+function fetchDiscount() {
+  var code = (document.getElementById("pw-promo").value || "").trim().toUpperCase();
+  if (!code) { activeDiscount = null; updateTotal(); return; }
+  fetch(API + "/api/v1/discount/" + encodeURIComponent(code)).then(function(r) { return r.json(); }).then(function(d) {
+    if (d.valid) { activeDiscount = d; } else { activeDiscount = null; }
+    updateTotal();
+  }).catch(function() { activeDiscount = null; updateTotal(); });
+}
+var promoField = document.getElementById("pw-promo");
+if (promoField.value.trim()) { setTimeout(fetchDiscount, 300); }
+promoField.addEventListener("blur", fetchDiscount);
+promoField.addEventListener("input", function() { clearTimeout(promoField._debounce); promoField._debounce = setTimeout(fetchDiscount, 600); });
+
+// Total calculation
+var totalSection = document.getElementById("pw-total-section");
+var totalRows = document.getElementById("pw-total-rows");
+
+function updateTotal() {
+  var selected = [];
+  var svcTotal = 0;
+  var govTotal = 0;
+  var discountable = 0;
+
+  getAllCheckboxes().forEach(function(cb) {
+    if (!cb.checked) return;
+    var price = parseInt(cb.dataset.price) || 0;
+    var gov = parseInt(cb.dataset.govfee) || 0;
+    svcTotal += price;
+    govTotal += gov;
+    // Bundle itself is discountable (minus the non-discountable component values inside)
+    if (cb.dataset.slug === "new-carrier-bundle") {
+      // Only the discountable portion of the bundle
+      // Bundle = $599. Non-discountable components: BOC-3 ($89), D&A ($149), MC ($349) = $587
+      // Discountable portion: $599 - $587 = $12? No — the bundle is $599 flat.
+      // For discount purposes, we treat the bundle as having non-discountable components at their face value
+      // and the remainder is discountable.
+      // Actually, let's keep it simple: the bundle price is discountable except for the non-discountable items' share.
+      // Non-discountable share in bundle: BOC-3 ($89) + D&A ($149) + MC ($349) = $587 but bundle is only $599
+      // So effectively nearly all of it is non-discountable. Let's mark the bundle itself as non-discountable.
+      // This is simplest and fairest since the bundle already has a huge discount built in.
+    } else if (!nonDiscountable[cb.dataset.slug] && !cb.dataset.nodiscount) {
+      discountable += price;
+    }
+    selected.push(cb.dataset.slug);
+  });
+
+  if (selected.length === 0) { totalSection.hidden = true; return; }
+  totalSection.hidden = false;
+
+  var discountAmt = 0;
+  if (activeDiscount && activeDiscount.discount_type === "percent") {
+    discountAmt = Math.round(discountable * activeDiscount.discount_value / 100);
+  } else if (activeDiscount && activeDiscount.discount_type === "flat") {
+    discountAmt = Math.min(activeDiscount.discount_value * 100, discountable);
+  }
+
+  // Build itemized list
+  var html = '';
+  getAllCheckboxes().forEach(function(cb) {
+    if (!cb.checked) return;
+    var price = parseInt(cb.dataset.price) || 0;
+    var gov = parseInt(cb.dataset.govfee) || 0;
+    var slug = cb.dataset.slug;
+    var label = cb.closest("label");
+    var nameEl = label ? label.querySelector(".font-semibold.text-gray-900, [style*='font-weight:800']") : null;
+    var name = nameEl ? nameEl.textContent : slug;
+    var canDiscount = !nonDiscountable[slug] && !cb.dataset.nodiscount && slug !== "new-carrier-bundle" && activeDiscount;
+    var itemDiscount = 0;
+    if (canDiscount && activeDiscount.discount_type === "percent") {
+      itemDiscount = Math.round(price * activeDiscount.discount_value / 100);
+    }
+    html += '<div class="flex justify-between text-sm mb-1"><span>' + name + '</span>';
+    if (itemDiscount > 0) {
+      html += '<span>' + usd(price) + ' <span style="color:#059669;font-size:12px;font-weight:600">-' + usd(itemDiscount) + '</span></span>';
+    } else {
+      html += '<span>' + usd(price) + '</span>';
+    }
+    html += '</div>';
+    if (gov > 0) html += '<div class="flex justify-between text-xs text-gray-400 mb-1 pl-2"><span>Gov fee (FMCSA)</span><span>' + usd(gov) + '</span></div>';
+  });
+
+  if (govTotal > 0) html += '<div class="flex justify-between text-sm text-gray-500 mb-1 border-t border-gray-100 pt-1 mt-1"><span>Government fees</span><span>' + usd(govTotal) + '</span></div>';
+  if (discountAmt > 0) {
+    html += '<div class="flex justify-between text-sm text-green-600 font-semibold mb-1"><span>' + activeDiscount.code + ' (' + activeDiscount.discount_value + '% off)</span><span>-' + usd(discountAmt) + '</span></div>';
+  }
+  var finalTotal = svcTotal + govTotal - discountAmt;
+  html += '<div class="flex justify-between font-bold text-lg border-t border-gray-300 pt-2 mt-2"><span>Total</span><span>' + usd(finalTotal) + '</span></div>';
+  if (discountAmt > 0) { html += '<div class="text-xs text-green-600 text-right mt-1">You save ' + usd(discountAmt) + '!</div>'; }
+  totalRows.innerHTML = html;
+}
+
+// Listen for all checkbox changes
+document.addEventListener("change", function(e) { if (e.target.matches && e.target.matches("input[data-slug]")) updateTotal(); });
+
+// Pre-select from URL
+var preSelect = (params.get("services") || "").split(",").filter(Boolean);
+preSelect.forEach(function(slug) {
+  var cb = document.querySelector('input[data-slug="' + slug + '"]');
+  if (cb) {
+    cb.checked = true;
+    // If it's a bundle component and bundle is checked, uncheck bundle
+    if (bundleCb.checked && bundleComponents.indexOf(slug) >= 0) {
+      bundleCb.checked = false;
+    }
+  }
+});
+if (params.get("bundle") === "1") {
+  bundleCb.checked = true;
+  bundleComponents.forEach(function(slug) {
+    var cb = document.querySelector('#pw-svc-list input[data-slug="' + slug + '"]');
+    if (cb) cb.checked = false;
+  });
+}
+if (preSelect.length || params.get("bundle") === "1") updateTotal();
+
+// Submit
+document.getElementById("pw-batch-form").addEventListener("submit", function(e) {
+  e.preventDefault();
+  var selected = [];
+  getAllCheckboxes().forEach(function(cb) { if (cb.checked) selected.push(cb.dataset.slug); });
+  if (selected.length === 0) { alert("Please select at least one service."); return; }
+  if (!document.getElementById("pw-engage").checked) { alert("Please accept the authorization terms."); return; }
+
+  var btn = document.getElementById("pw-submit");
+  btn.disabled = true; btn.textContent = "Creating order...";
+  var errEl = document.getElementById("pw-err"); errEl.hidden = true;
+
+  var dotVal = (document.getElementById("pw-dot").value || "").trim();
+
+  var body = {
+    services: selected,
+    customer_name: document.getElementById("pw-name").value.trim(),
+    customer_email: document.getElementById("pw-email").value.trim(),
+    customer_phone: document.getElementById("pw-phone").value.trim() || undefined,
+    discount_code: document.getElementById("pw-promo").value.trim() || undefined,
+    intake_data: {
+      dot_number: dotVal || undefined,
+      source: "trucking-new-carrier",
+      is_new_carrier: true
+    },
+    engagement_accepted: true
+  };
+
+  fetch(API + "/api/v1/compliance-orders/batch", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) })
+    .then(function(r) { return r.json().then(function(d) { if (!r.ok) throw new Error(d.error || "Order failed"); return d; }); })
+    .then(function(d) {
+      var payMethod = document.querySelector("input[name=pw_pay]:checked").value;
+      return fetch(API + "/api/v1/checkout/create-session", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ order_id: d.batch_id, order_type: "compliance_batch", payment_method: payMethod }) });
+    })
+    .then(function(r) { return r.json(); })
+    .then(function(d) {
+      if (d.checkout_url) window.location.href = d.checkout_url;
+      else throw new Error("No checkout URL returned");
+    })
+    .catch(function(err) {
+      errEl.textContent = err.message; errEl.hidden = false;
+      btn.disabled = false; btn.textContent = "Continue to Secure Payment \u2192";
+    });
+});
+</script>
+</body>
+</html>
