From ecbf7f0df752ab9610dda6a7c7adfe172037013d Mon Sep 17 00:00:00 2001
From: justin <justin@liquidator.optimal-reality.com>
Date: Thu, 28 May 2026 23:10:19 -0500
Subject: [PATCH] Fix: use inline styles for orange banner (Tailwind classes
 not in Astro CSS)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 site/public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/public/index.html b/site/public/index.html
index 5c3a954..3151dd9 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -22,7 +22,7 @@ View services
 See pricing
 </a> <a href="/tools/contractor-quiz" class="inline-flex items-center justify-center px-6 py-3 rounded-lg border border-gray-500 text-gray-200 font-medium hover:bg-white/10 transition-colors">
 Free contractor quiz
-</a> </div> </div> </section>  <section class="py-4 bg-gradient-to-r from-amber-600 via-orange-500 to-amber-600 border-b border-amber-700"> <div class="max-w-5xl mx-auto px-4"> <a href="/tools/dot-compliance-check" class="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 group"> <div class="flex items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[10px] font-bold bg-white text-orange-600 uppercase tracking-wider">New</span> <span class="text-white font-semibold text-sm sm:text-base">DOT / FMCSA Motor Carrier Compliance Services</span> </div> <span class="text-orange-100 text-xs sm:text-sm">MCS-150 updates, BOC-3 filing, UCR registration, operating authority — free compliance check</span> <svg class="w-4 h-4 text-white group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path></svg> </a> </div> </section>  <section class="py-6 bg-gray-50 border-b border-gray-100"> <div class="max-w-5xl mx-auto px-4"> <div class="flex flex-wrap items-center justify-center gap-6 sm:gap-10"> <!-- SSL Secured --> <div class="flex items-center gap-2 text-gray-500 group" title="256-bit TLS encryption on all connections"> <svg class="w-7 h-7 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">SSL Secured</span> <span class="text-[10px] text-gray-400">256-bit encryption</span> </div> </div> <!-- Qualys SSL Labs A+ --> <a href="https://www.ssllabs.com/ssltest/analyze.html?d=performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Qualys SSL Labs A+ Rating"> <div class="w-7 h-7 rounded bg-green-600 flex items-center justify-center"> <span class="text-white text-xs font-bold">A+</span> </div> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">SSL Labs</span> <span class="text-[10px] text-gray-400">Qualys rated</span> </div> </a> <!-- Security Headers --> <a href="https://securityheaders.com/?q=https%3A%2F%2Fperformancewest.net%2F" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="SecurityHeaders.com A+ Grade"> <div class="w-7 h-7 rounded bg-purple-600 flex items-center justify-center"> <span class="text-white text-xs font-bold">A+</span> </div> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Security Headers</span> <span class="text-[10px] text-gray-400">A+ rated</span> </div> </a> <!-- Google Safe Browsing --> <a href="https://transparencyreport.google.com/safe-browsing/search?url=performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Verified safe by Google Safe Browsing"> <svg class="w-7 h-7 text-blue-500" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Google Safe</span> <span class="text-[10px] text-gray-400">No threats found</span> </div> </a> <!-- Stripe Payments --> <div class="flex items-center gap-2 text-gray-500" title="Payments securely processed by Stripe"> <svg class="w-7 h-7" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="4" fill="#635BFF"></rect><path d="M11.2 9.6c0-.66.54-.92 1.44-.92.96 0 2.16.3 3.12.82V6.82c-1.04-.42-2.08-.58-3.12-.58-2.56 0-4.24 1.34-4.24 3.56 0 3.48 4.78 2.92 4.78 4.42 0 .78-.68 1.04-1.64 1.04-1.42 0-2.46-.42-3.54-1.06v2.7c1.2.52 2.42.74 3.54.74 2.62 0 4.42-1.3 4.42-3.56-.02-3.74-4.76-3.08-4.76-4.28z" fill="white"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Stripe</span> <span class="text-[10px] text-gray-400">Secure payments</span> </div> </div> <!-- Satisfaction Guarantee --> <div class="flex items-center gap-2 text-gray-500" title="100% satisfaction guarantee or your money back"> <svg class="w-8 h-8" viewBox="0 0 40 40" fill="none"> <circle cx="20" cy="20" r="19" fill="#059669" stroke="#047857" stroke-width="1"></circle> <path d="M20 4 L23 14 L34 14 L25.5 20.5 L28.5 31 L20 24.5 L11.5 31 L14.5 20.5 L6 14 L17 14 Z" fill="#FCD34D" stroke="#D97706" stroke-width="0.5"></path> <path d="M14 20 L18 24 L27 15" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Satisfaction</span> <span class="text-[10px] text-gray-400">100% guaranteed</span> </div> </div> <!-- Trustpilot --> <a href="https://www.trustpilot.com/review/performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Read our reviews on Trustpilot"> <svg class="w-7 h-7" viewBox="0 0 40 40" fill="none"> <rect width="40" height="40" rx="6" fill="#00B67A"></rect> <path d="M20 8l3.1 9.5H33l-8 5.8 3.1 9.5L20 27l-8.1 5.8 3.1-9.5-8-5.8h9.9z" fill="white"></path> <path d="M20 8l3.1 9.5H33l-8 5.8" fill="#005128" opacity="0.3"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Trustpilot</span> <span class="text-[10px] text-gray-400">Read reviews</span> </div> </a> <!-- Google Reviews --> <a href="https://g.page/r/performancewest/review" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Review us on Google"> <svg class="w-7 h-7" viewBox="0 0 40 40" fill="none"> <rect width="40" height="40" rx="6" fill="white" stroke="#E5E7EB" stroke-width="1"></rect> <path d="M29.6 20.2c0-.6-.1-1.2-.2-1.8H20v3.4h5.4c-.2 1.2-1 2.3-2.1 3v2.5h3.4c2-1.8 3.1-4.5 3.1-7.1h-.2z" fill="#4285F4"></path> <path d="M20 30c2.9 0 5.3-1 7-2.6l-3.4-2.6c-1 .6-2.2 1-3.6 1-2.8 0-5.1-1.9-6-4.4H10.5v2.7C12.2 27.8 15.8 30 20 30z" fill="#34A853"></path> <path d="M14 21.4c-.2-.7-.4-1.4-.4-2.1 0-.7.1-1.5.4-2.1v-2.7H10.5C9.5 16.4 9 18.1 9 20s.5 3.6 1.5 5.1L14 22.4l0-1z" fill="#FBBC05"></path> <path d="M20 13.5c1.6 0 3 .5 4.1 1.6l3.1-3.1C25.3 10.1 22.9 9 20 9c-4.2 0-7.8 2.2-9.5 5.9l3.5 2.7c.9-2.6 3.2-4.4 6-4.1z" fill="#EA4335"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Google</span> <span class="text-[10px] text-gray-400">Reviews</span> </div> </a> <!-- Payment methods — Cards --> <div class="flex items-center gap-2" title="We accept all major cards"> <img src="/images/cards/visa.png" alt="Visa" class="h-7 w-auto" loading="lazy"> <img src="/images/cards/mastercard.svg" alt="Mastercard" class="h-8 w-auto" loading="lazy"> <img src="/images/cards/amex.png" alt="American Express" class="h-8 w-auto" loading="lazy"> <img src="/images/cards/discover.svg" alt="Discover" class="h-8 w-auto" loading="lazy"> </div> <!-- Crypto payments --> <div class="flex items-center gap-2" title="We accept cryptocurrency"> <img src="/images/cards/bitcoin.svg" alt="Bitcoin" class="h-7 w-7" loading="lazy"> <img src="/images/cards/ethereum.svg" alt="Ethereum" class="h-7 w-7" loading="lazy"> <img src="/images/cards/usdc.svg" alt="USDC" class="h-7 w-7" loading="lazy"> <img src="/images/cards/usdt.svg" alt="USDT" class="h-7 w-7" loading="lazy"> <img src="/images/cards/litecoin.svg" alt="Litecoin" class="h-7 w-7" loading="lazy"> </div> <!-- ACH / Bank --> <div class="flex items-center gap-1 bg-white border border-gray-200 rounded px-2.5 py-1.5" title="ACH bank transfer"> <svg class="w-5 h-5 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75z"></path></svg> <span class="text-[10px] font-semibold text-gray-500">ACH</span> </div> </div> </div> </section>  <section class="py-12 sm:py-16 border-b border-gray-100"> <div class="max-w-6xl mx-auto px-4"> <h2 class="text-2xl font-bold text-center text-gray-900 mb-8 sm:mb-12">Five areas of compliance expertise</h2> <div class="grid gap-6 justify-items-center grid-cols-2 sm:grid-cols-5"> <a href="/services/telecom" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-blue-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-blue-100 transition-colors"> <svg class="w-7 h-7 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Telecom</h3> <p class="text-xs text-gray-600">FCC filings, STIR/SHAKEN, IPES/ISP, state PUC</p> </a> <a href="/tools/dot-compliance-check" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-orange-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-orange-100 transition-colors"> <svg class="w-7 h-7 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Trucking / DOT</h3> <p class="text-xs text-gray-600">MCS-150, BOC-3, UCR, operating authority</p> </a>  <a href="/services/privacy" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-purple-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-purple-100 transition-colors"> <svg class="w-7 h-7 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Data Privacy</h3> <p class="text-xs text-gray-600">CCPA/CPRA, privacy policies, breach plans</p> </a> <a href="/services/tcpa" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-green-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-green-100 transition-colors"> <svg class="w-7 h-7 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">TCPA</h3> <p class="text-xs text-gray-600">SMS consent, DNC, marketing compliance</p> </a> <a href="/services/corporate" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-slate-100 flex items-center justify-center mx-auto mb-3 group-hover:bg-slate-200 transition-colors"> <svg class="w-7 h-7 text-slate-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Corporate</h3> <p class="text-xs text-gray-600">Formation, registrations, annual reports</p> </a> </div> </div> </section>  <section class="py-10 sm:py-14 bg-gradient-to-b from-amber-50/60 to-white border-t border-amber-100"> <div class="max-w-3xl mx-auto px-4 text-center"> <div class="mx-auto mb-5 w-20 h-20 sm:w-24 sm:h-24 relative"> <svg viewBox="0 0 120 120" class="w-full h-full drop-shadow-lg"> <polygon points="60,2 68,22 90,10 80,32 102,28 88,46 110,50 88,58 102,76 80,72 90,94 68,82 60,102 52,82 30,94 40,72 18,76 32,58 10,50 32,46 18,28 40,32 30,10 52,22" fill="url(#gold-gradient)" stroke="#b8860b" stroke-width="1"></polygon> <circle cx="60" cy="52" r="30" fill="url(#gold-inner)" stroke="#b8860b" stroke-width="1.5"></circle> <path d="M45 52 L55 62 L75 42" fill="none" stroke="#5a3e00" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <polygon points="38,95 48,80 60,102 50,105 35,115" fill="#c9a020" stroke="#b8860b" stroke-width="0.5"></polygon> <polygon points="82,95 72,80 60,102 70,105 85,115" fill="#c9a020" stroke="#b8860b" stroke-width="0.5"></polygon> <defs> <linearGradient id="gold-gradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#f5d442"></stop> <stop offset="50%" style="stop-color:#e8b923"></stop> <stop offset="100%" style="stop-color:#c9a020"></stop> </linearGradient> <linearGradient id="gold-inner" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#fce588"></stop> <stop offset="100%" style="stop-color:#e8c844"></stop> </linearGradient> </defs> </svg> </div> <h2 class="text-xl sm:text-2xl font-bold text-gray-900 mb-3">Fixed pricing. No billable hours.</h2> <p class="text-gray-700 max-w-2xl mx-auto text-sm sm:text-base leading-relaxed">
+</a> </div> </div> </section>  <section style="padding:12px 0;background:linear-gradient(to right,#d97706,#f97316,#d97706);border-bottom:1px solid #b45309"> <div class="max-w-5xl mx-auto px-4"> <a href="/tools/dot-compliance-check" style="display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;text-decoration:none"> <div style="display:flex;align-items:center;gap:8px"> <span style="display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:10px;font-weight:700;background:#fff;color:#ea580c;text-transform:uppercase;letter-spacing:0.05em">New</span> <span style="color:#fff;font-weight:600;font-size:15px">DOT / FMCSA Motor Carrier Compliance Services</span> </div> <span style="color:#fed7aa;font-size:13px">MCS-150 updates, BOC-3 filing, UCR registration, operating authority — free compliance check</span> <svg style="width:16px;height:16px;color:#fff" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path></svg> </a> </div> </section>  <section class="py-6 bg-gray-50 border-b border-gray-100"> <div class="max-w-5xl mx-auto px-4"> <div class="flex flex-wrap items-center justify-center gap-6 sm:gap-10"> <!-- SSL Secured --> <div class="flex items-center gap-2 text-gray-500 group" title="256-bit TLS encryption on all connections"> <svg class="w-7 h-7 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">SSL Secured</span> <span class="text-[10px] text-gray-400">256-bit encryption</span> </div> </div> <!-- Qualys SSL Labs A+ --> <a href="https://www.ssllabs.com/ssltest/analyze.html?d=performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Qualys SSL Labs A+ Rating"> <div class="w-7 h-7 rounded bg-green-600 flex items-center justify-center"> <span class="text-white text-xs font-bold">A+</span> </div> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">SSL Labs</span> <span class="text-[10px] text-gray-400">Qualys rated</span> </div> </a> <!-- Security Headers --> <a href="https://securityheaders.com/?q=https%3A%2F%2Fperformancewest.net%2F" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="SecurityHeaders.com A+ Grade"> <div class="w-7 h-7 rounded bg-purple-600 flex items-center justify-center"> <span class="text-white text-xs font-bold">A+</span> </div> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Security Headers</span> <span class="text-[10px] text-gray-400">A+ rated</span> </div> </a> <!-- Google Safe Browsing --> <a href="https://transparencyreport.google.com/safe-browsing/search?url=performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Verified safe by Google Safe Browsing"> <svg class="w-7 h-7 text-blue-500" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Google Safe</span> <span class="text-[10px] text-gray-400">No threats found</span> </div> </a> <!-- Stripe Payments --> <div class="flex items-center gap-2 text-gray-500" title="Payments securely processed by Stripe"> <svg class="w-7 h-7" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="4" fill="#635BFF"></rect><path d="M11.2 9.6c0-.66.54-.92 1.44-.92.96 0 2.16.3 3.12.82V6.82c-1.04-.42-2.08-.58-3.12-.58-2.56 0-4.24 1.34-4.24 3.56 0 3.48 4.78 2.92 4.78 4.42 0 .78-.68 1.04-1.64 1.04-1.42 0-2.46-.42-3.54-1.06v2.7c1.2.52 2.42.74 3.54.74 2.62 0 4.42-1.3 4.42-3.56-.02-3.74-4.76-3.08-4.76-4.28z" fill="white"></path></svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Stripe</span> <span class="text-[10px] text-gray-400">Secure payments</span> </div> </div> <!-- Satisfaction Guarantee --> <div class="flex items-center gap-2 text-gray-500" title="100% satisfaction guarantee or your money back"> <svg class="w-8 h-8" viewBox="0 0 40 40" fill="none"> <circle cx="20" cy="20" r="19" fill="#059669" stroke="#047857" stroke-width="1"></circle> <path d="M20 4 L23 14 L34 14 L25.5 20.5 L28.5 31 L20 24.5 L11.5 31 L14.5 20.5 L6 14 L17 14 Z" fill="#FCD34D" stroke="#D97706" stroke-width="0.5"></path> <path d="M14 20 L18 24 L27 15" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Satisfaction</span> <span class="text-[10px] text-gray-400">100% guaranteed</span> </div> </div> <!-- Trustpilot --> <a href="https://www.trustpilot.com/review/performancewest.net" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Read our reviews on Trustpilot"> <svg class="w-7 h-7" viewBox="0 0 40 40" fill="none"> <rect width="40" height="40" rx="6" fill="#00B67A"></rect> <path d="M20 8l3.1 9.5H33l-8 5.8 3.1 9.5L20 27l-8.1 5.8 3.1-9.5-8-5.8h9.9z" fill="white"></path> <path d="M20 8l3.1 9.5H33l-8 5.8" fill="#005128" opacity="0.3"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Trustpilot</span> <span class="text-[10px] text-gray-400">Read reviews</span> </div> </a> <!-- Google Reviews --> <a href="https://g.page/r/performancewest/review" target="_blank" rel="noopener" class="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors" title="Review us on Google"> <svg class="w-7 h-7" viewBox="0 0 40 40" fill="none"> <rect width="40" height="40" rx="6" fill="white" stroke="#E5E7EB" stroke-width="1"></rect> <path d="M29.6 20.2c0-.6-.1-1.2-.2-1.8H20v3.4h5.4c-.2 1.2-1 2.3-2.1 3v2.5h3.4c2-1.8 3.1-4.5 3.1-7.1h-.2z" fill="#4285F4"></path> <path d="M20 30c2.9 0 5.3-1 7-2.6l-3.4-2.6c-1 .6-2.2 1-3.6 1-2.8 0-5.1-1.9-6-4.4H10.5v2.7C12.2 27.8 15.8 30 20 30z" fill="#34A853"></path> <path d="M14 21.4c-.2-.7-.4-1.4-.4-2.1 0-.7.1-1.5.4-2.1v-2.7H10.5C9.5 16.4 9 18.1 9 20s.5 3.6 1.5 5.1L14 22.4l0-1z" fill="#FBBC05"></path> <path d="M20 13.5c1.6 0 3 .5 4.1 1.6l3.1-3.1C25.3 10.1 22.9 9 20 9c-4.2 0-7.8 2.2-9.5 5.9l3.5 2.7c.9-2.6 3.2-4.4 6-4.1z" fill="#EA4335"></path> </svg> <div class="leading-tight"> <span class="text-xs font-semibold text-gray-700 block">Google</span> <span class="text-[10px] text-gray-400">Reviews</span> </div> </a> <!-- Payment methods — Cards --> <div class="flex items-center gap-2" title="We accept all major cards"> <img src="/images/cards/visa.png" alt="Visa" class="h-7 w-auto" loading="lazy"> <img src="/images/cards/mastercard.svg" alt="Mastercard" class="h-8 w-auto" loading="lazy"> <img src="/images/cards/amex.png" alt="American Express" class="h-8 w-auto" loading="lazy"> <img src="/images/cards/discover.svg" alt="Discover" class="h-8 w-auto" loading="lazy"> </div> <!-- Crypto payments --> <div class="flex items-center gap-2" title="We accept cryptocurrency"> <img src="/images/cards/bitcoin.svg" alt="Bitcoin" class="h-7 w-7" loading="lazy"> <img src="/images/cards/ethereum.svg" alt="Ethereum" class="h-7 w-7" loading="lazy"> <img src="/images/cards/usdc.svg" alt="USDC" class="h-7 w-7" loading="lazy"> <img src="/images/cards/usdt.svg" alt="USDT" class="h-7 w-7" loading="lazy"> <img src="/images/cards/litecoin.svg" alt="Litecoin" class="h-7 w-7" loading="lazy"> </div> <!-- ACH / Bank --> <div class="flex items-center gap-1 bg-white border border-gray-200 rounded px-2.5 py-1.5" title="ACH bank transfer"> <svg class="w-5 h-5 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75z"></path></svg> <span class="text-[10px] font-semibold text-gray-500">ACH</span> </div> </div> </div> </section>  <section class="py-12 sm:py-16 border-b border-gray-100"> <div class="max-w-6xl mx-auto px-4"> <h2 class="text-2xl font-bold text-center text-gray-900 mb-8 sm:mb-12">Five areas of compliance expertise</h2> <div class="grid gap-6 justify-items-center grid-cols-2 sm:grid-cols-5"> <a href="/services/telecom" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-blue-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-blue-100 transition-colors"> <svg class="w-7 h-7 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Telecom</h3> <p class="text-xs text-gray-600">FCC filings, STIR/SHAKEN, IPES/ISP, state PUC</p> </a> <a href="/tools/dot-compliance-check" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-orange-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-orange-100 transition-colors"> <svg class="w-7 h-7 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Trucking / DOT</h3> <p class="text-xs text-gray-600">MCS-150, BOC-3, UCR, operating authority</p> </a>  <a href="/services/privacy" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-purple-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-purple-100 transition-colors"> <svg class="w-7 h-7 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><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"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Data Privacy</h3> <p class="text-xs text-gray-600">CCPA/CPRA, privacy policies, breach plans</p> </a> <a href="/services/tcpa" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-green-50 flex items-center justify-center mx-auto mb-3 group-hover:bg-green-100 transition-colors"> <svg class="w-7 h-7 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">TCPA</h3> <p class="text-xs text-gray-600">SMS consent, DNC, marketing compliance</p> </a> <a href="/services/corporate" class="text-center group"> <div class="w-14 h-14 rounded-xl bg-slate-100 flex items-center justify-center mx-auto mb-3 group-hover:bg-slate-200 transition-colors"> <svg class="w-7 h-7 text-slate-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"></path></svg> </div> <h3 class="font-semibold text-gray-900 mb-1 group-hover:text-pw-700 transition-colors">Corporate</h3> <p class="text-xs text-gray-600">Formation, registrations, annual reports</p> </a> </div> </div> </section>  <section class="py-10 sm:py-14 bg-gradient-to-b from-amber-50/60 to-white border-t border-amber-100"> <div class="max-w-3xl mx-auto px-4 text-center"> <div class="mx-auto mb-5 w-20 h-20 sm:w-24 sm:h-24 relative"> <svg viewBox="0 0 120 120" class="w-full h-full drop-shadow-lg"> <polygon points="60,2 68,22 90,10 80,32 102,28 88,46 110,50 88,58 102,76 80,72 90,94 68,82 60,102 52,82 30,94 40,72 18,76 32,58 10,50 32,46 18,28 40,32 30,10 52,22" fill="url(#gold-gradient)" stroke="#b8860b" stroke-width="1"></polygon> <circle cx="60" cy="52" r="30" fill="url(#gold-inner)" stroke="#b8860b" stroke-width="1.5"></circle> <path d="M45 52 L55 62 L75 42" fill="none" stroke="#5a3e00" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <polygon points="38,95 48,80 60,102 50,105 35,115" fill="#c9a020" stroke="#b8860b" stroke-width="0.5"></polygon> <polygon points="82,95 72,80 60,102 70,105 85,115" fill="#c9a020" stroke="#b8860b" stroke-width="0.5"></polygon> <defs> <linearGradient id="gold-gradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#f5d442"></stop> <stop offset="50%" style="stop-color:#e8b923"></stop> <stop offset="100%" style="stop-color:#c9a020"></stop> </linearGradient> <linearGradient id="gold-inner" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#fce588"></stop> <stop offset="100%" style="stop-color:#e8c844"></stop> </linearGradient> </defs> </svg> </div> <h2 class="text-xl sm:text-2xl font-bold text-gray-900 mb-3">Fixed pricing. No billable hours.</h2> <p class="text-gray-700 max-w-2xl mx-auto text-sm sm:text-base leading-relaxed">
 Unlike firms that charge $300-$600/hour with no cost certainty, Performance West offers
         fixed-price compliance services with defined deliverables and turnaround times.
         You know exactly what you're getting and what it costs before we start.