Join us (877) 657-2070
Join us (877) 657-2070
Signed in as:
filler@godaddy.com
By creating an account, you may receive newsletters or promotions.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Route Eagle LLC — Investor Business Plan</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root {
--black: #0a0a0a;
--dark: #111214;
--card: #161819;
--border: #252729;
--gold: #D4A017;
--gold-light: #F2C94C;
--gold-dim: rgba(212,160,23,0.15);
--white: #F5F1EB;
--muted: #7A7A7A;
--accent: #C0392B;
--green: #27AE60;
--blue: #2980B9;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
background: var(--black);
color: var(--white);
font-family: 'DM Sans', sans-serif;
font-weight: 300;
line-height: 1.6;
overflow-x: hidden;
}
/* ── NAV ── */
nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
background: rgba(10,10,10,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
display: flex; align-items: center; justify-content: space-between;
padding: 0 2.5rem;
height: 60px;
}
.nav-logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.4rem;
letter-spacing: 0.1em;
color: var(--gold);
}
.nav-links { display: flex; gap: 1.8rem; }
.nav-links a {
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
text-decoration: none;
transition: color 0.2s;
}
.nav-links a:hover { color: var(--gold); }
.nav-badge {
font-family: 'DM Mono', monospace;
font-size: 0.68rem;
color: var(--gold);
border: 1px solid var(--gold);
padding: 0.25rem 0.7rem;
letter-spacing: 0.1em;
}
/* ── HERO ── */
.hero {
min-height: 100vh;
display: flex; flex-direction: column; justify-content: flex-end;
padding: 0 2.5rem 5rem;
position: relative;
overflow: hidden;
}
.hero-bg {
position: absolute; inset: 0;
background:
radial-gradient(ellipse 80% 60% at 70% 40%, rgba(212,160,23,0.07) 0%, transparent 70%),
linear-gradient(160deg, #0a0a0a 0%, #111214 100%);
}
.hero-grid {
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(212,160,23,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(212,160,23,0.04) 1px, transparent 1px);
background-size: 60px 60px;
}
.hero-eagle {
position: absolute;
right: -2%;
top: 50%;
transform: translateY(-50%);
font-size: 26rem;
opacity: 0.03;
line-height: 1;
animation: float 8s ease-in-out infinite;
}
@keyframes float {
0%,100% { transform: translateY(-50%) rotate(-2deg); }
50% { transform: translateY(-53%) rotate(2deg); }
}
.hero-eyebrow {
position: relative;
font-family: 'DM Mono', monospace;
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1.2rem;
display: flex; align-items: center; gap: 1rem;
}
.hero-eyebrow::before {
content: ''; display: block;
width: 40px; height: 1px;
background: var(--gold);
}
h1 {
position: relative;
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(4rem, 10vw, 9rem);
line-height: 0.9;
letter-spacing: 0.02em;
color: var(--white);
margin-bottom: 0.2rem;
}
h1 span { color: var(--gold); }
.hero-sub {
position: relative;
font-size: clamp(1rem, 2vw, 1.3rem);
font-weight: 300;
color: var(--muted);
margin: 1.5rem 0 3rem;
max-width: 540px;
}
.hero-stats {
position: relative;
display: flex; gap: 3rem;
flex-wrap: wrap;
}
.hero-stat-item { }
.hero-stat-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 2.2rem;
color: var(--gold);
line-height: 1;
}
.hero-stat-label {
font-size: 0.68rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
margin-top: 0.2rem;
}
.hero-scroll {
position: absolute; bottom: 2rem; right: 2.5rem;
display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase;
color: var(--muted);
}
.scroll-line {
width: 1px; height: 50px;
background: linear-gradient(to bottom, var(--gold), transparent);
animation: scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
0%,100% { opacity: 0.4; } 50% { opacity: 1; }
}
/* ── SECTIONS ── */
section {
padding: 7rem 2.5rem;
max-width: 1200px;
margin: 0 auto;
}
.section-label {
font-family: 'DM Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 0.8rem;
display: flex; align-items: center; gap: 0.8rem;
}
.section-label::after {
content: ''; flex: 1; height: 1px;
background: linear-gradient(to right, var(--border), transparent);
max-width: 200px;
}
h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(2.5rem, 5vw, 4rem);
letter-spacing: 0.03em;
line-height: 1;
margin-bottom: 1rem;
}
h2 em { color: var(--gold); font-style: normal; }
.section-intro {
font-size: 1.05rem;
color: var(--muted);
max-width: 580px;
margin-bottom: 3.5rem;
}
/* ── DIVIDER ── */
.divider {
width: 100%; height: 1px;
background: linear-gradient(to right, transparent, var(--border), transparent);
margin: 0 2.5rem;
max-width: calc(100% - 5rem);
}
/* ── PHASE CARDS ── */
.phases { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5px; }
.phase-card {
background: var(--card);
padding: 2.2rem 1.8rem;
position: relative;
overflow: hidden;
cursor: default;
transition: transform 0.3s;
}
.phase-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(to right, var(--gold), transparent);
opacity: 0;
transition: opacity 0.3s;
}
.phase-card:hover { transform: translateY(-4px); }
.phase-card:hover::before { opacity: 1; }
.phase-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 4rem;
color: var(--border);
line-height: 1;
position: absolute;
top: 1rem; right: 1.5rem;
transition: color 0.3s;
}
.phase-card:hover .phase-num { color: var(--gold-dim); }
.phase-tag {
font-family: 'DM Mono', monospace;
font-size: 0.62rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 0.8rem;
}
.phase-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.6rem;
letter-spacing: 0.05em;
margin-bottom: 1rem;
}
.phase-trucks {
font-family: 'Bebas Neue', sans-serif;
font-size: 3rem;
color: var(--gold);
line-height: 1;
margin-bottom: 0.3rem;
}
.phase-trucks-label {
font-size: 0.68rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 1.2rem;
}
.phase-bullets { list-style: none; }
.phase-bullets li {
font-size: 0.82rem;
color: var(--muted);
padding: 0.3rem 0;
border-bottom: 1px solid var(--border);
display: flex; align-items: center; gap: 0.6rem;
}
.phase-bullets li::before {
content: '→';
color: var(--gold);
font-size: 0.7rem;
}
/* ── REVENUE CHART ── */
.chart-wrap {
background: var(--card);
border: 1px solid var(--border);
padding: 2.5rem;
margin-bottom: 2rem;
}
.chart-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.3rem;
letter-spacing: 0.05em;
margin-bottom: 0.4rem;
}
.chart-subtitle {
font-size: 0.78rem;
color: var(--muted);
margin-bottom: 2rem;
}
.bar-chart { display: flex; flex-direction: column; gap: 1.2rem; }
.bar-row { display: flex; align-items: center; gap: 1.2rem; }
.bar-label {
font-family: 'DM Mono', monospace;
font-size: 0.72rem;
color: var(--muted);
min-width: 60px;
text-align: right;
}
.bar-track {
flex: 1;
height: 36px;
background: rgba(255,255,255,0.03);
position: relative;
overflow: hidden;
}
.bar-fill {
height: 100%;
background: linear-gradient(to right, var(--gold), var(--gold-light));
position: relative;
display: flex; align-items: center; justify-content: flex-end;
padding-right: 0.8rem;
transform: scaleX(0);
transform-origin: left;
animation: barGrow 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.bar-fill.worst {
background: linear-gradient(to right, #333, #555);
}
@keyframes barGrow {
to { transform: scaleX(1); }
}
.bar-val {
font-family: 'DM Mono', monospace;
font-size: 0.7rem;
color: var(--black);
font-weight: 500;
}
.bar-worst .bar-val { color: var(--white); }
/* ── REVENUE TABLE ── */
.rev-table-wrap {
overflow-x: auto;
margin-bottom: 2rem;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 0.85rem;
}
thead th {
font-family: 'DM Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
text-align: left;
padding: 0.8rem 1rem;
border-bottom: 1px solid var(--border);
}
tbody td {
padding: 1rem;
border-bottom: 1px solid var(--border);
vertical-align: middle;
}
tbody tr:hover { background: rgba(212,160,23,0.04); }
.td-year {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.1rem;
letter-spacing: 0.05em;
color: var(--gold);
}
.td-trucks { font-weight: 500; }
.td-rev {
font-family: 'DM Mono', monospace;
font-size: 0.88rem;
color: var(--green);
}
.td-worst {
font-family: 'DM Mono', monospace;
font-size: 0.8rem;
color: var(--muted);
}
.growth-badge {
display: inline-block;
font-family: 'DM Mono', monospace;
font-size: 0.62rem;
letter-spacing: 0.1em;
padding: 0.2rem 0.5rem;
background: rgba(39,174,96,0.15);
color: var(--green);
border: 1px solid rgba(39,174,96,0.3);
}
/* ── FREIGHT TYPE CHART ── */
.freight-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5px;
}
.freight-card {
background: var(--card);
padding: 2rem 1.8rem;
position: relative;
overflow: hidden;
}
.freight-icon {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.freight-type {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.4rem;
letter-spacing: 0.05em;
margin-bottom: 0.5rem;
}
.freight-range {
font-family: 'DM Mono', monospace;
font-size: 0.9rem;
color: var(--gold);
margin-bottom: 0.4rem;
}
.freight-label {
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 1.2rem;
}
.freight-bar-track {
width: 100%;
height: 4px;
background: var(--border);
margin-top: 0.8rem;
}
.freight-bar {
height: 100%;
background: var(--gold);
transform: scaleX(0);
transform-origin: left;
animation: barGrow 1.4s cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
}
.freight-phase {
font-size: 0.7rem;
color: var(--muted);
margin-top: 0.6rem;
}
/* ── OPERATIONS METRICS ── */
.metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5px;
margin-bottom: 3rem;
}
.metric-card {
background: var(--card);
padding: 1.8rem;
text-align: center;
}
.metric-icon { font-size: 1.5rem; margin-bottom: 0.8rem; }
.metric-val {
font-family: 'Bebas Neue', sans-serif;
font-size: 2.2rem;
color: var(--gold);
line-height: 1;
margin-bottom: 0.3rem;
}
.metric-label {
font-size: 0.68rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
}
/* ── COMPETITIVE TABLE ── */
.comp-table { width: 100%; border-collapse: collapse; }
.comp-table thead th {
background: var(--card);
padding: 1rem 1.2rem;
font-family: 'DM Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
text-align: left;
}
.comp-table thead th:first-child { color: var(--white); }
.comp-table tbody td {
padding: 1rem 1.2rem;
border-bottom: 1px solid var(--border);
font-size: 0.85rem;
}
.comp-table tbody tr:hover { background: rgba(212,160,23,0.03); }
.comp-feature { font-weight: 500; }
.check { color: var(--green); font-size: 1rem; }
.partial { color: var(--gold); font-size: 0.8rem; }
.cross { color: #555; font-size: 0.9rem; }
.re-col { background: rgba(212,160,23,0.05); }
/* ── TIMELINE ── */
.timeline { position: relative; padding-left: 2rem; }
.timeline::before {
content: '';
position: absolute; left: 0; top: 0; bottom: 0;
width: 1px;
background: linear-gradient(to bottom, var(--gold), transparent);
}
.timeline-item {
position: relative;
padding: 0 0 3rem 2.5rem;
}
.timeline-item::before {
content: '';
position: absolute; left: -5px; top: 6px;
width: 11px; height: 11px;
border: 2px solid var(--gold);
background: var(--black);
border-radius: 50%;
}
.tl-year {
font-family: 'DM Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.15em;
color: var(--gold);
text-transform: uppercase;
margin-bottom: 0.3rem;
}
.tl-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.5rem;
letter-spacing: 0.05em;
margin-bottom: 0.6rem;
}
.tl-body {
font-size: 0.85rem;
color: var(--muted);
line-height: 1.7;
}
.tl-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }
.tl-tag {
font-family: 'DM Mono', monospace;
font-size: 0.6rem;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 0.25rem 0.6rem;
border: 1px solid var(--border);
color: var(--muted);
}
/* ── ADVANTAGES ── */
.adv-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
.adv-card {
border: 1px solid var(--border);
padding: 1.8rem;
position: relative;
overflow: hidden;
transition: border-color 0.3s;
}
.adv-card:hover { border-color: var(--gold); }
.adv-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 3.5rem;
color: var(--gold-dim);
line-height: 1;
position: absolute; top: 1rem; right: 1rem;
}
.adv-icon { font-size: 1.6rem; margin-bottom: 0.8rem; }
.adv-title {
font-weight: 500;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.adv-body {
font-size: 0.82rem;
color: var(--muted);
line-height: 1.65;
}
/* ── FUNDING ── */
.funding-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5px;
}
@media (max-width: 700px) { .funding-grid { grid-template-columns: 1fr; } }
.funding-card {
background: var(--card);
padding: 2rem;
}
.funding-cat {
font-family: 'DM Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1rem;
padding-bottom: 0.8rem;
border-bottom: 1px solid var(--border);
}
.funding-item {
display: flex; justify-content: space-between; align-items: center;
padding: 0.6rem 0;
border-bottom: 1px solid var(--border);
font-size: 0.83rem;
}
.funding-item:last-child { border-bottom: none; }
.funding-range {
font-family: 'DM Mono', monospace;
font-size: 0.78rem;
color: var(--gold);
}
/* ── MISSION / CLOSING ── */
.mission-block {
background: var(--card);
border-left: 3px solid var(--gold);
padding: 3rem;
margin: 4rem 0;
}
.mission-text {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(1.5rem, 3vw, 2.5rem);
letter-spacing: 0.03em;
line-height: 1.2;
color: var(--white);
margin-bottom: 1.5rem;
}
.mission-sub {
font-size: 0.88rem;
color: var(--muted);
max-width: 600px;
line-height: 1.7;
}
.values-row {
display: flex; flex-wrap: wrap; gap: 0.8rem;
margin-top: 1.5rem;
}
.value-pill {
font-family: 'DM Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 0.35rem 0.9rem;
border: 1px solid var(--gold);
color: var(--gold);
}
/* ── FOOTER ── */
footer {
border-top: 1px solid var(--border);
padding: 3rem 2.5rem;
display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: 1rem;
}
.footer-logo {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.5rem;
color: var(--gold);
letter-spacing: 0.1em;
}
.footer-copy {
font-size: 0.72rem;
color: var(--muted);
font-family: 'DM Mono', monospace;
}
/* ── DONUT CHART ── */
.donut-section {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
align-items: center;
}
@media (max-width: 600px) { .donut-section { grid-template-columns: 1fr; } }
.donut-canvas { position: relative; width: 180px; height: 180px; }
.donut-canvas svg { transform: rotate(-90deg); }
.donut-center {
position: absolute; inset: 0;
display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.donut-center-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 2rem;
color: var(--gold);
line-height: 1;
}
.donut-center-label {
font-size: 0.6rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
margin-top: 0.2rem;
}
.donut-legend { display: flex; flex-direction: column; gap: 0.8rem; }
.legend-item { display: flex; align-items: center; gap: 0.8rem; font-size: 0.82rem; }
.legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.legend-pct {
margin-left: auto;
font-family: 'DM Mono', monospace;
font-size: 0.75rem;
color: var(--muted);
}
/* ── SPARKLINE ── */
.sparkline-wrap {
background: var(--card);
border: 1px solid var(--border);
padding: 2rem;
margin-bottom: 1.5px;
}
.sparkline-label {
font-family: 'DM Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 1rem;
}
.sparkline-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 2.5rem;
color: var(--gold);
line-height: 1;
}
.sparkline-change {
font-size: 0.75rem;
color: var(--green);
margin-top: 0.3rem;
}
/* Responsive */
@media (max-width: 768px) {
nav { padding: 0 1.2rem; }
.nav-links { display: none; }
section { padding: 5rem 1.2rem; }
.hero { padding: 0 1.2rem 4rem; }
.funding-grid { grid-template-columns: 1fr; }
}
/* Animate on scroll */
.reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<div class="nav-logo">🦅 Route Eagle LLC</div>
<div class="nav-links">
<a href="#overview">Overview</a>
<a href="#phases">Growth Plan</a>
<a href="#revenue">Revenue</a>
<a href="#operations">Operations</a>
<a href="#advantage">Advantage</a>
<a href="#funding">Funding</a>
</div>
<div class="nav-badge">Investor Deck 2025</div>
</nav>
<!-- HERO -->
<div class="hero" id="overview">
<div class="hero-bg"></div>
<div class="hero-grid"></div>
<div class="hero-eagle">🦅</div>
<div class="hero-eyebrow">Confidential Business Plan · Minnesota</div>
<h1>Route<br><span>Eagle</span><br>LLC</h1>
<p class="hero-sub">
A disciplined, technology-driven logistics company scaling from a
single-truck operation to a 50+ truck nationwide fleet within five years.
</p>
<div class="hero-stats">
<div class="hero-stat-item">
<div class="hero-stat-num">$8K</div>
<div class="hero-stat-label">Weekly Gross / Truck</div>
</div>
<div class="hero-stat-item">
<div class="hero-stat-num">50+</div>
<div class="hero-stat-label">Trucks by Year 5</div>
</div>
<div class="hero-stat-item">
<div class="hero-stat-num">$30M+</div>
<div class="hero-stat-label">Projected Revenue Y5</div>
</div>
<div class="hero-stat-item">
<div class="hero-stat-num">4</div>
<div class="hero-stat-label">Revenue Divisions</div>
</div>
</div>
<div class="hero-scroll">
<div class="scroll-line"></div>
Scroll
</div>
</div>
<!-- MISSION -->
<section>
<div class="mission-block reveal">
<div class="mission-text">"Build a disciplined, scalable, and technology-driven logistics company that delivers reliable transportation while creating long-term opportunity for drivers, customers, and partners."</div>
<p class="mission-sub">Route Eagle LLC is approaching two years in business with a proven operational model built on Amazon Relay power-only contracts. The company is now positioned for aggressive, disciplined growth across four major freight verticals.</p>
<div class="values-row">
<span class="value-pill">Integrity</span>
<span class="value-pill">Reliability</span>
<span class="value-pill">Discipline</span>
<span class="value-pill">Professionalism</span>
<span class="value-pill">Operational Excellence</span>
<span class="value-pill">Sustainable Growth</span>
</div>
</div>
</section>
<div class="divider"></div>
<!-- PHASES -->
<section id="phases">
<div class="section-label">Growth Strategy</div>
<h2>Four Phases <em>to Dominance</em></h2>
<p class="section-intro">A clear, milestone-driven expansion plan moving from Amazon Relay through dry van, reefer, hazmat, and into full brokerage and logistics technology.</p>
<div class="phases reveal">
<div class="phase-card">
<div class="phase-num">01</div>
<div class="phase-tag">Now → Year 1</div>
<div class="phase-title">Amazon Relay Foundation</div>
<div class="phase-trucks">1–5</div>
<div class="phase-trucks-label">Trucks</div>
<ul class="phase-bullets">
<li>Maximize Amazon Relay power-only blocks</li>
<li>Build strong safety & compliance history</li>
<li>Generate predictable weekly cash flow</li>
<li>Establish dispatch systems & processes</li>
<li>Reinvest profits into fleet growth</li>
</ul>
</div>
<div class="phase-card">
<div class="phase-num">02</div>
<div class="phase-tag">Year 1–2</div>
<div class="phase-title">Dry Van & Reefer Expansion</div>
<div class="phase-trucks">5–7</div>
<div class="phase-trucks-label">Trucks</div>
<ul class="phase-bullets">
<li>Enter traditional brokered freight market</li>
<li>Add refrigerated freight operations</li>
<li>Build direct shipper relationships</li>
<li>Secure dedicated contract lanes</li>
<li>Reduce Amazon Relay dependency</li>
</ul>
</div>
<div class="phase-card">
<div class="phase-num">03</div>
<div class="phase-tag">Year 2–3</div>
<div class="phase-title">Hazmat & Brokerage Launch</div>
<div class="phase-trucks">15+</div>
<div class="phase-trucks-label">Trucks</div>
<ul class="phase-bullets">
<li>Certify hazmat drivers & equipment</li>
<li>Enter premium hazmat freight market</li>
<li>Launch internal freight brokerage division</li>
<li>Build carrier network infrastructure</li>
<li>Expand nationwide lane coverage</li>
</ul>
</div>
<div class="phase-card">
<div class="phase-num">04</div>
<div class="phase-tag">Year 4–5</div>
<div class="phase-title">Full Logistics & Tech Company</div>
<div class="phase-trucks">50+</div>
<div class="phase-trucks-label">Trucks</div>
<ul class="phase-bullets">
<li>Operate 4 diversified freight divisions</li>
<li>100+ daily brokerage loads</li>
<li>Proprietary dispatch & logistics software</li>
<li>Direct shipper contract portfolio</li>
<li>Technology platform revenue stream</li>
</ul>
</div>
</div>
</section>
<div class="divider"></div>
<!-- REVENUE PROJECTIONS -->
<section id="revenue">
<div class="section-label">Financial Projections</div>
<h2>Revenue <em>Trajectory</em></h2>
<p class="section-intro">Conservative and best-case 5-year revenue projections anchored in current operational performance and realistic fleet scaling milestones.</p>
<!-- Bar Chart -->
<div class="chart-wrap reveal">
<div class="chart-title">Best-Case Annual Revenue Projection</div>
<div class="chart-subtitle">Minnesota → Nationwide Expansion</div>
<div class="bar-chart">
<div class="bar-row">
<div class="bar-label">Year 1</div>
<div class="bar-track">
<div class="bar-fill" style="width:6.7%; animation-delay:0.1s;">
<span class="bar-val">$2M</span>
</div>
</div>
</div>
<div class="bar-row">
<div class="bar-label">Year 2</div>
<div class="bar-track">
<div class="bar-fill" style="width:16.7%; animation-delay:0.25s;">
<span class="bar-val">$5M</span>
</div>
</div>
</div>
<div class="bar-row">
<div class="bar-label">Year 3</div>
<div class="bar-track">
<div class="bar-fill" style="width:33.3%; animation-delay:0.4s;">
<span class="bar-val">$10M</span>
</div>
</div>
</div>
<div class="bar-row">
<div class="bar-label">Year 4</div>
<div class="bar-track">
<div class="bar-fill" style="width:73.3%; animation-delay:0.55s;">
<span class="bar-val">$22M</span>
</div>
</div>
</div>
<div class="bar-row">
<div class="bar-label">Year 5</div>
<div class="bar-track">
<div class="bar-fill" style="width:100%; animation-delay:0.7s;">
<span class="bar-val">$30M+</span>
</div>
</div>
</div>
</div>
</div>
<!-- Revenue Table -->
<div class="chart-wrap reveal">
<div class="chart-title">5-Year Forecast Detail</div>
<div class="chart-subtitle">Best Case vs. Conservative Scenario</div>
<div class="rev-table-wrap">
<table>
<thead>
<tr>
<th>Year</th>
<th>Fleet Size</th>
<th>Best Case Revenue</th>
<th>Conservative Revenue</th>
<th>YoY Growth</th>
</tr>
</thead>
<tbody>
<tr>
<td class="td-year">Y1</td>
<td class="td-trucks">3–5 Trucks</td>
<td class="td-rev">$1M – $2M</td>
<td class="td-worst">$800K</td>
<td>—</td>
</tr>
<tr>
<td class="td-year">Y2</td>
<td class="td-trucks">7–10 Trucks</td>
<td class="td-rev">$3M – $5M</td>
<td class="td-worst">$2M</td>
<td><span class="growth-badge">+150%</span></td>
</tr>
<tr>
<td class="td-year">Y3</td>
<td class="td-trucks">15–20 Trucks</td>
<td class="td-rev">$7M – $10M</td>
<td class="td-worst">$5M</td>
<td><span class="growth-badge">+100%</span></td>
</tr>
<tr>
<td class="td-year">Y4</td>
<td class="td-trucks">30–40 Trucks</td>
<td class="td-rev">$15M – $22M</td>
<td class="td-worst">—</td>
<td><span class="growth-badge">+120%</span></td>
</tr>
<tr>
<td class="td-year">Y5</td>
<td class="td-trucks">50+ Trucks</td>
<td class="td-rev">$30M+</td>
<td class="td-worst">$15M</td>
<td><span class="growth-badge">+70%+</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Freight Revenue by Type -->
<div class="section-label" style="margin-top:3rem;">Revenue Per Freight Type</div>
<div class="freight-grid reveal">
<div class="freight-card">
<div class="freight-icon">📦</div>
<div class="freight-type">Amazon Relay</div>
<div class="freight-range">$7,500 – $8,500</div>
<div class="freight-label">Weekly Gross / Truck</div>
<div class="freight-bar-track">
<div class="freight-bar" style="width:57%;"></div>
</div>
<div class="freight-phase">Active Now → Phase 2</div>
</div>
<div class="freight-card">
<div class="freight-icon">🚛</div>
<div class="freight-type">Dry Van</div>
<div class="freight-range">$8,000 – $10,000</div>
<div class="freight-label">Weekly Gross / Truck</div>
<div class="freight-bar-track">
<div class="freight-bar" style="width:67%; animation-delay:0.2s;"></div>
</div>
<div class="freight-phase">Launching Phase 2</div>
</div>
<div class="freight-card">
<div class="freight-icon">❄️</div>
<div class="freight-type">Reefer</div>
<div class="freight-range">$9,000 – $12,000</div>
<div class="freight-label">Weekly Gross / Truck</div>
<div class="freight-bar-track">
<div class="freight-bar" style="width:80%; animation-delay:0.4s;"></div>
</div>
<div class="freight-phase">Launching Phase 2</div>
</div>
<div class="freight-card">
<div class="freight-icon">☣️</div>
<div class="freight-type">Hazmat</div>
<div class="freight-range">$11,000 – $15,000</div>
<div class="freight-label">Weekly Gross / Truck</div>
<div class="freight-bar-track">
<div class="freight-bar" style="width:100%; animation-delay:0.6s;"></div>
</div>
<div class="freight-phase">Phase 3 — Premium Tier</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- OPERATIONS -->
<section id="operations">
<div class="section-label">Daily Operations</div>
<h2>Operational <em>Targets</em></h2>
<p class="section-intro">Route Eagle LLC is building lean, scalable systems from day one — technology-enabled operations that scale without proportional overhead increases.</p>
<div class="metrics-grid reveal">
<div class="metric-card">
<div class="metric-icon">💰</div>
<div class="metric-val">$8K</div>
<div class="metric-label">Avg Weekly Gross / Truck</div>
</div>
<div class="metric-card">
<div class="metric-icon">🎯</div>
<div class="metric-val">50%+</div>
<div class="metric-label">Direct Freight Goal (Y5)</div>
</div>
<div class="metric-card">
<div class="metric-icon">📊</div>
<div class="metric-val">100+</div>
<div class="metric-label">Daily Brokerage Loads (Y5)</div>
</div>
<div class="metric-card">
<div class="metric-icon">🏆</div>
<div class="metric-val">Top</div>
<div class="metric-label">Driver Retention Target</div>
</div>
<div class="metric-card">
<div class="metric-icon">🛡️</div>
<div class="metric-val">✓</div>
<div class="metric-label">Safety Compliance Priority</div>
</div>
<div class="metric-card">
<div class="metric-icon">⚡</div>
<div class="metric-val">0</div>
<div class="metric-label">Unnecessary Empty Miles Goal</div>
</div>
</div>
<!-- Tech Systems -->
<div class="chart-wrap reveal">
<div class="chart-title">Technology Infrastructure Plan</div>
<div class="chart-subtitle">Systems that scale the business without scaling overhead linearly</div>
<div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:1.5px; margin-top:1rem;">
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">📡</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">ELD + GPS Tracking</div>
<div style="font-size:0.78rem; color:var(--muted);">Real-time fleet visibility and HOS compliance across all trucks</div>
</div>
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">🖥️</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">Dispatch Software</div>
<div style="font-size:0.78rem; color:var(--muted);">Automated load matching, driver assignment, and route optimization</div>
</div>
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">⛽</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">Fuel Management</div>
<div style="font-size:0.78rem; color:var(--muted);">Fleet fuel cards, IFTA tracking, cost-per-mile analytics</div>
</div>
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">🔧</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">Preventative Maintenance</div>
<div style="font-size:0.78rem; color:var(--muted);">Scheduled PM alerts, vendor management, downtime minimization</div>
</div>
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">🤝</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">Broker-Carrier Portal</div>
<div style="font-size:0.78rem; color:var(--muted);">Internal brokerage platform for load board, carrier docs, payments</div>
</div>
<div style="background:rgba(212,160,23,0.06); padding:1.5rem; border-left:2px solid var(--gold);">
<div style="font-size:1.2rem; margin-bottom:0.5rem;">📱</div>
<div style="font-weight:500; margin-bottom:0.4rem; font-size:0.9rem;">Driver Communication</div>
<div style="font-size:0.78rem; color:var(--muted);">Mobile-first driver app for load acceptance, check calls, documents</div>
</div>
</div>
</div>
<!-- Hiring Plan -->
<div class="chart-wrap reveal" style="margin-top:1.5px;">
<div class="chart-title">Organizational Build-Out</div>
<div class="chart-subtitle">From solo operation to full logistics company</div>
<div class="timeline" style="margin-top:1.5rem;">
<div class="timeline-item">
<div class="tl-year">Phase 1 — Now</div>
<div class="tl-title">Owner-Operated</div>
<div class="tl-body">Owner manages dispatch, operations, business development, driver coordination, and financial oversight. Lean by design — maximizing profit per truck.</div>
<div class="tl-tags"><span class="tl-tag">1 Operator</span><span class="tl-tag">Owner-Driver</span></div>
</div>
<div class="timeline-item">
<div class="tl-year">Phase 2 — 5–15 Trucks</div>
<div class="tl-title">Core Operations Team</div>
<div class="tl-body">First hires are a dispatcher and operations assistant. Safety manager added for compliance scale. Recruiting lead secured for driver pipeline.</div>
<div class="tl-tags"><span class="tl-tag">Dispatcher</span><span class="tl-tag">Ops Assistant</span><span class="tl-tag">Safety Manager</span><span class="tl-tag">Recruiter</span></div>
</div>
<div class="timeline-item">
<div class="tl-year">Phase 3–4 — 15–50+ Trucks</div>
<div class="tl-title">Full Logistics Company</div>
<div class="tl-body">Full departmental structure: Fleet Management, Brokerage Division, Safety & Compliance, Accounting, Technology Support. Department heads reporting to ownership.</div>
<div class="tl-tags"><span class="tl-tag">Fleet Managers</span><span class="tl-tag">Brokerage Team</span><span class="tl-tag">Accounting</span><span class="tl-tag">Tech Support</span></div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- COMPETITIVE ADVANTAGE -->
<section id="advantage">
<div class="section-label">Market Position</div>
<h2>The Route Eagle <em>Edge</em></h2>
<p class="section-intro">Purpose-built advantages that compound over time — from fleet flexibility today to technology moats tomorrow.</p>
<div class="adv-grid reveal">
<div class="adv-card">
<div class="adv-num">01</div>
<div class="adv-icon">⚡</div>
<div class="adv-title">Low Overhead, High Velocity</div>
<div class="adv-body">Lean cost structure allows faster decision-making and reinvestment. While large carriers carry corporate overhead, Route Eagle operates at maximum efficiency per truck.</div>
</div>
<div class="adv-card">
<div class="adv-num">02</div>
<div class="adv-icon">🎯</div>
<div class="adv-title">Amazon Relay Specialization</div>
<div class="adv-body">Deep operational knowledge of Amazon's power-only system provides predictable cash flow unavailable to generalist carriers. This expertise funds expansion into more profitable freight types.</div>
</div>
<div class="adv-card">
<div class="adv-num">03</div>
<div class="adv-icon">🔄</div>
<div class="adv-title">Vertical Integration Strategy</div>
<div class="adv-body">The plan to move from carrier to broker to technology platform creates compounding margin advantages — each stage adds revenue layers without proportional cost increases.</div>
</div>
<div class="adv-card">
<div class="adv-num">04</div>
<div class="adv-icon">☣️</div>
<div class="adv-title">Hazmat Specialization</div>
<div class="adv-body">Planned hazmat certification unlocks a premium freight tier ($11K–$15K/week) that most small carriers never enter due to regulatory complexity — creating a high-barrier competitive moat.</div>
</div>
<div class="adv-card">
<div class="adv-num">05</div>
<div class="adv-icon">💡</div>
<div class="adv-title">Technology-First Vision</div>
<div class="adv-body">Proprietary logistics systems — dispatch automation, driver apps, broker portals — turn operational knowledge into scalable software that can eventually serve other carriers.</div>
</div>
<div class="adv-card">
<div class="adv-num">06</div>
<div class="adv-icon">🌐</div>
<div class="adv-title">Diversified Freight Sources</div>
<div class="adv-body">Moving from single-source (Amazon) to four freight divisions by Year 5 dramatically reduces market cycle risk and provides pricing leverage in negotiations with shippers and brokers.</div>
</div>
</div>
<!-- Comparison Table -->
<div class="chart-wrap reveal" style="margin-top:3rem; overflow-x:auto;">
<div class="chart-title">Competitive Comparison</div>
<div class="chart-subtitle">Route Eagle LLC vs. the competitive landscape</div>
<table class="comp-table" style="margin-top:1.5rem;">
<thead>
<tr>
<th>Capability</th>
<th class="re-col">Route Eagle LLC</th>
<th>Small Regional Fleets</th>
<th>Large Carriers</th>
</tr>
</thead>
<tbody>
<tr>
<td class="comp-feature">Operational Flexibility</td>
<td class="re-col"><span class="check">✔ High</span></td>
<td><span class="partial">◑ Medium</span></td>
<td><span class="cross">✖ Slow</span></td>
</tr>
<tr>
<td class="comp-feature">Amazon Relay Expertise</td>
<td class="re-col"><span class="check">✔ Deep</span></td>
<td><span class="cross">✖ Limited</span></td>
<td><span class="partial">◑ Some</span></td>
</tr>
<tr>
<td class="comp-feature">Technology Roadmap</td>
<td class="re-col"><span class="check">✔ Proprietary</span></td>
<td><span class="cross">✖ None</span></td>
<td><span class="partial">◑ Legacy</span></td>
</tr>
<tr>
<td class="comp-feature">Overhead Structure</td>
<td class="re-col"><span class="check">✔ Lean</span></td>
<td><span class="partial">◑ Medium</span></td>
<td><span class="cross">✖ Heavy</span></td>
</tr>
<tr>
<td class="comp-feature">Brokerage Division</td>
<td class="re-col"><span class="check">✔ Planned Y3</span></td>
<td><span class="cross">✖ No</span></td>
<td><span class="check">✔ Yes</span></td>
</tr>
<tr>
<td class="comp-feature">Hazmat Capability</td>
<td class="re-col"><span class="check">✔ Planned Y3</span></td>
<td><span class="cross">✖ Rarely</span></td>
<td><span class="check">✔ Yes</span></td>
</tr>
<tr>
<td class="comp-feature">Reinvestment Velocity</td>
<td class="re-col"><span class="check">✔ Aggressive</span></td>
<td><span class="partial">◑ Moderate</span></td>
<td><span class="cross">✖ Slow</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<div class="divider"></div>
<!-- FUNDING -->
<section id="funding">
<div class="section-label">Capital Requirements</div>
<h2>Startup Costs &<em> Capitalization</em></h2>
<p class="section-intro">Growth capital will be deployed strategically across equipment, people, insurance, and technology — funded primarily through reinvested profits, equipment financing, and business credit.</p>
<div class="funding-grid reveal">
<div class="funding-card">
<div class="funding-cat">⚙️ Equipment</div>
<div class="funding-item"><span>Truck Down Payments</span><span class="funding-range">$150K – $600K</span></div>
<div class="funding-item"><span>Trailer Acquisitions</span><span class="funding-range">$100K – $400K</span></div>
<div class="funding-item"><span>Fleet Maintenance Reserve</span><span class="funding-range">Ongoing</span></div>
</div>
<div class="funding-card">
<div class="funding-cat">🛡️ Risk & Compliance</div>
<div class="funding-item"><span>Insurance Scaling</span><span class="funding-range">$50K – $300K</span></div>
<div class="funding-item"><span>Hazmat Certification</span><span class="funding-range">Phase 3</span></div>
<div class="funding-item"><span>Emergency Cash Reserve</span><span class="funding-range">$100K+</span></div>
</div>
<div class="funding-card">
<div class="funding-cat">👥 People & Operations</div>
<div class="funding-item"><span>Driver Hiring & Recruiting</span><span class="funding-range">$20K – $100K</span></div>
<div class="funding-item"><span>Office & Yard Expansion</span><span class="funding-range">$25K – $150K</span></div>
<div class="funding-item"><span>Training Programs</span><span class="funding-range">Ongoing</span></div>
</div>
<div class="funding-card">
<div class="funding-cat">💻 Technology & Brokerage</div>
<div class="funding-item"><span>Technology Systems</span><span class="funding-range">$10K – $100K</span></div>
<div class="funding-item"><span>Brokerage Division Setup</span><span class="funding-range">$15K – $50K</span></div>
<div class="funding-item"><span>Branding & Marketing</span><span class="funding-range">Phase 2+</span></div>
</div>
</div>
<!-- Capitalization Strategy -->
<div class="chart-wrap reveal" style="margin-top:2rem;">
<div class="chart-title">Capitalization Strategy</div>
<div class="chart-subtitle">Disciplined growth — avoiding unsustainable debt exposure</div>
<div class="donut-section" style="margin-top:1.5rem;">
<div class="donut-canvas">
<svg width="180" height="180" viewBox="0 0 180 180">
<circle cx="90" cy="90" r="70" fill="none" stroke="#252729" stroke-width="20"/>
<!-- Reinvested Profits: 40% → stroke-dasharray: 175.9 439.8 -->
<circle cx="90" cy="90" r="70" fill="none" stroke="#D4A017" stroke-width="20"
stroke-dasharray="175.9 263.8" stroke-dashoffset="0"/>
<!-- Equipment Financing: 30% -->
<circle cx="90" cy="90" r="70" fill="none" stroke="#F2C94C" stroke-width="20"
stroke-dasharray="131.9 307.8" stroke-dashoffset="-175.9"/>
<!-- Business Credit: 20% -->
<circle cx="90" cy="90" r="70" fill="none" stroke="#27AE60" stroke-width="20"
stroke-dasharray="87.96 351.7" stroke-dashoffset="-307.8"/>
<!-- Strategic Partners: 10% -->
<circle cx="90" cy="90" r="70" fill="none" stroke="#2980B9" stroke-width="20"
stroke-dasharray="43.98 395.7" stroke-dashoffset="-395.7"/>
</svg>
<div class="donut-center">
<div class="donut-center-num">4</div>
<div class="donut-center-label">Sources</div>
</div>
</div>
<div class="donut-legend">
<div class="legend-item">
<div class="legend-dot" style="background:#D4A017;"></div>
<span>Reinvested Profits</span>
<span class="legend-pct">40%</span>
</div>
<div class="legend-item">
<div class="legend-dot" style="background:#F2C94C;"></div>
<span>Equipment Financing</span>
<span class="legend-pct">30%</span>
</div>
<div class="legend-item">
<div class="legend-dot" style="background:#27AE60;"></div>
<span>Business Lines of Credit</span>
<span class="legend-pct">20%</span>
</div>
<div class="legend-item">
<div class="legend-dot" style="background:#2980B9;"></div>
<span>Strategic Partnerships</span>
<span class="legend-p