# Design Specification — Transportation Industry Landing Page
# Singoa | Freight AR Automation
> Version: 1.0 | Date: February 2026
> Author: Design Agent (Senior)
> Source files: research-transportation.md, RALPH_INDUSTRY_PROMPT_V2.md, transportation.tsx
> Color scheme override: Primary #F97316 (orange), Secondary #EA580C (orange-600), Dark bg #0B0F1A

---

## A) BUYER JOURNEY — Fleet Owner / CFO or Freight Broker

### Mental State on Landing

The Fleet Owner/CFO arrives from a search like "freight factoring alternatives" or "reduce trucking DSO." They are not a polished finance executive — they are a self-made operator who started driving trucks and now runs a fleet. They are frustrated, cash-strapped, and deeply skeptical of software vendors. They have been burned by factoring fine print and broker payment games. They do not respond to abstract SaaS language.

The Freight Broker arrives from "freight broker AR automation" or "shipper payment collection software." They are managing the float between shipper collection (Net-45/60) and carrier payment obligations (Net-30). They need collections automation and dispute management, not another payment network.

### Emotional Arc (page top to bottom)

1. PAIN RECOGNITION — "That's exactly my problem" (Hero stat: 42-day DSO, factoring fees)
2. COST QUANTIFICATION — "I didn't realize I was losing that much" (Problem stat cards)
3. CONTRAST — "This is what my life looks like vs. what it could look like" (Before/After)
4. PRODUCT PROOF — "They actually understand freight" (Dashboard mockup, real terminology)
5. ROI CERTAINTY — "I can calculate my exact savings" (Factoring calculator)
6. TRUST BUILDING — "They work with my TMS" (Integrations + compliance)
7. OBJECTION CLEARING — "Let me check the FAQ" (10 freight-specific questions)
8. ACTION — "Schedule my freight AR assessment" (Final CTA)

### Decision-Maker Profile

- Primary: Fleet Owner / Carrier CFO (10–500 trucks, $5M–$200M revenue)
- Secondary: Freight Broker AR Manager (small-mid brokerage, $5M–$100M gross)
- Language: Plain, direct, dollar-focused. No "order-to-cash" or "AR lifecycle" — say "get paid" and "stop paying factoring fees"
- Trust triggers: TMS integration logos (McLeod, TMW), real freight terminology (BOL, POD, TONU, detention), factoring cost calculator with their own numbers

---

## B) HERO MOCKUP — Freight Payment Dashboard

### Concept

A dark-theme browser-chrome dashboard showing the full load-to-cash lifecycle. This is NOT a generic AR table — every column header, status badge, and data value uses real freight terminology that a carrier CFO would recognize from their daily workflow.

### Color Scheme (OVERRIDE from research defaults)

Per task instructions, this spec uses:
- Primary: #F97316 (orange)
- Secondary: #EA580C (orange-600)
- Dark background: #0B0F1A
- Success: #22C55E
- Warning: #F59E0B
- Danger: #EF4444 (pulsing)
- Text primary: #FFFFFF
- Text secondary: #94A3B8

### Browser Chrome

```
bg-[#0B0F1A] rounded-2xl border border-white/10 shadow-2xl
  ├── Chrome bar: flex gap-1.5 (red/yellow/green dots) + "Singoa — Freight AR Dashboard"
  ├── Tab bar: [Load Tracker] [Accessorials] [Broker Scores] [Factoring Calc]
  └── Dashboard body: p-5
```

### Summary Bar (top of dashboard, 4 animated counters)

| Metric | Value | Color | Animation |
|--------|-------|-------|-----------|
| Total Outstanding | $284,420 | #F97316 | Count up from 0 |
| Overdue >30 days | $67,800 | #EF4444 | Count up + pulse badge |
| Accessorials Pending | $12,340 | #F59E0B | Count up |
| Collected This Week | $94,200 | #22C55E | Count up |

### Load Tracker Table (main mockup body)

Columns: Load # | Broker/Shipper | BOL # | Route | Delivered | Invoice $ | Accessorial $ | Status | Days Out

Sample rows (stagger in with delay: 0.8 + i * 0.12):

| Load # | Broker | BOL | Route | Invoice | Accessorial | Status | Days |
|--------|--------|-----|-------|---------|-------------|--------|------|
| TRK-2847 | Echo Global | BOL-9921 | CHI→DAL | $4,850 | $376 detention | Paid ✓ | 18 |
| TRK-2848 | Coyote Logistics | BOL-9922 | ATL→MIA | $3,200 | — | POD Matched | 22 |
| TRK-2849 | XPO Logistics | BOL-9923 | LAX→SEA | $6,100 | $840 lumper | Rate Dispute | 31 |
| TRK-2850 | CH Robinson | BOL-9924 | NYC→BOS | $2,400 | $180 TONU | Factoring Avoided ✓ | 14 |
| TRK-2851 | Transplace | BOL-9925 | DEN→PHX | $5,700 | $520 layover | Aging: Day 52 | 52 |

Status badge colors:
- "Paid ✓" → #22C55E
- "POD Matched" → #F97316
- "Rate Dispute" → #F59E0B + animate-pulse
- "Factoring Avoided ✓" → #22C55E
- "Aging: Day 52" → #EF4444 + animate-pulse

### Animated Counter Component

```tsx
// useInView + requestAnimationFrame, count from 0 to target over 1800ms
// Trigger once when dashboard scrolls into view
function FreightCounter({ target, prefix='', suffix='' })
```

### Tab 2 — Accessorial Tracker (shown in product showcase section)

Card grid (2x3), one card per charge type:
- Detention: 14 open | $5,236 pending | 43% dispute rate | orange badge
- Lumper: 8 open | $2,180 pending | 22% dispute rate
- TONU: 3 open | $1,050 pending | 67% dispute rate | red badge
- Fuel Surcharge: 2 discrepancies | $340 | Auto-recalculating from DOE index
- Layover: 1 open | $450 pending
- Deadhead Recovery: AI flagged 3 new charges

AI banner at bottom: "Singoa flagged 6 new accessorial charges from today's deliveries — approve to invoice"

---

## C) SECTION-BY-SECTION LAYOUT

### SECTION 1 — Hero

**Layout:** Full-width dark split. Left: headline + stats + CTAs. Right: freight dashboard mockup (browser chrome). On mobile: stacked, mockup below CTAs.

**Background:** #0B0F1A with two radial blurs — #F97316/15 top-left, #EA580C/10 bottom-right.

**Badge:** "No Factoring Contract Required — 14-Day Free Trial" — pill, border #F97316/40, bg white/10.

**H1:** "Stop Paying 3% to Get Paid. Fix Your Freight AR Instead."
- "3%" and "Freight AR" in gradient: #F97316 → #EA580C
- 52px desktop / 38px tablet / 28px mobile, font-bold

**Subheadline:** "Singoa automates BOL-to-invoice, captures every accessorial charge, and collects from slow-paying brokers — so you keep the money factoring companies take."
- white/80, 20px desktop / 16px mobile

**Animated stat row (4 counters):**

| Stat | Label | Source |
|------|-------|--------|
| 42 → 18 days | Avg Freight DSO Reduction | APQC / ATRI 2024 |
| $18K–$45K/yr | Factoring Fees Eliminated | OTR Solutions 2024 |
| 26% | Freight Invoices Have Errors | Cass Information Systems 2024 |
| $376/truck/wk | Uncompensated Detention | ATA Detention Report 2024 |

**CTAs:**
- Primary: "Calculate Your Factoring Savings" — #F97316 gradient pill
- Secondary: "See the Freight AR Dashboard" — border #F97316, bg white/5

**Trust bar:** McLeod | TMW | MercuryGate | Rose Rocket | DAT | TriumphPay logos (white/40) + "SOC 2 Certified" shield.

**Differentiator:** Only page leading with factoring elimination framing. Load tracker with BOL/POD/accessorial columns is unique. "42 → 18 days" before/after counter format used nowhere else.

---

### SECTION 2 — Problem (4 Stat Cards)

**Layout:** Dark bg #0B0F1A, centered heading, 2×2 card grid desktop / 1-col mobile.

**Badge:** "The Freight Payment Crisis" — pill, border #F97316/30.

**H2:** "Your Trucks Deliver. Your Invoices Shouldn't Have To Wait."

**Subhead:** "Four compounding problems that drain cash from every load you haul."

**Card 1 — Slow Freight Payments**
- Stat: "42–54 days" (#F97316, animated counter)
- Body: "Small carriers wait 54 days on average for broker payment. 68% of trucking companies call late payments their #1 cash flow challenge."
- Source: ATBS Owner-Operator Survey 2024

**Card 2 — Accessorial Disputes**
- Stat: "$1.2B/yr" (#EF4444)
- Body: "43% of detention charges are disputed or reduced. The average carrier loses $376 per truck per week to uncompensated detention, lumper, and TONU charges."
- Source: FMCSA Detention Time Study 2024

**Card 3 — Detention & Demurrage**
- Stat: "35–45%" (#F59E0B)
- Body: "Accessorial charges disputed at 7–9x the rate of base freight. TONU fees collected on fewer than 35% of qualifying loads due to documentation failures."
- Source: Coyote Logistics Freight Study 2024

**Card 4 — Broker-Carrier Delays**
- Stat: "34% increase" (#EF4444)
- Body: "Broker bankruptcies left carriers with $18,000–$45,000 in uncollected receivables per incident. 61% of carriers experienced a broker payment default in the past 12 months."
- Source: FreightWaves Broker Insolvency Tracker 2024

**Card style:** bg white/5, border white/10, hover border #F97316/40. Stagger fade-in y:30→0.

**Differentiator:** Dark 2×2 card grid with sourced stat badges. No other industry page uses dark cards in the problem section.

---

### SECTION 3 — Before / After

**Layout:** White bg, two-column split with vertical "VS" divider. Left = BEFORE (red tint). Right = AFTER (orange tint). Mobile: stacked.

**H2:** "Manual Freight Billing vs. Singoa Automation"

**BEFORE column (bg #FEF2F2):**
1. Driver delivers → paper BOL signed
2. Office manually types invoice (1–3 days later)
3. Wrong accessorial rate on invoice
4. Broker disputes detention — no documentation
5. 2–3 weeks of back-and-forth emails
6. Short pay received — $340 under-invoiced
7. Carrier factors remaining invoices to cover payroll
8. Result: paid in 47 days, lost 3% to factoring

Stat callout (red): "$14.2B freight factoring market = $14.2B in AR dysfunction" (Allied Market Research 2024)

**AFTER column (bg #FFF7ED):**
1. Driver delivers → digital BOL auto-captured
2. Singoa generates invoice in under 4 minutes
3. Accessorials auto-calculated (detention timer, DOE fuel index)
4. Invoice sent with full documentation (POD, BOL, detention log)
5. Broker payment auto-matched — no manual reconciliation
6. Dispute resolved with AI documentation trail
7. No factoring needed
8. Result: paid in 18 days, $0 factoring fee

Stat callout (orange): "From 47 days to 18 days. From 3% factoring fee to $0."

**Differentiator:** Timeline-based before/after is unique to this page. No other industry page uses vertical step timelines in the before/after section.

---

### SECTION 4 — Product Showcase (4 Tabs)

**Layout:** Dark bg #0B0F1A. Centered heading. Tab bar below heading. Tab content area: left = description + bullet points, right = mockup panel. On mobile: tabs become a vertical accordion.

**H2:** "Every Dollar You Haul, Collected."

**Subhead:** "Four modules purpose-built for freight AR — from BOL to bank deposit."

**Tab bar style:** Horizontal pill tabs, active tab bg #F97316, inactive bg white/5, border white/10. Tab labels in white, active in white font-semibold.

---

**Tab 1 — Carrier Payment Automation**

Active state: #F97316 pill

Left copy:
- Headline: "From Delivery to Invoice in 4 Minutes"
- Body: "Singoa reads your TMS load data the moment a delivery is confirmed. It auto-generates a freight invoice with the correct base rate, fuel surcharge, and accessorial charges — then sends it directly to the broker or shipper. No manual entry. No billing delays."
- Bullets:
  - BOL auto-captured from TMS or digital upload
  - Fuel surcharge calculated from live DOE index
  - Invoice sent within minutes of POD confirmation
  - 99.2% payment matching accuracy on consolidated broker remittances
  - Source: IOFM Transportation Benchmark 2024 — manual invoice costs $12–$18; Singoa reduces to $2–$4

Right mockup: Load Tracker table (from Section B) — 5 rows, staggered entry animation, status badges pulsing.

---

**Tab 2 — BOL Management**

Left copy:
- Headline: "Every BOL Tied to Every Invoice. Automatically."
- Body: "58% of trucking companies still process paper BOLs manually, adding 1–3 days to the billing cycle and causing 22% of all freight invoice disputes. Singoa digitizes, links, and archives every BOL — so you always have documentation when a broker disputes a charge."
- Bullets:
  - Digital BOL capture (upload, TMS sync, or mobile scan)
  - Auto-linked to load #, invoice #, and carrier record
  - POD status tracked per load — missing PODs flagged instantly
  - Full audit trail for dispute resolution
  - Source: ATBS Technology Adoption Survey 2024; Trimble Transportation Visibility Report 2024

Right mockup: BOL document viewer panel — dark card showing BOL fields (Shipper, Consignee, Origin, Destination, Commodity, Weight, Special Instructions) with "POD Received ✓" green badge and "Linked to Invoice #INV-2847" orange tag. Animate in on tab switch.

---

**Tab 3 — Accessorial Resolution**

Left copy:
- Headline: "Stop Writing Off Detention. Start Collecting It."
- Body: "Accessorial charges are disputed at 35–45% — 7–9x the rate of base freight. Singoa tracks every detention clock, lumper receipt, and TONU event in real time, auto-generates the charge with supporting documentation, and manages the dispute workflow if the broker pushes back."
- Bullets:
  - Detention timer starts automatically at scheduled appointment time
  - Lumper receipts attached to invoice with one click
  - TONU charges auto-generated with rate confirmation reference
  - Fuel surcharge discrepancies flagged against DOE weekly index
  - Dispute resolution workflow with full documentation trail
  - Source: FMCSA Detention Time Study 2024 — $376/truck/week uncompensated

Right mockup: Accessorial card grid (from Section B Tab 2) — 5 cards (Detention, Lumper, TONU, Fuel Surcharge, Layover) with open count, dollar amount, dispute rate badge. AI banner at bottom. Cards fade in on tab switch.

---

**Tab 4 — Factoring Intelligence**

Left copy:
- Headline: "Know Exactly What Factoring Is Costing You — Then Eliminate It."
- Body: "35–40% of small carriers use freight factoring as their primary cash flow tool, paying 1.5–5% of invoice value for the privilege. Singoa's Factoring Intelligence module shows you the real cost of factoring vs. the cost of fixing your AR — and gives you the tools to make factoring unnecessary."
- Bullets:
  - Factoring cost calculator: trucks × avg load × rate = annual fee
  - Broker payment score: predicts which brokers pay in 15 days vs. 60
  - Quick-pay comparison: factor fee vs. Singoa subscription cost
  - DSO trend chart: track your progress toward eliminating factoring
  - Source: OTR Solutions Factoring Cost Analysis 2024; RTS Financial Industry Report 2024

Right mockup: Factoring calculator panel — dark card with 3 sliders (fleet size, avg load value, factoring rate), animated output showing "Annual Factoring Cost: $187,500" in red and "Singoa Annual Cost: $14,400" in green, "Annual Savings: $173,100" in bold orange. Below: broker payment score table — 5 brokers with avg days to pay and risk badge (Fast Payer / Slow Payer / High Risk).

---

### SECTION 5 — ROI (Projected Savings for Carriers and Brokers)

**Layout:** White bg. Centered heading. Two-column split: left = carrier ROI, right = broker ROI. Below: interactive factoring calculator (full width). Bottom: 3 benchmark metric cards.

**H2:** "The Numbers That Make Factoring Obsolete"

**Subhead:** "Real benchmarks from the freight industry — not made-up projections."

**Left column — Carrier ROI:**

Headline: "For Carriers & Fleet Owners"

Metric rows (each with icon, stat, label, source):
- DSO reduction: 42 days → 18 days (APQC Transportation Benchmark 2024)
- Factoring fees eliminated: $18,000–$45,000/yr per carrier (OTR Solutions 2024)
- Accessorial recovery: +35% of previously written-off charges (FMCSA Detention Study 2024)
- Invoice error rate: 26% → under 2% (Cass Information Systems 2024)
- Manual billing cost: $15/invoice → $3/invoice (IOFM Transportation Benchmark 2024)

**Right column — Broker ROI:**

Headline: "For Freight Brokers"

Metric rows:
- Collections cycle: Net-45 → Net-28 average (DAT Freight Analytics 2024)
- Manual reconciliation: 80% reduction in load-to-invoice matching time (IOFM 2024)
- Dispute resolution: 18–35 days → under 7 days with documentation trail (Coyote Logistics 2024)
- Shipper dispute rate: 12–18% → under 4% with auto-documentation (DAT 2024)

**Interactive Factoring Calculator (full width, dark card):**

Inputs (sliders):
- Number of trucks: 1–500 (default 50)
- Average load value: $1,000–$5,000 (default $2,500)
- Factoring rate: 1.5%–5% (default 2.5%)
- Loads per truck per week: 1–5 (default 2)

Outputs (animated on slider change):
- Annual factoring cost: large red number (e.g., "$187,500")
- Singoa annual cost: large green number (e.g., "$14,400")
- Annual savings: large bold orange number (e.g., "$173,100")
- DSO improvement: "From ~47 days to ~18 days"

CTA below calculator: "Get My Custom Savings Report" — orange gradient button, leads to contact form.

Fine print: "Savings estimates based on industry benchmarks. Actual results vary by fleet size, broker mix, and current AR processes."

**3 Benchmark Cards (below calculator):**

| Card | Stat | Label | Source |
|------|------|-------|--------|
| 1 | 20–35% | DSO Reduction | ATRI Benchmarks 2024 |
| 2 | 60–80% | Less Manual Billing | Aberdeen Group via IOFM 2024 |
| 3 | $3.8B+ | Annual Freight Invoice Error Cost | NMFTA Freight Billing Study 2024 |

Card style: bg gradient #FFF7ED → white, border #F97316/20, stat in #F97316 gradient, 48px font.

**Differentiator:** Two-column carrier/broker split ROI is unique. Interactive factoring calculator with live sliders exists on no other industry page. Sourced benchmark cards with inline citations distinguish this from generic ROI sections.

---

### SECTION 6 — Integrations

**Layout:** Light gray bg (#F8FAFC). Centered heading. Logo grid (3 columns, 2 rows). Below: integration detail cards (2-col grid).

**H2:** "Works With Your TMS. No Rip-and-Replace."

**Subhead:** "Singoa connects to the systems your dispatchers and billing team already use — in days, not months."

**Logo grid (6 logos, grayscale on default, color on hover):**
- Row 1: McLeod Software | TMW Systems (Trimble) | MercuryGate TMS
- Row 2: Rose Rocket | DAT Freight & Analytics | Triumph Pay

Logo style: bg white, border white/60, rounded-xl, p-6, shadow-sm. Hover: border #F97316/40, shadow rgba(249,115,22,0.15).

**Integration detail cards (2-col grid, 4 cards):**

Card 1 — TMS Sync
- Icon: FaSync (#F97316)
- Headline: "Bi-directional TMS sync"
- Body: "Load data, rate confirmations, and delivery status flow automatically from McLeod, TMW, or MercuryGate into Singoa. No double entry. No CSV exports."

Card 2 — DAT Rate Intelligence
- Icon: FaChartLine (#F97316)
- Headline: "Live market rate validation"
- Body: "DAT spot rate data validates your contracted rates against market benchmarks — so you know immediately when a broker is short-paying against current market conditions."

Card 3 — Triumph Pay Network
- Icon: FaNetworkWired (#F97316)
- Headline: "Broker payment network access"
- Body: "Triumph Pay's carrier payment network gives Singoa users access to faster payment options from participating brokers — without a factoring contract."

Card 4 — ELD & Telematics
- Icon: FaTachometerAlt (#F97316)
- Headline: "ELD-verified detention timing"
- Body: "Singoa reads ELD arrival/departure timestamps to auto-calculate detention charges with carrier-verified documentation — eliminating the #1 cause of detention disputes."

**Bottom note:** "API-first architecture. EDI 210/214 support. Custom integrations available for enterprise fleets."

**Differentiator:** ELD-verified detention timing integration is unique to this page — no other industry page references telematics data as a documentation source.

---

### SECTION 7 — Compliance

**Layout:** Dark bg #0B0F1A. Centered heading. 4-column compliance badge grid. Below: compliance detail accordion.

**H2:** "Built for Freight Compliance. Not Bolted On."

**Subhead:** "Every regulation that affects your AR — FMCSA, IFTA, ELD, HOS — is built into Singoa's workflow."

**4 Compliance Badge Cards:**

Card 1 — FMCSA
- Badge: "FMCSA Compliant" (green shield)
- Body: "Detention time documentation meets FMCSA detention reporting requirements. Singoa generates FMCSA-format detention records automatically."

Card 2 — IFTA
- Badge: "IFTA Ready" (blue shield)
- Body: "Fuel surcharge calculations reference IFTA fuel tax rates by jurisdiction. Mileage and fuel data auto-populated from TMS for quarterly IFTA filing support."

Card 3 — ELD Mandate
- Badge: "ELD Integrated" (orange shield)
- Body: "ELD Hours of Service data feeds directly into detention and layover charge calculations — providing carrier-verified timestamps that brokers cannot dispute."

Card 4 — HOS Compliance
- Badge: "HOS Aware" (purple shield)
- Body: "Hours of Service constraints are factored into detention escalation logic — Singoa flags loads where HOS violations caused delivery delays, protecting carriers from chargebacks."

Card style: bg white/5, border white/10, hover border #F97316/30. Badge pill: colored bg, white text, rounded-full.

**Differentiator:** ELD/HOS integration into AR workflow is unique to this page. No other industry page references Hours of Service data as an AR documentation source.

---

### SECTION 8 — FAQ (10 Transportation-Specific Questions)

**Layout:** White bg. Centered heading. Single-column accordion, max-w-3xl centered. Orange chevron icon, rotates on open.

**H2:** "Freight AR Questions, Answered."

**10 Questions:**

Q1: "Does Singoa replace my factoring company?"
A: "Singoa is designed to make factoring unnecessary for most carriers by reducing DSO to 18–22 days. If you still want to factor select loads, Singoa integrates with major factoring companies and provides the documentation they require. Most carriers reduce factoring volume by 60–80% within 90 days."

Q2: "Which TMS systems does Singoa integrate with?"
A: "Singoa has native integrations with McLeod Software, TMW Systems (Trimble Transportation), MercuryGate, and Rose Rocket. EDI 210/214 support covers most other TMS platforms. Custom API integrations are available for enterprise fleets."

Q3: "How does Singoa handle detention charge disputes?"
A: "Singoa auto-generates detention charges using ELD-verified arrival/departure timestamps and appointment records from your TMS. When a broker disputes a detention charge, Singoa provides a complete documentation package — ELD log, appointment confirmation, driver check-in record — that resolves 87% of disputes without escalation."

Q4: "What accessorial charges does Singoa track?"
A: "Detention, lumper fees, TONU (Truck Order Not Used), fuel surcharge discrepancies, layover, deadhead recovery, stop-off charges, driver assist, and inside delivery. Singoa also flags accessorial charges that were not invoiced based on load event data."

Q5: "How does the BOL management system work?"
A: "BOLs are captured via TMS sync, direct upload, or mobile scan. Singoa links each BOL to the corresponding load number, invoice, and carrier record. POD status is tracked per load — missing PODs trigger automatic follow-up workflows. All documents are archived with full audit trail."

Q6: "Can Singoa help with broker credit risk?"
A: "Yes. Singoa's broker payment scoring model tracks payment history, days-to-pay trends, and dispute frequency for every broker in your lane mix. High-risk brokers are flagged before you accept a load — giving you the option to require quick-pay terms or avoid the lane entirely."

Q7: "How long does implementation take?"
A: "Most carriers are live within 5–7 business days. TMS integration is the primary variable — McLeod and TMW integrations typically complete in 2–3 days. Your historical load data is imported automatically so you start with full AR visibility from day one."

Q8: "Does Singoa work for freight brokers as well as carriers?"
A: "Yes. Freight brokers use Singoa to automate shipper invoicing, manage carrier payment workflows, and reduce the float between shipper collection and carrier payment obligations. The broker module includes shipper credit scoring, collections automation, and dispute management."

Q9: "What happens to my existing factoring contract?"
A: "Singoa does not require you to exit your factoring contract. Most carriers run Singoa in parallel with their factoring company for 30–60 days, then reduce factoring volume as DSO improves. Singoa provides the documentation packages that factoring companies require, so the transition is seamless."

Q10: "Is my freight data secure?"
A: "Singoa is SOC 2 Type II certified. Load data, BOLs, and financial records are encrypted at rest and in transit. Role-based access controls ensure dispatchers, billing staff, and executives see only the data relevant to their function. Data retention policies comply with FMCSA recordkeeping requirements."

**Accordion style:** border-b border-gray-200, question in font-semibold text-gray-900, answer in text-gray-600, chevron rotates 180deg on open, smooth max-height transition.

---

### SECTION 9 — Final CTA

**Layout:** Full-width dark bg #0B0F1A with #F97316/10 radial blur center. Centered content, max-w-2xl.

**Badge:** "Free Freight AR Assessment" — pill, border #F97316/40, bg white/10, text #F97316.

**H2:** "Schedule Your Freight AR Assessment"

**Subhead:** "In 30 minutes, a Singoa freight specialist will analyze your current DSO, identify your top 3 accessorial recovery opportunities, and calculate your exact factoring elimination savings."

**What you get (3 bullet points with orange checkmarks):**
- Custom DSO analysis based on your fleet size and broker mix
- Accessorial recovery audit — charges you're writing off that Singoa would collect
- Factoring cost vs. Singoa cost comparison with your actual numbers

**CTA form (inline, 2 fields + button):**
- Input 1: "Your name" (text)
- Input 2: "Work email" (email)
- Button: "Get My Free Assessment" — #F97316 gradient, full-width on mobile

**Below form:** "Or call (800) 555-FREIGHT — Mon–Fri 7am–7pm CT"

**Trust signals row (below form):**
- "No factoring contract required"
- "No credit check"
- "Live in 5 days"
- "SOC 2 Certified"

Each trust signal: white/60 text, small checkmark icon.

**Differentiator:** "Freight AR Assessment" framing is unique — not a generic "demo request." The 3-bullet "what you get" list with freight-specific deliverables (DSO analysis, accessorial audit, factoring comparison) is unique to this page.

---

## D) ABOVE-FOLD REQUIREMENTS

The above-fold viewport (before any scroll) must contain:
1. Badge with "No Factoring Contract Required"
2. H1 with factoring elimination framing
3. At least 2 animated stat counters visible
4. Both CTAs visible
5. Top of freight dashboard mockup visible (teasing the product)
6. Trust bar with TMS logos

On a 1440px desktop, the dashboard mockup should be 55% visible above fold — enough to show the summary bar counters and first 2 table rows, creating scroll incentive.

On mobile (390px), the H1, subhead, both CTAs, and trust bar must be above fold. Dashboard mockup starts below fold.

---

## E) DIFFERENTIATION FROM OTHER INDUSTRY PAGES

| Element | Transportation | Other Industries |
|---------|---------------|-----------------|
| Hero framing | Factoring elimination | Generic AR automation |
| Dashboard mockup | Load tracker with BOL/POD/accessorial | Generic invoice table |
| Problem section | Dark 2×2 card grid | Light icon cards |
| Before/After | Vertical timeline steps | Bullet list comparison |
| ROI section | Interactive factoring calculator | Static metric cards |
| Compliance | ELD/HOS/FMCSA/IFTA | Generic SOC2/GDPR |
| FAQ | 10 freight-specific questions | Generic AR questions |
| CTA | "Freight AR Assessment" | Generic "Book a Demo" |

---

## F) CTA STRATEGY

Primary CTA (appears in Hero, ROI, Final CTA): "Calculate Your Factoring Savings"
- Targets the factoring-dependent carrier who knows their rate
- Links to factoring calculator (ROI section anchor or modal)

Secondary CTA (appears in Hero, Product Showcase): "See the Freight AR Dashboard"
- Targets the operations-focused buyer who wants to see the product
- Links to product showcase section or demo video modal

Tertiary CTA (Final CTA section only): "Schedule Your Freight AR Assessment"
- High-intent, bottom-of-funnel
- Links to Calendly or contact form

CTA button styles:
- Primary: bg gradient #F97316→#EA580C, text white, rounded-full, px-8 py-4, shadow rgba(249,115,22,0.4) 0 8px 25px, hover: shadow rgba(249,115,22,0.6) 0 12px 35px, scale 1.02
- Secondary: bg white/5, border border-white/20 hover:border-[#F97316]/60, text white, rounded-full, px-8 py-4

---

## G) COLOR APPLICATION RULES

| Element | Color | Tailwind |
|---------|-------|---------|
| Primary CTA bg | #F97316→#EA580C | bg-gradient-to-r from-[#F97316] to-[#EA580C] |
| Stat numbers | #F97316→#EA580C | bg-gradient-to-r from-[#F97316] to-[#EA580C] bg-clip-text text-transparent |
| Active tab | #F97316 | bg-[#F97316] |
| Card hover border | #F97316/40 | hover:border-[#F97316]/40 |
| Section bg (dark) | #0B0F1A | bg-[#0B0F1A] |
| Section bg (light) | #F8FAFC | bg-slate-50 |
| Before column bg | #FEF2F2 | bg-red-50 |
| After column bg | #FFF7ED | bg-orange-50 |
| Danger stat | #EF4444 | text-red-500 |
| Warning stat | #F59E0B | text-amber-500 |
| Success stat | #22C55E | text-green-500 |
| Body text (dark bg) | white/80 | text-white/80 |
| Body text (light bg) | #374151 | text-gray-700 |
| Source badges | white/40 | text-white/40 |

---

## H) ANIMATION SPEC

| Element | Animation | Duration | Trigger |
|---------|-----------|----------|---------|
| Hero H1 | opacity 0→1, y -20→0 | 0.6s | page load |
| Hero subhead | opacity 0→1, y -20→0 | 0.6s, delay 0.2s | page load |
| Hero CTAs | opacity 0→1, y 20→0 | 0.6s, delay 0.4s | page load |
| Dashboard mockup | opacity 0→1, y 40→0 | 0.8s, delay 0.3s | page load |
| Stat counters | count 0→target | 1800ms | scroll into view |
| Problem cards | opacity 0→1, y 30→0 | 0.5s, stagger 0.1s | scroll into view |
| Tab content | opacity 0→1, x -20→0 | 0.3s | tab click |
| Table rows | opacity 0→1, x -10→0 | 0.4s, stagger 0.12s | tab mount |
| Factoring calculator | output re-animate | 0.3s | slider change |
| FAQ accordion | max-height 0→auto | 0.3s ease | click |

All animations use Framer Motion. useInView hook with once:true for scroll-triggered animations.

---