PageSourceSearch

https://upwell.com/blog

html upwell.com collected 2026-09-28 12:53:28 UTC 80,639 bytes, 974 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <link rel="canonical" href="https://www.upwell.com/blog.html">
7  <meta property="og:title" content="Resources — Upwell">
8  <meta property="og:description" content="Freight finance insights, industry research, podcasts, and team perspectives on AR automation, DSO reduction, and the future of logistics back-office operations.">
9  <meta name="description" content="Freight finance insights, industry research, podcasts, and team perspectives on AR automation, DSO reduction, and the future of logistics back-office operations.">
10  <meta property="og:type" content="website">
11  <meta property="og:url" content="https://www.upwell.com/blog.html">
12  <meta property="og:image" content="/images/upwell-logo.png">
13  <meta name="twitter:card" content="summary">
14  <title>Resources — Upwell</title>
15  <link rel="preconnect" href="https://fonts.googleapis.com">
16  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17  <link rel="preconnect" href="https://www.googletagmanager.com">
18  <link rel="preconnect" href="https://cdn.jsdelivr.net">
19  <link rel="dns-prefetch" href="https://js.hs-scripts.com">
20  <link rel="dns-prefetch" href="https://global.ketchcdn.com">
21  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
22  <style>
23    :root {
24      --upwell-blue: #419EC1;
25      --upwell-green: #60BCBB;
26      --color-dark: #2A5A6E;
27      --color-navy: #1E3A4A;
28      --color-light: #E8F6F6;
29      --color-text: #2C3E50;
30      --color-muted: #6B8A99;
31    }
32    html { scroll-behavior: smooth; }
33    * { margin: 0; padding: 0; box-sizing: border-box; }
34    body { font-family: 'Inter', sans-serif; background: #fff; overflow-x: hidden; color: var(--color-text); }
35
36    /* HERO */
37    .blog-hero { background: #1E3A4A; padding: 75px 40px 47px; text-align: center; position: relative; overflow: hidden; }
38    .blog-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 110%, rgba(96,188,187,0.22) 0%, transparent 65%); pointer-events: none; }
39    .blog-hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #60BCBB 30%, #419EC1 70%, transparent); }
40    .blog-hero-inner { position: relative; max-width: 1300px; margin: 0 auto; }
41    .blog-hero-eye { color: #60BCBB; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 16px; }
42    .blog-hero h1 { font-family: 'Inter', sans-serif; font-size: clamp(2.6rem, 5.5vw, 4rem); color: white; font-weight: 300; line-height: 1.05; letter-spacing: -0.04em; margin-bottom: 16px; }
43    .blog-hero h1 em { font-style: italic; color: #60BCBB; }
44    .blog-hero-sub { color: rgba(255,255,255,0.62); font-size: 1.05rem; max-width: 520px; margin: 0 auto 32px; line-height: 1.65; }
45    .hero-tags { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
46    .hero-tag { display: inline-block; padding: 9px 22px; border-radius: 100px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; text-decoration: none; border: 1.5px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.75); transition: all 0.25s; }
47    .hero-tag:hover, .hero-tag.active { border-color: #60BCBB; color: #60BCBB; background: rgba(96,188,187,0.08); }
48
49    /* SHARED SECTION */
50    .section { padding: 63px 40px; max-width: 1400px; margin: 0 auto; }
51    .sec-header { text-align: center; margin-bottom: 56px; }
52    .sec-eye { color: #60BCBB; font-size: 17px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 12px; }
53    .sec-title { font-family: 'Inter', sans-serif; font-size: clamp(2.6rem, 5.5vw, 4rem); color: #1E3A4A; margin: 0 auto 22px; max-width: 760px; font-weight: 300; line-height: 1.05; letter-spacing: -0.04em; }
54    .sec-sub { color: #6B8A99; font-size: 17px; max-width: 600px; margin: 0 auto; line-height: 1.65; font-style: italic; font-weight: 400; letter-spacing: 0.01em; }
55
56    /* WHERE IN THE WORLD */
57    .wic-section { background: #F8FBFC; border-top: 1px solid rgba(65,158,193,0.1); border-bottom: 1px solid rgba(65,158,193,0.1); padding: 35px 40px; position: relative; overflow: hidden; }
58    .wic-dots { position: absolute; inset: 0; background-image: radial-gradient(rgba(65,158,193,0.08) 1px, transparent 1px); background-size: 32px 32px; }
59    .wic-inner { position: relative; max-width: 1400px; margin: 0 auto; }
60    .wic-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(96,188,187,0.15); border: 1px solid rgba(96,188,187,0.3); border-radius: 20px; padding: 6px 16px; margin-bottom: 20px; color: #60BCBB; font-size: 13px; font-weight: 600; }
61    .carmen { font-size: 16px; }
62    .wic-title { font-family: 'Inter', sans-serif; font-size: clamp(32px, 4vw, 52px); color: #2A5A6E; font-weight: 500; line-height: 1.1; letter-spacing: -0.025em; margin-bottom: 12px; }
63    .wic-sub { color: #6B8A99; font-size: 17px; max-width: 560px; margin: 0 auto 24px; line-height: 1.65; font-style: italic; font-weight: 400; letter-spacing: 0.01em; }
64    .loc-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0 auto; }
65    .loc-card { background: white; border: 1px solid rgba(65,158,193,0.15); border-radius: 12px; padding: 14px 16px; text-align: left; transition: border-color 0.3s; }
66    .loc-card.here { border-color: rgba(65,158,193,0.35); background: rgba(65,158,193,0.05); }
67    .loc-emoji { font-size: 20px; display: block; margin-bottom: 6px; }
68    .loc-city { color: #2A5A6E; font-weight: 700; font-size: 14px; margin-bottom: 2px; }
69    .loc-date { color: #60BCBB; font-size: 12px; font-weight: 600; margin-bottom: 6px; }
70    .loc-event { color: #6B8A99; font-size: 13px; line-height: 1.4; margin-bottom: 8px; }
71    .loc-tag { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
72    .loc-card.recent { padding: 10px 14px; display: flex; align-items: center; gap: 10px; }
73    .loc-card.recent .loc-emoji { font-size: 18px; margin-bottom: 0; flex-shrink: 0; }
74    .loc-card.recent .loc-meta { flex: 1; min-width: 0; }
75    .loc-card.recent .loc-city { font-size: 13px; margin-bottom: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
76    .loc-card.recent .loc-date { font-size: 11px; margin-bottom: 0; }
77    .loc-card.recent .loc-event { display: none; }
78    .loc-card.recent .loc-tag { flex-shrink: 0; }
79    /* Featured recent cards — larger, vertical */
80    .loc-card.recent.featured { display: block; padding: 14px 16px; cursor: pointer; transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s; }
81    .loc-card.recent.featured .loc-emoji { font-size: 22px; margin-bottom: 6px; }
82    .loc-card.recent.featured .loc-city { font-size: 16px; margin-bottom: 2px; white-space: normal; overflow: visible; text-overflow: unset; }
83    .loc-card.recent.featured .loc-date { font-size: 12px; margin-bottom: 6px; }
84    .loc-card.recent.featured .loc-event { display: block; font-size: 12px; margin-bottom: 8px; }
85    .loc-card.recent.featured .loc-tag { margin-bottom: 8px; }
86    .loc-read-more { display: block; font-style: italic; font-size: 11px; color: #419EC1; margin-top: 2px; }
87    a.loc-card.featured:hover { border-color: rgba(65,158,193,0.5); box-shadow: 0 6px 20px rgba(65,158,193,0.15); transform: translateY(-3px); }
88    .tg-cust { background: rgba(96,188,187,0.15); color: #60BCBB; }
89    .tg-next { background: rgba(65,158,193,0.15); color: #419EC1; }
90    .tg-conf { background: rgba(255,200,80,0.15); color: #d4a828; }
91    .tg-spk { background: rgba(180,100,220,0.15); color: #b464dc; }
92    .wic-cta { margin-top: 24px; color: #6B8A99; font-size: 16px; }
93    .wic-cta p { margin-bottom: 16px; }
94    .btn-ghost { display: inline-block; padding: 12px 28px; border: 1.5px solid rgba(65,158,193,0.4); color: #2A5A6E; border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; transition: all 0.3s; }
95    .btn-ghost:hover { border-color: #60BCBB;
95 color: #60BCBB; }
96
97    /* LINKEDIN POSTS */
98    .posts-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
99    .pcard { background: white; border: 1px solid rgba(65,158,193,0.12); border-radius: 12px; padding: 14px; min-height: 0; display: flex; flex-direction: column; gap: 0; box-shadow: 0 2px 12px rgba(30,58,74,0.05); transition: box-shadow 0.3s; }
100    .pcard:hover { box-shadow: 0 8px 32px rgba(30,58,74,0.1); }
101    .phead { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
102    .pavatar { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #2A5A6E, #419EC1); display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; flex-shrink: 0; }
103    .pauthor { font-weight: 700; font-size: 13px; color: #1E3A4A; }
104    .pjob { font-size: 11px; color: #6B8A99; margin-top: 1px; }
105    .pimg { width: 100%; height: 100px; border-radius: 8px; margin-bottom: 10px; background: linear-gradient(135deg, #E8F6F6, rgba(65,158,193,0.08)); display: flex; align-items: center; justify-content: center; font-size: 30px; }
106    .ptext { color: #2C3E50; font-size: 12px; line-height: 1.5; flex: 1; margin-bottom: 8px; }
107    .pfooter { display: flex; align-items: center; justify-content: space-between; }
108    .pdate { color: #6B8A99; font-size: 10px; }
109    .plink { color: #419EC1; font-size: 12px; font-weight: 600; text-decoration: none; }
110    .plink:hover { text-decoration: underline; }
111
112    /* PRESS */
113    .press-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
114    .prcard { background: white; border: 1px solid rgba(65,158,193,0.12); border-radius: 14px; padding: 28px; text-decoration: none; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 2px 10px rgba(30,58,74,0.04); transition: box-shadow 0.3s,transform 0.3s; }
115    .prcard:hover { box-shadow: 0 8px 28px rgba(30,58,74,0.1); transform: translateY(-2px); }
116    .proutlet { color: #419EC1; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
117    .prhead { color: #1E3A4A; font-size: 16px; font-weight: 600; line-height: 1.4; flex: 1; }
118    .prdate { color: #6B8A99; font-size: 13px; }
119    .prarrow { color: #419EC1; font-size: 13px; font-weight: 600; margin-top: 4px; }
120
121    /* ===== FOOTER ===== */
122    .site-footer { background: #1E3A4A; padding: 60px 40px 0; }
123    .site-footer__inner { display: flex; align-items: flex-start; padding-bottom: 48px; }
124    .site-footer__brand { width: 42%; flex-shrink: 0; padding-right: 40px; }
125    .site-footer__logo-link { display: block; margin-bottom: 20px; }
126    .site-footer__logo-link picture { display: block; }
127    .site-footer__logo-link img { height: 64px; width: auto; display: block; }
128    .site-footer__tagline { color: rgba(255,255,255,0.55); font-size: 15px; line-height: 1.6; margin: 0 0 28px; }
129    .site-footer__social { display: flex; gap: 10px; }
130    .site-footer__social-link { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: all 0.2s; }
131    .site-footer__social-link--linkedin { background: #0A66C2; border: 1px solid #0A66C2; }
132    .site-footer__social-link--linkedin:hover { background: #0858a5; border-color: #0858a5; }
133    .site-footer__social-link--x { background: #000; border: 1px solid rgba(255,255,255,0.25); }
134    .site-footer__social-link--x:hover { background: #1a1a1a; }
135    .site-footer__nav { flex: 1; display: flex; justify-content: center; gap: 80px; }
136    .site-footer__col-title { color: #60BCBB; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px; }
137    .site-footer__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
138    .site-footer__links a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 15px; transition: color 0.2s; }
139    .site-footer__links a:hover { color: #fff; }
140    .site-footer__bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 24px 0; display: flex; justify-content: space-between; align-items: center; }
141    .site-footer__bottom span { color: rgba(255,255,255,0.4); font-size: 13px; }
142    .site-footer__bottom-links { display: flex; gap: 28px; }
143    .site-footer__bottom-links a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px; transition: color 0.2s; }
144    .site-footer__bottom-links a:hover { color: #fff; }
145    @media (max-width: 900px) {
146      .site-footer { padding: 40px 24px 0; }
147      .site-footer__inner { flex-direction: column; gap: 36px; }
148      .site-footer__brand { width: 100%; padding-right: 0; }
149      .site-footer__nav { flex-wrap: wrap; gap: 36px; justify-content: flex-start; }
150      .site-footer__bottom { flex-direction: column; gap: 16px; text-align: center; }
151    }
152
153    /* ===== FROM THE TEAM ===== */
154    .ftt-section { padding: 63px 40px; max-width: 1400px; margin: 0 auto; }
155    .ftt-header { text-align: center; margin-bottom: 56px; }
156    .ftt-eye { color: #60BCBB; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 12px; }
157    .ftt-title { font-family: 'Inter', sans-serif; font-size: clamp(2.2rem, 4.5vw, 3.4rem); color: #1E3A4A; margin: 0 auto 16px; max-width: 700px; font-weight: 300; line-height: 1.05; letter-spacing: -0.04em; }
158    .ftt-sub { color: #6B8A99; font-size: 15px; max-width: 580px; margin: 0 auto; line-height: 1.65; font-style: italic; font-weight: 400; letter-spacing: 0.01em; }
159
160    /* Featured post */
161    .ftt-featured { display: flex; gap: 0; border: 1px solid rgba(65,158,193,0.14); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(30,58,74,0.07); background: white; margin-bottom: 32px; text-decoration: none; color: inherit; transition: box-shadow 0.3s, transform 0.3s; }
162    .ftt-featured:hover { box-shadow: 0 10px 40px rgba(30,58,74,0.13); transform: translateY(-2px); }
163    .ftt-featured-img { width: 44%; flex-shrink: 0; background: linear-gradient(135deg, #1E3A4A 0%, #2A5A6E 50%, #419EC1 100%); display: flex; align-items: center; justify-content: center; height: 180px; position: relative; overflow: hidden; }
164    .ftt-featured-img::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 30% 70%, rgba(96,188,187,0.3) 0%, transparent 60%); }
165    .ftt-featured-img-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; }
166    .ftt-featured-img-icon { width: 56px; height: 56px; border-radius: 12px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; }
167    .ftt-featured-img-label { color: rgba(255,255,255,0.4); font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
168    .ftt-featured-body { flex: 1; padding: 48px 44px; display: flex; flex-direction: column; justify-content: center; }
169    .ftt-cat { display: inline-block; padding: 4px 12px; border-radius: 20px; background: rgba(96,188,187,0.12); color: #60BCBB; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; }
170    .ftt-featured-title { font-size: clamp(18px, 2.2vw, 26px);
170 color: #1E3A4A; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; margin-bottom: 14px; }
171    .ftt-excerpt { color: #537181; font-size: 15px; line-height: 1.7; margin-bottom: 28px; }
172    .ftt-meta { display: flex; align-items: center; gap: 16px; }
173    .ftt-author-avatar { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #2A5A6E, #60BCBB); display: flex; align-items: center; justify-content: center; color: white; font-size: 13px; font-weight: 700; flex-shrink: 0; }
174    .ftt-author-name { color: #2A5A6E; font-size: 13px; font-weight: 600; }
175    .ftt-date { color: #6B8A99; font-size: 12px; }
176    .ftt-meta-sep { color: #d0dde3; font-size: 12px; }
177
178    /* Recent posts grid */
179    .ftt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }
180    .ftt-card { background: white; border: 1px solid rgba(65,158,193,0.12); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 2px 12px rgba(30,58,74,0.05); transition: box-shadow 0.3s, transform 0.3s; text-decoration: none; color: inherit; }
181    .ftt-card:hover { box-shadow: 0 8px 32px rgba(30,58,74,0.1); transform: translateY(-3px); }
182    .ftt-card-img { width: 100%; height: 120px; background: linear-gradient(135deg, #1E3A4A 0%, #2A5A6E 60%, #419EC1 100%); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; flex-shrink: 0; }
183    .ftt-card-img::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 80% at 20% 80%, rgba(96,188,187,0.25) 0%, transparent 55%); }
184    .ftt-card-img-icon { position: relative; z-index: 1; width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; }
185    .ftt-card-body { padding: 22px 22px 20px; flex: 1; display: flex; flex-direction: column; }
186    .ftt-card-title { font-size: 15px; color: #1E3A4A; font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; margin-bottom: 10px; }
187    .ftt-card-excerpt { color: #537181; font-size: 13px; line-height: 1.6; flex: 1; margin-bottom: 16px; }
188    .ftt-card-date { color: #6B8A99; font-size: 11px; font-weight: 500; }
189
190    /* View all link */
191    .ftt-viewall { text-align: center; }
192    .ftt-viewall a { color: #60BCBB; font-size: 14px; font-weight: 600; text-decoration: none; letter-spacing: 0.02em; transition: color 0.2s; }
193    .ftt-viewall a:hover { color: #419EC1; }
194
195    /* FADE-UP */
196    .fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
197    .fade-up.in { opacity: 1; transform: none; }
198
199    @media(max-width:900px) {
200      .blog-hero { padding: 56px 24px 28px; }
201      .wic-section { padding: 49px 24px; }
202      .section { padding: 49px 24px; }
203      .loc-cards, .posts-grid, .press-grid { grid-template-columns: 1fr; }
204      .ftt-section { padding: 42px 24px; }
205      .ftt-featured { flex-direction: column; }
206      .ftt-featured-img { width: 100%; height: 180px; }
207      .ftt-featured-body { padding: 28px 24px; }
208      .ftt-grid { grid-template-columns: 1fr; }
209      .wr-grid { grid-template-columns: 1fr !important; }
210      .podcast-grid { grid-template-columns: repeat(2, 1fr) !important; }
211      .uw-footer { padding: 40px 24px 32px; }
212      .uw-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
213      .uw-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
214    }
215    @media (max-width: 600px) {
216      .podcast-grid { grid-template-columns: 1fr !important; }
217      .uw-footer-grid { grid-template-columns: 1fr; }
218    }
219  </style>
220<script>
221(function (m,e,s,h,a,i,c) {
222    m[a] = m[a] || function () {
223        (m[a].q = m[a].q || []).push(arguments);
224    };
225    var o = document.createElement(s);
226    o.type = 'text/javascript';
227    o.id = 'mesh-analytics-sdk';
228    o.async = true;
229    o.src = h;
230    o.setAttribute("data-mesh-sdk", i);
231    o.setAttribute("data-mesh-sdk-attributes", JSON.stringify(c));
232    var x = document.getElementsByTagName(s)[0];
233    x.parentNode.insertBefore(o, x);
234})(window,document,'script',
235    'https://cdn.jsdelivr.net/npm/@mesh-interactive/mesh-sdk@latest/dist/umd/index.js','mesh',
236    '41140150015c1f5a4e71cf2d3536493b',
237    {useFingerprint: false, track:{session: true, forms: true}});
238</script>
238
239</head>
240<body>
241
242<style>
243.top-nav { background: #ffffff; height: 64px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 1px 0 0 rgba(0,0,0,0.08); position: sticky; top: 0; z-index: 100; }
244.top-nav-logo { height: 32px; width: auto; display: block; }
245.top-nav-links { display: flex; align-items: center; gap: 32px; flex: 1; justify-content: center; }
246.top-nav .top-nav-links a { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; color: #1E3A4A; text-decoration: none; opacity: 1; }
247.top-nav .top-nav-links a:hover, .top-nav .top-nav-links a.active { color: #60BCBB; }
248.top-nav .top-nav-links a.active { font-weight: 600; }
249.top-nav-actions { display: flex; align-items: center; gap: 12px; }
250.top-nav-login { background: transparent; border: 1.5px solid #1E3A4A; color: #1E3A4A; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 500; text-decoration: none; font-family: 'Inter', sans-serif; cursor: pointer; }
251.top-nav-login:hover { color: #1E3A4A; }
252.top-nav-demo { background: #60BCBB; color: #ffffff; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; font-family: 'Inter', sans-serif; border: none; cursor: pointer; }
253.top-nav-demo:hover { opacity: 0.9; }
254.nav-hamburger { display: none; background: none; border: none; cursor: pointer; padding: 8px; color: #1E3A4A; margin-left: auto; flex-shrink: 0; }
255.nav-hamburger svg { width: 24px; height: 24px; stroke: currentColor; fill: none; }
256.nav-mobile-overlay { position: fixed; inset: 0; background: rgba(30,58,74,0.98); z-index: 200; flex-direction: column; padding: 80px 32px 40px; overflow-y: auto; display: flex; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; }
257.nav-mobile-overlay.open { opacity: 1; visibility: visible; pointer-events: auto; }
258.nav-mobile-close { position: absolute; top: 20px; right: 24px; background: none; border: none; color: white; cursor: pointer; padding: 8px; }
259.nav-mobile-close svg { width: 28px; height: 28px; stroke: currentColor; fill: none; }
260.nav-mobile-overlay .mobile-nav-group { margin-bottom: 32px; }
261.nav-mobile-overlay .mobile-nav-link { display: block; color: rgba(255,255,255,0.9); text-decoration: none; font-size: 17px; font-weight: 500; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.06); transition: color 0.15s; }
262.nav-mobile-overlay .mobile-nav-link:hover { color: #fff; }
263.nav-mobile-overlay .mobile-nav-link:last-child { border-bottom: none; }
264.nav-mobile-overlay .mobile-nav-cta { margin-top: auto; background: linear-gradient(135deg, #60BCBB, #419EC1); color: white; border: none; padding: 16px 28px; border-radius: 10px; font-weight: 600; font-size: 16px; cursor: pointer; text-align: center; text-decoration: none; font-family: 'Inter', sans-serif; display: block; box-shadow: 0 4px 20px rgba(96,188,187,0.3); }
265@media (max-width: 900px) { .top-nav-links { display: none; } .nav-hamburger { display: block; } .top-nav-actions { display: none; } }
266</style>
267<header class="top-nav">
268  <a href="/"><img src="/images/upwell-logo.png" alt="Upwell" class="top-nav-logo" height="32" width="auto"></a>
269  <nav class="top-nav-links" aria-label="Main navigation">
270    <a href='/features'>Features</a>
271    <a href='/upwell-solutions'>Solutions</a>
272    <a class='active' href='/blog'>Resources</a>
273    <a href='/company'>Company</a>
274    <a href='/upwell-security'>Security</a>
275  </nav>
276  <button class="nav-hamburger" aria-label="Open menu" onclick="document.getElementById('mobile-nav').classList.add('open')">
277    <svg viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18" stroke="currentColor" stroke-width="2" fill="none"/></svg>
278  </button>
279  <div class="top-nav-actions">
280    <a href="https://app.upwell.com" class="top-nav-login" target="_blank">Log In</a>
281    <a href="https://upwell.com/contact/" class="top-nav-demo">Book a Demo</a>
282  </div>
283</header>
284
285<!-- Mobile Nav Overlay -->
286<div id="mobile-nav" class="nav-mobile-overlay">
287  <button class="nav-mobile-close" aria-label="Close menu" onclick="document.getElementById('mobile-nav').classList.remove('open')">
288    <svg viewBox="0 0 24 24">
288<path d="M6 6l12 12M6 18L18 6" stroke="currentColor" stroke-width="2" fill="none"/></svg>
289  </button>
290  <div class="mobile-nav-group">
291    <a class='mobile-nav-link' href='/features'>Features</a>
292    <a class='mobile-nav-link' href='/upwell-solutions'>Solutions</a>
293    <a class='mobile-nav-link' href='/blog'>Resources</a>
294    <a class='mobile-nav-link' href='/company'>Company</a>
295    <a class='mobile-nav-link' href='/upwell-security'>Security</a>
296  </div>
297  <a href="https://upwell.com/contact/" class="mobile-nav-cta">Book a Demo</a>
298</div>
299
300<!-- HERO -->
301<div class="blog-hero">
302  <div class="blog-hero-inner">
303    <div style="display:flex;align-items:center;gap:12px;margin-bottom:28px;justify-content:center;">
304      <div style="height:1px;width:40px;background:#60BCBB;"></div>
305      <p class="blog-hero-eye" style="margin:0;">Upwell · Resources</p>
306      <div style="height:1px;width:40px;background:#60BCBB;"></div>
307    </div>
308    <h1 class="blog-hero-h1" style="max-width:860px;margin:0 auto;">Freight people,<br><em style="color:#60BCBB;font-style:italic;">in freight places.</em></h1>
309    <p class="blog-hero-sub" style="max-width:680px;margin:24px auto 0;">Where we've been, what we're thinking, and what others are saying about the problem we're solving.</p>
310    <div style="display:flex;gap:12px;margin-top:40px;flex-wrap:wrap;justify-content:center;">
311      <a href="#from-the-team" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);padding:10px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;">Blog</a>
312      <a href="#upwell-blog" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);padding:10px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;">Industry News</a>
313      <a href="#from-the-road" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);padding:10px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;">Team Posts</a>
314      <a href="#podcasts" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);padding:10px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;">Podcasts</a>
315      <a href="#in-the-news" style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.75);padding:10px 22px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;">Press</a>
316    </div>
317  </div>
318  <div style="position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#60BCBB 30%,#419EC1 70%,transparent);opacity:0.4;"></div>
319</div>
320
321<!-- FROM THE TEAM -->
322<section style="background:#F8FDFD;border-top:1px solid rgba(65,158,193,0.08);">
323  <div class="ftt-section" id="from-the-team">
324    <div class="ftt-header fade-up">
325      <p class="ftt-eye">From the Team</p>
326      <h2 class="ftt-title">Straight from the source.</h2>
327      <p class="ftt-sub">Perspectives from the Upwell team on freight finance, AR automation, and the back office.</p>
328    </div>
329
330    <div id="upwell-blog-posts">
331      <!-- Featured post -->
332      <a class="ftt-featured fade-up" id="upwell-blog-featured" href="#">
333        <div class="ftt-featured-img">
334          <div class="ftt-featured-img-inner">
335            <div class="ftt-featured-img-icon">
336              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.7)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
337            </div>
338            <span class="ftt-featured-img-label">Featured Post</span>
339          </div>
340        </div>
341        <div class="ftt-featured-body">
342          <span class="ftt-cat">AR Automation</span>
343          <h3 class="ftt-featured-title">Why freight brokers are still chasing invoices by hand, and what it's actually costing them<
343/h3>
344          <p class="ftt-excerpt">Collections shouldn't be a full-time job. Yet at most brokerages, someone spends hours every week tracking down the same aging receivables, sending follow-up emails, and logging notes in a spreadsheet. We looked at the real operational cost, and the opportunity being left on the table.</p>
345          <div class="ftt-meta">
346            <div class="ftt-author-avatar">MM</div>
347            <div>
348              <div class="ftt-author-name">Mike Meis</div>
349              <div class="ftt-date">March 18, 2026</div>
350            </div>
351          </div>
352        </div>
353      </a>
354
355      <!-- 3-column recent posts grid -->
356      <div class="ftt-grid" id="upwell-blog-grid">
357        <a class="ftt-card fade-up" href="#">
358          <div class="ftt-card-img">
359            <div class="ftt-card-img-icon">
360              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.65)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
361            </div>
362          </div>
363          <div class="ftt-card-body">
364            <span class="ftt-cat">Cash Flow</span>
365            <h4 class="ftt-card-title">The 30-60-90 trap: how payment terms quietly strangle broker growth</h4>
366            <p class="ftt-card-excerpt">Standard shipper payment terms can quietly erode a broker's ability to take on new loads. Here's how to model the real impact, and what levers actually matter.</p>
367            <span class="ftt-card-date">March 5, 2026</span>
368          </div>
369        </a>
370
371        <a class="ftt-card fade-up" href="#">
372          <div class="ftt-card-img">
373            <div class="ftt-card-img-icon">
374              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.65)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
375            </div>
376          </div>
377          <div class="ftt-card-body">
378            <span class="ftt-cat">Back Office</span>
379            <h4 class="ftt-card-title">What we learned talking to 50 freight back offices about their biggest bottlenecks</h4>
380            <p class="ftt-card-excerpt">Across dozens of conversations, the same themes kept surfacing. Not the problems you'd expect, but the ones hiding in plain sight behind every operational workflow.</p>
381            <span class="ftt-card-date">February 20, 2026</span>
382          </div>
383        </a>
384
385        <a class="ftt-card fade-up" href="#">
386          <div class="ftt-card-img">
387            <div class="ftt-card-img-icon">
388              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.65)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="20" x2="12" y2="10"/><line x1="18" y1="20" x2="18" y2="4"/><line x1="6" y1="20" x2="6" y2="16"/></svg>
389            </div>
390          </div>
391          <div class="ftt-card-body">
392            <span class="ftt-cat">Freight Finance</span>
393            <h4 class="ftt-card-title">DSO benchmarks for freight brokers: where does your brokerage stand?</h4>
394            <p class="ftt-card-excerpt">Days Sales Outstanding varies widely across brokerage size and vertical. We break down the numbers, and what separates the top-performing back offices from the rest.</p>
395            <span class="ftt-card-date">February 6, 2026</span>
396          </div>
397        </a>
398      </div>
399
400      <div class="ftt-viewall fade-up">
401        <a href='/upwell-posts'>View all posts →</a>
402      </div>
403    </div>
404  </div>
405</section>
406
407<!-- WORTH READING -->
408<section class="section" id="upwell-blog" style="background:#F8FDFD;padding-top:27px;padding-bottom:27px;">
409  <div class="sec-header fade-up" style="margin-bottom:42px;">
410    <p class="sec-eye">Worth Reading</p>
411    <h2 class="sec-title">What the industry is talking about</h2>
412    <p class="sec-sub">Research, reports, and perspectives on freight finance, back-office automation, and the future of logistics, curated by the Upwell team.</p>
413  </div>
414  <div class="wr-grid fade-up" style="display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1400px;margin:0 auto;">
415    <!-- CARD 1: Cash Flow -->
416    <div style="background:white;border-radius:16px;border:1px solid rgba(65,158,193,0.1);overflow:hidden;box-shadow:0 2px 16px rgba(65,158,193,0.06);height:100%;display:flex;flex-direction:column;">
417      <div style="background:linear-gradient(135deg,#1E3A4A,#2A5A6E);height:68px;display:flex;align-items:center;justify-content:center;"><span style="font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#60BCBB;">Cash Flow</span></div>
418      <div style="padding:24px 28px 28px;flex:1;display:flex;flex-direction:column;">
419        <h3 style="font-family:'Inter',sans-serif;font-size:20px;color:#2A5A6E;font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-bottom:12px;">The hidden cost of slow freight payments</h3>
420        <p style="color:#6B8A99;font-size:14px;line-height:1.65;flex:1;">25–30% of freight invoices are paid late industry-wide. The downstream effects, strained carrier relationships, constrained working c
420apital, and bloated AR headcount, are rarely measured but always felt.</p>
421        <div style="margin-top:24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(65,158,193,0.1);padding-top:20px;">
422          <a href="https://tianet.org/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
423            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">TIA</span>
424            Freight Broker Industry Report →
425          </a>
426          <a href="https://truckingresearch.org/about-atri/atri-research/economic-analysis/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
427            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">ATRI</span>
428            Trucking Industry Operational Costs Report →
429          </a>
430          <a href="https://cdn.bfldr.com/8CX31GU6/as/46s98qk9bqw3hrrw6trsw3px/Freight_Focus_2026" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
431            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">DAT</span>
432            Freight Focus 2026: Keys to Success for Brokers →
433          </a>
434        </div>
435      </div>
436    </div>
437    <!-- CARD 2: AI & Automation -->
438    <div style="background:white;border-radius:16px;border:1px solid rgba(65,158,193,0.1);overflow:hidden;box-shadow:0 2px 16px rgba(65,158,193,0.06);height:100%;display:flex;flex-direction:column;">
439      <div style="background:linear-gradient(135deg,#2A5A6E,#419EC1);height:68px;display:flex;align-items:center;justify-content:center;"><span style="font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#60BCBB;">AI &amp; Automation</span></div>
440      <div style="padding:24px 28px 28px;flex:1;display:flex;flex-direction:column;">
441        <h3 style="font-family:'Inter',sans-serif;font-size:20px;color:#2A5A6E;font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-bottom:12px;">Why back-office automation is freight's next frontier</h3>
442        <p style="color:#6B8A99;font-size:14px;line-height:1.65;flex:1;">Routing and tracking have been transformed by technology. Accounts receivable hasn't. Industry analysts increasingly point to back-office automation as the highest-ROI opportunity remaining in logistics tech.</p>
443        <div style="margin-top:24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(65,158,193,0.1);padding-top:20px;">
444          <a href="https://www.operator-stack.com/research/generative-ai-is-reinventing-logistics-tech" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
445            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">OPERATOR STACK</span>
446            Generative AI Is Reinventing Logistics Tech →
447          </a>
448          <a href="https://www.forrester.com/blogs/top-ai-use-cases-for-accounts-receivable-automation-in-2025/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
449            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">FORRESTER</span>
450            Top AI Use Cases for AR Automation in 2025 →
451          </a>
452          <a href="https://www.freightwaves.com/news/how-automation-is-solving-logistics-biggest-problems-in-2025" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
453            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">FREIGHTWAVES</span>
454            How Automation is Solving Logistics' Biggest Problems →
455          </a>
456          <a href="https://skooloflife.medium.com/why-95-of-enterprise-ai-projects-fail-the-architecture-problem-nobody-wants-to-admit-fd79967567d8" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
457            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">MEDIUM</span>
458            Why 95% of Enterprise AI Projects Fail →
459          </a>
460        </div>
461      </div>
462    </div>
463    <!-- CARD 3: Industry -->
464    <div style="background:white;border-radius:16px;border:1px solid rgba(65,158,193,0.1);overflow:hidden;box-shadow:0 2px 16px rgba(65,158,193,0.06);height:100%;display:flex;flex-direction:column;">
465      <div style="background:linear-gradient(135deg,#1A4A3A,#2E7A5A);height:68px;display:flex;align-items:center;justify-content:center;"><span style="font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#60BCBB;">Industry</span></div>
466      <div style="padding:24px 28px 28px;flex:1;display:flex;flex-direction:column;">
467        <h3 style="font-family:'Inter',sans-serif;font-size:20px;color:#2A5A6E;font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-bottom:12px;">Where freight and finance are headed, and why they're converging</h3>
468        <p style="color:#6B8A99;font-size:14px;line-height:1.65;flex:1;">The structural forces reshaping trucking and freight brokerage are the same ones reshaping how money moves through supply chains. Understanding both is essential context for what Upwell is building.</p>
469        <div style="margin-top:24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(65,158,193,0.1);padding-top:20px;">
470          <a href="https://www.fastcompany.com/91342049/moving-money-moving-goods-the-parallel-evolution-of-fintech-and-freighttech" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
471            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">FAST COMPANY</span>
472            Moving Money, Moving Goods: Fintech Meets Freighttech →
473          </a>
474          <a href="https://www.actresearch.net/resources/blog/trucking-industry-forecast-2025" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
475            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">ACT RESEARCH</span>
476            Trucking Industry Forecast: 2025 in Review →
477          </a>
478        </div>
479      </div>
480    </div>
481    <!-- CARD 4: DSO -->
482    <div style="background:white;border-radius:16px;border:1px solid rgba(65,158,193,0.1);overflow:hidden;box-shadow:0 2px 16px rgba(65,158,193,0.06);height:100%;display:flex;flex-direction:column;">
483      <div style="background:linear-gradient(135deg,#2E7A7A,#2A5A6E);height:68px;display:flex;align-items:center;justify-content:center;"><span style="font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#60BCBB;">DSO</span></div>
484      <div style="padding:24px 28px 28px;flex:1;display:flex;flex-direction:column;">
485        <h3 style="font-family:'Inter',sans-serif;font-size:20px;color:#2A5A6E;font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-bottom:12px;">Days Sales Outstanding: the metric every logistics CFO should obsess over</h3>
486        <p style="color:#6B8A99;font-size:14px;line-height:1.65;flex:1;">DSO is one of the clearest indicators of operational health in transportation. Yet most logistics companies still manage it reactively. Research shows reducing DSO by even 3–5 days meaningfully changes working capital position.</p>
487        <div style="margin-top:24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(65,158,193,0.1);padding-top:20px;">
488          <a href="https://www.cfo.com/news/six-ways-to-reduce-days-sales-outstanding/659774/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
489            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">CFO</span>
490            Six Ways to Reduce Days Sales Outstanding →
491          </a>
492          <a href="https://www.llrpartners.com/growth-bit/playbook-to-improve-days-sales-outstanding-dso-and-take-control-of-collections/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
493            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">LLR PARTNERS</span>
494            Playbook to Improve DSO and Take Control of Collections →
495          </a>
496          <a href="https://www.freightamigo.com/en/blog/logistics/understanding-days-sales-outstanding-dso-a-key-metric-for-cash-flow-management-in-logistics/" target="_blank" style="display:flex;align-items:center;gap:8px;color:#419EC1;font-size:13px;font-weight:600;text-decoration:none;">
497            <span style="font-size:10px;background:#EBF7FA;color:#2A5A6E;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:1px;">FREIGHTAMIGO</span>
498            Understanding DSO: A Key Metric for Cash Flow in Logistics →
499          </a>
500        </div>
501      </div>
502    </div>
503  </div>
504  <!-- Upwell LinkedIn callout -->
505  <div style="max-width:1400px;margin:36px auto 0;background:linear-gradient(135deg,#1E3A4A,#2A5A6E);border-radius:16px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;">
506    <div>
507      <div style="color:#60BCBB;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px;">Follow Along</div>
508      <h3 style="font-family:'Inter',sans-serif;color:white;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-0.01em;margin-bottom:8px;">Come hang out on LinkedIn</h3>
509      <p style="color:rgba(255,255,255,0.65);font-size:15px;max-width:520px;line-height:1.65;">We talk about what we're learning from customers, what's happening in the market, cool stuff we're building, and the occasional hot take about freight back-office operations. Sometimes it's serious. Sometimes it's just fun.</p>
510    </div>
511    <a href="https://www.linkedin.com/company/freightbills/" target="_blank" style="display:inline-flex;align-items:center;gap:10px;background:#0077B5;color:white;padding:16px 36px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;">
512      <svg width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
513      Follow Upwell on LinkedIn
514    </a>
515  </div>
516</section>
517
518<!-- WHERE IN THE WORLD IS CHARLEY -->
519<section class="wic-section" id="where-charley">
520  <div class="wic-dots"></div>
521  <div class="wic-inner" style="text-align:center;">
522<h2 class="wic-title fade-up">Where in the World<br>is Charley Dehoney?</h2>
523    <p class="wic-sub fade-up">Our CEO travels the freight world because the best product decisions come from being in the room. Catch us in a town near you</p>
524    <!-- UPCOMING & NOW -->
525    <div style="display:flex;align-items:center;gap:14px;max-width:1400px;margin:0 auto 20px;">
526      <div style="flex:1;height:1px;background:rgba(65,158,193,0.15);"></div>
527      <span style="color:#60BCBB;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Now & Upcoming</span>
528      <div style="flex:1;height:1px;background:rgba(65,158,193,0.15);"></div>
529    </div>
530    <div class="loc-cards" style="margin-bottom:24px;">
531      <div class="loc-card here">
532        <div class="loc-city">Huntsville, UT</div>
533        <div class="loc-date">Right Now</div>
534        <div class="loc-event">Taking a beat in the mountains before the next run. Want to connect? Reach out.</div>
535        <span class="loc-tag tg-cust">Here Now</span>
536      </div>
537      <div class="loc-card">
538        <div class="loc-city">Chicago, IL</div>
539        <div class="loc-date">March 9–11</div>
540        <div class="loc-event">In town for meetings: carriers, customers, and partners across the Midwest corri
540dor. Hit him up.</div>
541        <span class="loc-tag tg-next">Upcoming</span>
542      </div>
543      <div class="loc-card">
544        <div class="loc-city">Phoenix, AZ</div>
545        <div class="loc-date">April 15–18</div>
546        <div class="loc-event">TIA Capital Ideas Conference: the freight industry's premier gathering. Come find us.</div>
547        <span class="loc-tag tg-next">Upcoming</span>
548      </div>
549    </div>
550    <!-- RECENTLY -->
551    <div style="display:flex;align-items:center;gap:14px;max-width:1400px;margin:0 auto 20px;">
552      <div style="flex:1;height:1px;background:rgba(65,158,193,0.15);"></div>
553      <span style="color:#6B8A99;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;">Recently</span>
554      <div style="flex:1;height:1px;background:rgba(65,158,193,0.15);"></div>
555    </div>
556    <!-- First 3 recent always visible -->
557    <div class="loc-cards" id="recent-top" style="margin-bottom:0;">
558      <a href="https://www.linkedin.com/posts/cdehoney_36-hours-in-vegas-in-and-out-grateful-activity-7428097632113455104-Ly1B?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="loc-card recent featured" style="text-decoration:none;">
559        <div class="loc-city">Las Vegas, NV</div>
560        <div class="loc-date">Manifest Conference — February 2026</div>
561        <div class="loc-event">Where the future of freight tech gets mapped out.</div>
562        <span class="loc-tag tg-conf">Conference</span>
563        <span class="loc-read-more">Read about it →</span>
564      </a>
565      <a href="https://www.linkedin.com/posts/cdehoney_i-spent-last-week-in-idaho-its-where-i-activity-7419071011230232576-XMAu?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="loc-card recent featured" style="text-decoration:none;">
566        <div class="loc-city">Boise, Idaho</div>
567        <div class="loc-date">Client Visits — January 2026</div>
568        <div class="loc-event">On the ground with customers doing what matters most.</div>
569        <span class="loc-tag tg-cust">Customer Visits</span>
570        <span class="loc-read-more">Read about it →</span>
571      </a>
572      <a href="https://www.linkedin.com/posts/cdehoney_technovations-freighttech-activity-7393667518319616000-mY04?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="loc-card recent featured" style="text-decoration:none;">
573        <div class="loc-city">Houston, TX</div>
574        <div class="loc-date">TIA Technovations — October 2025</div>
575        <div class="loc-event">Deep in the heart of freight broker country.</div>
576        <span class="loc-tag tg-spk">Speaking</span>
577        <span class="loc-read-more">Read about it →</span>
578      </a>
579    </div>
580    <!-- Remaining recent — hidden by default -->
581    <div class="loc-cards" id="recent-more" style="display:none;margin-top:0;">
582      <div class="loc-card recent">
583        <div class="loc-meta">
584          <div class="loc-city">Washington, DC</div>
585          <div class="loc-date">Oct 2025</div>
586        </div>
587        <span class="loc-tag tg-spk">Speaking</span>
588      </div>
589      <div class="loc-card recent">
590        <div class="loc-meta">
591          <div class="loc-city">Chicago, IL</div>
592          <div class="loc-date">Sept 29–Oct 1, 2025</div>
593        </div>
594        <span class="loc-tag tg-conf">Conference</span>
595      </div>
596    </div>
597    <!-- Expand/collapse button -->
598    <button id="recent-toggle" onclick="toggleRecent()" style="margin-top:20px;background:transparent;border:1px solid rgba(65,158,193,0.3);color:#6B8A99;padding:10px 28px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:0.5px;transition:all 0.3s;">
599      See 2 more stops ↓
600    </button>
601    <div class="wic-cta" style="margin-top:40px;">
602      <p>Heading to an upcoming show? Let's meet in person.</p>
603      <a href="mailto:[email protected]" class="btn-ghost">Set Up a Meeting</a>
604    </div>
605  </div>
606</section>
607<script>
608function toggleRecent() {
609  const more = document.getElementById('recent-more');
610  const btn = document.getElementById('recent-toggle');
611  const isHidden = more.style.display === 'none';
612  more.style.display = isHidden ? 'grid' : 'none';
613  btn.textContent = isHidden ? 'Show less ↑' : 'See 2 more stops ↓';
614}
615</script>
615
616
617<!-- EVENTS / LINKEDIN -->
618<section class="section" id="from-the-road" style="background:white;">
619  <div class="sec-header fade-up">
620    <p class="sec-eye" style="font-size:17px;letter-spacing:0.12em;">On the Road</p>
621    <h2 class="sec-title">In the Wild</h2>
622    <p class="sec-sub">Catching our team in their natural habitat: events, client visits, and everywhere freight gets done.</p>
623  </div>
624  <div class="posts-grid">
625    <div class="pcard fade-up">
626      <div class="phead">
627        <div class="pavatar"></div>
628        <div><div class="pauthor">Aaron Freeman</div><div class="pjob">CTO &amp; Co-Founder · Upwell</div></div>
629        <div style="margin-left:auto;opacity:0.3;"><svg width="20" height="20" viewBox="0 0 24 24" fill="#0077B5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></div>
630      </div>
631      <p class="ptext"><strong>A lot of conferences are surface-level.</strong> Manifest: The Future of Supply Chain &amp; Logistics gets into the systems-level problems that freight and fintech teams are actually trying to solve. It's one of the places where you can talk about fragmented EDI workflows, payment delays, and how AI is being applied to eliminate manual back-office operations at scale.</p>
632      <div class="pfooter"><span class="pdate">Manifest · Feb 2026</span></div>
633      <a href="https://www.linkedin.com/posts/aarondfreeman_a-lot-of-conferences-are-surface-level-activity-7427153160701583360-MGyp?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="plink">Read on LinkedIn →</a>
634    </div>
635    <div class="pcard fade-up">
636      <div class="phead">
637        <div class="pavatar"></div>
638        <div><div class="pauthor">Michael Pair</div><div class="pjob">Product Manager · Upwell</div></div>
639        <div style="margin-left:auto;opacity:0.3;"><svg width="20" height="20" viewBox="0 0 24 24" fill="#0077B5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></div>
640      </div>
641      <p class="ptext"><strong>At Manifest this year, one major thing stood out.</strong> For all the talk about AI, automation, and tech stacks, the real conversations were human. Operators talking about cash flow stress, finance teams stretched thin, and leaders trying to scale without adding headcount. Technology doesn't exist in a vacuum. It exists to solve human problems!</p>
642      <div class="pfooter"><span class="pdate">Manifest · Feb 2026</span></div>
643      <a href="https://www.linkedin.com/posts/mpair_at-manifest-this-year-one-major-thing-stood-activity-7430692293537443841-CQnI?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="plink">Read on LinkedIn →</a>
644    </div>
645    <div class="pcard fade-up">
646      <div class="phead">
647        <div class="pavatar"></div>
648        <div><div class="pauthor">Clay Tucker</div><div class="pjob">Senior Sales Executive · Upwell</div></div>
649        <div style="margin-left:auto;opacity:0.3;"><svg width="20" height="20" viewBox="0 0 24 24" fill="#0077B5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></div>
650      </div>
651      <p class="ptext"><strong>Excited for Manifest Vegas 2026!</strong> This event is the perfect opportunity to connect with leaders in supply chain and logistics. Join me in exploring the latest technologies and strategies that are shaping our industry!</p>
652      <div class="pfooter"><span class="pdate">Manifest · Feb 2026</span></div>
653      <a href="https://www.linkedin.com/posts/clay-tucker14_manifestvegas-supplychaininnovation-logisticsfuture-activity-7416514323164053504-pHAt?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="plink">Read on LinkedIn →</a>
654    </div>
655    <div class="pcard fade-up">
656      <div class="phead">
657        <div class="pavatar"></div>
658        <div><div class="pauthor">Kris Gjemre</div><div class="pjob">VP of Solutions · Upwell</div></div>
659        <div style="margin-left:auto;opacity:0.3;"><svg width="20" height="20" viewBox="0 0 24 24" fill="#0077B5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></div>
660      </div>
661      <p class="ptext"><strong>Innovation meets cash flow in Phoenix.</strong> Charley, Kristofer, Connor, and Clay will be at TIA Technovations sharing how Upwell is redefining back-office automation for logistics. From AI-driven invoice validation to real-time payment visibility, we're helping brokers and 3PLs move faster, work smarter, and eliminate the friction that slows down growth.</p>
662      <div class="pfooter"><span class="pdate">TIA Technovations · Nov 2025</span></div>
663      <a href="https://www.linkedin.com/posts/krisgjemre_tiatechnovations-freighttech-activity-7389387641223483393-_kGt?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAHHGNoBlTtJHFVYvUHD5IO99Jz9Nai55z0" target="_blank" class="plink">Read on LinkedIn →</a>
664    </div>
665  </div>
666</section>
667
668<!-- PODCASTS -->
669<section id="podcasts" style="padding:56px 40px;background:#E8F6F6;border-top:1px solid rgba(65,158,193,0.1);">
670  <div style="max-width:1200px;margin:0 auto;">
671    <div style="margin-bottom:40px;">
672      <p style="color:#419EC1;font-size:17px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px;"><span style="display:block;width:32px;height:1px;background:#419EC1;flex-shrink:0;"></span>On the Mic</p>
673      <h2 style="font-family:'Inter',sans-serif;color:#2A5A6E;font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-0.025em;">Podcasts</h2>
674      <p style="color:#6B8A99;font-size:18px;line-height:1.65;margin-top:10px;max-width:520px;">Talking freight AR, automation, and why the back office is overdue for a reckoning.</p>
675    </div>
676    <div class="podcast-grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;">
677      <a href="https://www.thissideup.fm/episode/why-freight-invoicing-is-broken-and-how-ai-fixes-it" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;
677transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
678        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#1E3A4A 0%,#2A5A6E 60%,#2E7A7A 100%);overflow:hidden;">
679          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
680            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">This Side Up</div>
681            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">Why Freight Invoicing Is Broken and How AI Fixes It</div>
682          </div>
683          <img src="https://cdn.prod.website-files.com/67db01e91746a0c2855c9d0a/6a05dc81123a99fb383bd5cf_charley-dehoney-tsu-opengraph.jpg" onerror="this.style.display='none'" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.88;" />
684          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
685        </div>
686        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
687          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">This Side Up</div>
688          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">Why Freight Invoicing Is Broken and How AI Fixes It</div>
689          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
690        </div>
691      </a>
692      <a href="https://youtu.be/4Ncs3IR9OiI" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
693        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#1E3A4A 0%,#2A5A6E 60%,#2E7A7A 100%);overflow:hidden;">
694          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
695            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Everything Is Logistics</div>
696            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">Delivery to Cash: Fixing Invoices Before They Break</div>
697          </div>
698          <img src="https://img.youtube.com/vi/4Ncs3IR9OiI/hqdefault.jpg" onerror="this.style.display='none'" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.88;" />
699          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
700        </div>
701        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
702          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Everything Is Logistics</div>
703          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">Delivery to Cash: Fixing Invoices Before They Break</div>
704          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
705        </div>
706      </a>
707      <a href="https://www.youtube.com/watch?v=CPxEKHyWzdQ" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;
707transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
708        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#1E3A4A 0%,#2A5A6E 60%,#2E7A7A 100%);overflow:hidden;">
709          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
710            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Between Two Quarters</div>
711            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">How AR chaos inspired the founding of Upwell</div>
712          </div>
713          <img src="https://img.youtube.com/vi/CPxEKHyWzdQ/hqdefault.jpg" onerror="this.style.display='none'" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.88;" />
714          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
715        </div>
716        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
717          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Between Two Quarters</div>
718          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">How AR chaos inspired the founding of Upwell</div>
719          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
720        </div>
721      </a>
722      <a href="https://www.youtube.com/watch?v=Sq96jdYxpP8" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
723        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#1E3A4A 0%,#2A5A6E 60%,#2E7A7A 100%);overflow:hidden;">
724          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
725            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">The Freight Coach</div>
726            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">Transforming freight billing and AR with AI</div>
727          </div>
728          <img src="https://img.youtube.com/vi/Sq96jdYxpP8/hqdefault.jpg" onerror="this.style.display='none'" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.88;" />
729          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
730        </div>
731        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
732          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">The Freight Coach</div>
733          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">Transforming freight billing and AR with AI</div>
734          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
735        </div>
736      </a>
737      <a href="https://www.linkedin.com/events/morethanfreightandfinancewithch7401267241591132162/" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;
737transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
738        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#1E3A4A 0%,#2A5A6E 60%,#2E7A7A 100%);overflow:hidden;">
739          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
740            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Driving Forward</div>
741            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">More Than Freight &amp; Finance: Building Companies, Families &amp; Futures</div>
742          </div>
743          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
744        </div>
745        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
746          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Driving Forward</div>
747          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">More Than Freight &amp; Finance: Building Companies, Families &amp; Futures</div>
748          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
749        </div>
750      </a>
751      <a href="https://streamyard.com/watch/vu86xYgYJxdM" target="_blank" style="border:1px solid rgba(65,158,193,0.12);border-radius:12px;overflow:hidden;background:#F8FBFC;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow 0.25s,transform 0.25s;" onmouseover="this.style.boxShadow='0 8px 28px rgba(42,90,110,0.12)';this.style.transform='translateY(-2px)'" onmouseout="this.style.boxShadow='';this.style.transform=''">
752        <div style="position:relative;width:100%;padding-bottom:56.25%;background:linear-gradient(135deg,#2A5A6E 0%,#2E7A7A 100%);overflow:hidden;">
753          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:14px;text-align:center;">
754            <div style="color:#60BCBB;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Transforming AR</div>
755            <div style="font-family:'Inter',sans-serif;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;line-height:1.35;">AI's Impact on Cash Flow</div>
756          </div>
757          <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"><div style="width:36px;height:36px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><polygon points="5,3 19,12 5,21"/></svg></div></div>
758        </div>
759        <div style="padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:5px;">
760          <div style="color:#419EC1;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;">Transforming AR</div>
761          <div style="color:#2A5A6E;font-size:12px;font-weight:600;line-height:1.4;flex:1;">AI's Impact on Cash Flow</div>
762          <div style="color:#6B8A99;font-size:11px;font-weight:600;margin-top:4px;">▶ Listen now</div>
763        </div>
764      </a>
765    </div>
766  </div>
767</section>
768
769<!-- IN THE NEWS / PRESS -->
770<section class="section" id="in-the-news" style="background:white;">
771  <div class="sec-header fade-up">
772    <p class="sec-eye">Press &amp; Media</p>
773    <h2 class="sec-title">In the news</h2>
774    <p class="sec-sub">Coverage, features, and conversations about what we're building and why it matters to freight.</p>
775  </div>
776  <div class="press-grid">
777    <a href="https://www.freightwaves.com/news/upwell-secures-6-5m-to-automate-logistics-billing-practices" target="_blank" class="prcard fade-up">
778      <div class="proutlet">FreightWaves</div>
779      <div class="prhead">Upwell Secures $6.5M to Automate Logistics Billing Practices</div>
780      <div class="prdate">February 10, 2025</div>
781      <div class="prarrow">Read article →</div>
782    </a>
783    <a href="https://siliconprairienews.com/2025/02/logistics-billing-startup-upwell-raises-6-5-million-seed-round/" target="_blank" class="prcard fade-up">
784      <div class="proutlet">Silicon Prairie News</div>
785      <div class="prhead">Logistics Billing Startup Upwell Raises $6.5 Million Seed Round</div>
786      <div class="prdate">February 20, 2025</div>
787      <div class="prarrow">Read article →</div>
788    </a>
789    <a href="https://www.globenewswire.com/news-release/2025/01/14/3009137/0/en/Giltner-Logistics-Accelerates-Payments-with-Integration-Between-Upwell-Accounts-Receivable-Solution-and-Descartes-Aljex.html" target="_blank" class="prcard fade-up">
790      <div class="proutlet">Globe Newswire</div>
791      <div class="prhead">Giltner Logistics Accelerates Payments with Upwell and Descartes Aljex Integration</div>
792      <div class="prdate">January 14, 2025</div>
793      <div class="prarrow">Read article →</div>
794    </a>
795  </div>
796  <div style="text-align:center;margin-top:40px;">
797    <a href="mailto:[email protected]" style="display:inline-block;padding:14px 32px;background:transparent;color:#419EC1;border:2px solid #419EC1;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;font-family:'Inter',sans-serif;">Press Inquiries →</a>
798  </div>
799</section>
800
801<style>
802.uw-footer { background: #1E3A4A; padding: 64px 32px 32px; }
803.uw-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; }
804.uw-footer-logo { height: 28px; width: auto; display: block; margin-bottom: 16px; }
805.uw-footer-tagline { font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.6; margin: 0 0 20px; }
806.uw-footer-social { display: flex; gap: 12px; }
807.uw-footer-social a { color: rgba(255,255,255,0.45); display: flex; align-items: center; text-decoration: none; }
808.uw-footer-social a:hover { color: #ffffff; }
809.uw-footer-col-title { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin: 0 0 16px; }
810.uw-footer-links { list-style: none; margin: 0; padding: 0; }
811.uw-footer-links li a { font-size: 14px; font-weight: 400; color: rgba(255,255,255,0.65); text-decoration: none; line-height: 2; display: block; }
812.uw-footer-links li a:hover { color: #ffffff; }
813.uw-footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px; margin-top: 48px; font-size: 12px; color: rgba(255,255,255,0.35); display: flex; justify-content: space-between; align-items: center; }
814</style>
815<footer class="uw-footer">
816  <div class="uw-footer-grid">
817    <div>
818      <a href="/"><img src="/images/upwell-logo-footer.png" alt="Upwell" class="uw-footer-logo"></a>
819      <p class="uw-footer-tagline">AR automation for logistics</p>
820      <div class="uw-footer-social">
821        <a href="https://www.linkedin.com/company/freightbills/" target="_blank" rel="noopener" aria-label="LinkedIn"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg></a>
822      </div>
823    </div>
824    <div>
825      <h4 class="uw-footer-col-title">Product</h4>
826      <ul class="uw-footer-links">
827        <li><a href='/features'>Features</a></li>
828        <li><a href='/upwell-solutions'>Solutions</a></li>
829        <li><a href='/upwell-security'>Security</a></li>
830        <li><a href="https://upwell.com/contact/">Book a Demo</a></li>
831      </ul>
832    </div>
833    <div>
834      <h4 class="uw-footer-col-title">Company</h4>
835      <ul class="uw-footer-links">
836        <li><a href='/company'>About</a></li>
837        <li><a href='/blog'>Blog</a></li>
838        <li><a href="https://upwell.com/careers">Careers</a></li>
839        <li><a href="https://upwell.com/contact/">Contact</a></li>
840      </ul>
841    </div>
842    <div>
843      <h4 class="uw-footer-col-title">Legal &amp; Trust</h4>
844      <ul class="uw-footer-links">
845        <li><a href="https://upwell.com/privacy/">Privacy Policy</a></li>
846        <li><a href="/terms">Terms of Service</a></li>
847        <li><a href='/upwell-security'>Security</a></li>
848      </ul>
849    </div>
850  </div>
851  <div class="uw-footer-bottom">
852    <span>&copy; 2026 Upwell. All rights reserved.</span>
853    <span>Purpose-built for freight finance.</span>
854  </div>
855</footer>
856
857<script>
858function toggleRecent() {
859  const more = document.getElementById('recent-more');
860  const btn = document.getElementById('recent-toggle');
861  const isHidden = more.style.display === 'none';
862  more.style.display = isHidden ? 'grid' : 'none';
863  btn.textContent = isHidden ? 'Show less ↑' : 'See 2 more stops ↓';
864}
865const obs = new IntersectionObserver((entries) => {
866  entries.forEach((e, i) => {
867    if (e.isIntersecting) { setTimeout(() => e.target.classList.add('in'), i * 80); obs.unobserve(e.target); }
868  });
869}, { threshold: 0.12 });
870document.querySelectorAll('.fade-up').forEach(el => obs.observe(el));
871</script>
871
872
873<script>
874async function loadUpwellBlogPosts() {
875  try {
876    const response = await fetch('/.netlify/functions/get-blog-posts');
877    const data = await response.json();
878    const posts = data.results;
879
880    if (!posts || posts.length === 0) return;
881
882    // --- Featured Post (most recent = posts[0]) ---
883    const featured = posts[0];
884    const featuredEl = document.getElementById("upwell-blog-featured");
885    if (featuredEl) {
886      const featuredUrl = featured.url || "";
887      featuredEl.href = featuredUrl.startsWith("https://") ? featuredUrl : "#";
888      featuredEl.querySelector(".ftt-cat").textContent =
889        featured.tagNames?.[0] || "FROM THE TEAM";
890      featuredEl.querySelector(".ftt-featured-title").textContent =
891        featured.name || "";
892      featuredEl.querySelector(".ftt-excerpt").textContent =
893        featured.metaDescription || featured.postSummary || "";
894      console.log('post featuredImage value:', featured.featuredImage, 'for post:', featured.name);
895      if (featured.featuredImage) {
896        const imgContainer = featuredEl.querySelector(".ftt-featured-img");
897        const inner = featuredEl.querySelector(".ftt-featured-img-inner");
898        if (inner) inner.style.display = "none";
899        const img = document.createElement("img");
900        img.src = featured.featuredImage;
901        img.alt = featured.name || "";
902        img.style.cssText = "width:100%;height:100%;object-fit:cover;display:block;";
903        imgContainer.insertBefore(img, imgContainer.firstChild);
904      }
905      const meta = featuredEl.querySelector(".ftt-meta");
906      if (meta) {
907        const authorName = featured.authorName || "Upwell Team";
908        const initials = authorName.substring(0, 2).toUpperCase();
909        const publishDate = new Date(featured.publishDate).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
910        const avatar = document.createElement("div");
911        avatar.className = "ftt-author-avatar";
912        avatar.textContent = initials;
913        const inner = document.createElement("div");
914        const nameEl = document.createElement("div");
915        nameEl.className = "ftt-author-name";
916        nameEl.textContent = authorName;
917        const dateEl = document.createElement("div");
918        dateEl.className = "ftt-date";
919        dateEl.textContent = publishDate;
920        inner.appendChild(nameEl);
921        inner.appendChild(dateEl);
922        meta.replaceChildren(avatar, inner);
923      }
924    }
925
926    // --- Three-card grid (posts[1] through posts[3]) ---
927    const gridEl = document.getElementById("upwell-blog-grid");
928    if (gridEl && posts.length > 1) {
929      const gridPosts = posts.slice(1, 4);
930      const cards = gridEl.querySelectorAll(".ftt-card");
931      gridPosts.forEach((post, i) => {
932        if (!cards[i]) return;
933        const postUrl = post.url || "";
934        cards[i].href = postUrl.startsWith("https://") ? postUrl : "#";
935        cards[i].querySelector(".ftt-cat").textContent =
936          post.tagNames?.[0] || "FROM THE TEAM";
937        cards[i].querySelector(".ftt-card-title").textContent =
938          post.name || "";
939        cards[i].querySelector(".ftt-card-excerpt").textContent =
940          post.metaDescription || post.postSummary || "";
941        cards[i].querySelector(".ftt-card-date").textContent =
942          new Date(post.publishDate).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
943        console.log('post featuredImage value:', post.featuredImage, 'for post:', post.name);
944        if (post.featuredImage) {
945          const imgContainer = cards[i].querySelector(".ftt-card-img");
946          const icon = cards[i].querySelector(".ftt-card-img-icon");
947          if (icon) icon.style.display = "none";
948          const img = document.createElement("img");
949          img.src = post.featuredImage;
950          img.alt = post.name || "";
951          img.style.cssText = "width:100%;height:100%;object-fit:cover;display:block;";
952          imgContainer.insertBefore(img, imgContainer.firstChild);
953        }
954      });
955    }
956
957  } catch (error) {
958    console.error("Failed to load Upwell blog posts:", error);
959    // Silently fails — static placeholder cards remain visible
960  }
961}
962
963document.addEventListener("DOMContentLoaded", loadUpwellBlogPosts);
964</script>
vendor: 1 bytes, line 964
964
965<script>
966  // Close mobile nav when any link is tapped
967  document.querySelectorAll('#mobile-nav a').forEach(function(link) {
968    link.addEventListener('click', function() {
969      document.getElementById('mobile-nav').classList.remove('open');
970    });
971  });
972</script>
972
973</body>
974</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.