/* ===================================================== FONTS — TT Norms Pro (from Webflow CDN) ===================================================== */ @font-face { font-family: 'Tt Norms Pro'; src: url('https://cdn.prod.website-files.com/693147a965e7b9aee335db32/6931492804b188904015aea6_TT%20Norms%20Pro%20Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Tt Norms Pro'; src: url('https://cdn.prod.website-files.com/693147a965e7b9aee335db32/69314929032446e77f73a84e_TT%20Norms%20Pro%20Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Tt Norms Pro'; src: url('https://cdn.prod.website-files.com/693147a965e7b9aee335db32/6931492807ae3a300d8d1e3f_TT%20Norms%20Pro%20Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* ===================================================== DESIGN TOKENS (extracted from gridwise.io CSS) ===================================================== */ :root { /* Colors — warm-gray scale */ --black: #000000; --white: #ffffff; --warm-50: #fafaf9; --warm-100: #f5f5f4; --warm-200: #e7e5e4; --warm-300: #d6d3d1; --warm-400: #a8a29e; --warm-500: #78716c; --warm-600: #57534e; --warm-700: #44403c; --warm-800: #292524; --warm-900: #1c1917; /* Brand accents */ --violet-500: #646ec9; --violet-600: #434fbd; --green-500: #72c162; --green-800: #39732d; --red-500: #cc485e; /* Typography */ --font: 'Tt Norms Pro', Arial, sans-serif; } /* ===================================================== RESET & BASE ===================================================== */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font); font-weight: 500; font-size: 16px; line-height: 1.5; color: var(--warm-900); background-color: var(--warm-50); } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } /* ===================================================== LAYOUT UTILITIES ===================================================== */ .container { max-width: 1330px; margin: 0 auto; padding: 0 2rem; } .section-label { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--warm-500); margin-bottom: 0.75rem; } .section-heading { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; letter-spacing: -1px; line-height: 1.05; color: var(--warm-900); margin-bottom: 1rem; } .section-subhead { font-size: 1.125rem; font-weight: 500; color: var(--warm-500); line-height: 1.55; max-width: 560px; } /* ===================================================== BUTTONS Primary: black bg, white text — matches gridwise.io ===================================================== */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: var(--font); font-weight: 500; line-height: 1; cursor: pointer; border-radius: 6px; border: 1px solid transparent; transition: background-color 0.2s, color 0.2s, border-color 0.2s; white-space: nowrap; text-decoration: none; } .btn--sm { font-size: 0.875rem; padding: 0.5625rem 0.75rem; border-radius: 6px; } .btn--md { font-size: 0.875rem; padding: 0.75rem 1rem; border-radius: 6px; } .btn--lg { font-size: 1rem; padding: 0.9375rem 1.25rem; border-radius: 8px; } .btn--xl { font-size: 1.0625rem; font-weight: 600; padding: 1.0625rem 1.5rem; border-radius: 8px; } /* Primary — black */ .btn--primary { background-color: var(--black); color: var(--white); border-color: var(--black); } .btn--primary:hover { background-color: var(--warm-800); border-color: var(--warm-800); } /* Ghost — transparent with border */ .btn--ghost { background-color: transparent; color: var(--warm-800); border-color: var(--warm-300); } .btn--ghost:hover { background-color: var(--warm-100); border-color: var(--warm-400); } /* Secondary — white bg, dark text */ .btn--secondary { background-color: var(--white); color: var(--warm-900); border-color: var(--white); } .btn--secondary:hover { background-color: var(--warm-100); border-color: var(--warm-100); } /* ===================================================== NAVIGATION ===================================================== */ .nav { position: sticky; top: 0; z-index: 9999; height: 5rem; background-color: rgba(250, 250, 249, 0.88); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--warm-200); } .nav__inner { display: flex; align-items: center; justify-content: space-between; height: 100%; } .nav__logo { display: flex; align-items: center; gap: 0.625rem; color: var(--warm-900); flex-shrink: 0; } .nav__logo-icon { flex-shrink: 0; } .nav__logo-text { display: flex; flex-direction: column; line-height: 1.1; } .nav__logo-brand { font-size: 1rem; font-weight: 700; color: var(--warm-900); letter-spacing: -0.02em; } .nav__logo-sub { font-size: 0.6875rem; font-weight: 500; color: var(--warm-500); letter-spacing: 0.07em; text-transform: uppercase; } .nav__links { display: flex; align-items: center; gap: 0.125rem; list-style: none; } .nav__links a { font-size: 0.875rem; font-weight: 500; color: var(--warm-700); padding: 0.5rem 0.75rem; border-radius: 6px; transition: background-color 0.2s, color 0.2s; } .nav__links a:hover { background-color: var(--warm-100); color: var(--warm-900); } .nav__btns { display: flex; align-items: center; gap: 0.625rem; } /* ===================================================== HERO Analytics style: black background with violet radial gradients — matches analytics.gridwise.io hero ===================================================== */ .hero { position: relative; background-color: var(--black); background-image: radial-gradient(ellipse 60% 70% at 15% 60%, rgba(67, 79, 189, 0.35) 0%, transparent 65%), radial-gradient(ellipse 40% 50% at 80% 15%, rgba(100, 110, 201, 0.2) 0%, transparent 55%), radial-gradient(ellipse 35% 40% at 65% 85%, rgba(114, 193, 98, 0.1) 0%, transparent 50%); padding: 7.5rem 0 8rem; overflow: hidden; } /* Subtle data-grid pattern overlay */ .hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px); background-size: 56px 56px; pointer-events: none; } .hero__content { position: relative; z-index: 1; max-width: 780px; } .hero__badge { display: inline-flex; align-items: center; gap: 0.5rem; background-color: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: 625rem; padding: 0.375rem 0.875rem; font-size: 0.6875rem; font-weight: 700; color: rgba(255,255,255,0.6); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 1.75rem; } .hero__badge-dot { width: 6px; height: 6px; background-color: var(--green-500); border-radius: 50%; flex-shrink: 0; } .hero h1 { font-size: clamp(2.75rem, 5vw, 4.25rem); font-weight: 500; line-height: 1.05; letter-spacing: -2px; color: var(--warm-50); margin-bottom: 1.5rem; } .hero__subheadline { font-size: 1.1875rem; font-weight: 500; line-height: 1.55; color: rgba(250, 250, 249, 0.65); margin-bottom: 1.25rem; max-width: 660px; } .hero__body { font-size: 1rem; font-weight: 500; line-height: 1.65; color: rgba(250, 250, 249, 0.45); max-width: 580px; } .hero__cta-row { display: flex; align-items: center; gap: 1rem; margin-top: 2.5rem; flex-wrap: wrap; } /* ===================================================== REPORT CARDS — "What's Inside" ===================================================== */ .reports-section { background-color: var(--warm-50); padding: 6rem 0; } .reports-section__header { margin-bottom: 3rem; } .reports-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } .report-card { background-color: var(--white); border: 1px solid var(--warm-200); border-radius: 12px; padding: 2rem; display: flex; flex-direction: column; gap: 0.875rem; transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s; } .report-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.07); border-color: var(--warm-300); transform: translateY(-2px); } .report-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .report-card__icon { width: 44px; height: 44px; background-color: var(--warm-900); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .report-card__badge { display: inline-flex; align-items: center; background-color: var(--warm-100); border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--warm-500); white-space: nowrap; height: fit-content; } .report-card__title { font-size: 1.1875rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.4px; color: var(--warm-900); } .report-card__desc { font-size: 0.9375rem; font-weight: 500; line-height: 1.65; color: var(--warm-500); flex: 1; } .report-card__lock { display: flex; align-items: center; gap: 0.4375rem; font-size: 0.8125rem; font-weight: 600; color: var(--warm-400); padding-top: 0.25rem; border-top: 1px solid var(--warm-100); margin-top: 0.25rem; } /* ===================================================== FORM SECTION — Gate ===================================================== */ .form-section { background-color: var(--warm-900); padding: 6rem 0; } .form-section__header { text-align: center; margin-bottom: 3rem; } .form-section__header .section-label { color: rgba(250,250,249,0.35); } .form-section__header .section-heading { color: var(--warm-50); } .form-section__header .section-subhead { color: rgba(250,250,249,0.55); margin: 0 auto; } .form-wrapper { background-color: var(--white); border-radius: 16px; padding: 2.5rem 3rem 3rem; max-width: 660px; margin: 0 auto; box-shadow: 0 32px 80px rgba(0,0,0,0.35); } .form-wrapper h3 { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.3px; color: var(--warm-900); margin-bottom: 1.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--warm-100); } .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.25rem; margin-bottom: 1.25rem; } .form-group { display: flex; flex-direction: column; gap: 0.375rem; } .form-group.full { grid-column: 1 / -1; } .form-group label { font-size: 0.8125rem; font-weight: 700; color: var(--warm-700); letter-spacing: -0.01em; } .form-group label .req { color: var(--red-500); margin-left: 2px; } .form-group input { font-family: var(--font); font-size: 0.9375rem; font-weight: 500; color: var(--warm-900); background-color: var(--warm-50); border: 1px solid var(--warm-200); border-radius: 8px; padding: 0.6875rem 0.875rem; outline: none; width: 100%; transition: border-color 0.15s, box-shadow 0.15s; -webkit-appearance: none; } .form-group input:focus { border-color: var(--warm-900); box-shadow: 0 0 0 3px rgba(28, 25, 23, 0.08); background-color: var(--white); } .form-group input::placeholder { color: var(--warm-400); font-weight: 400; } /* Error state */ .form-group input.is-error { border-color: var(--red-500); } .form-error-msg { font-size: 0.75rem; font-weight: 500; color: var(--red-500); display: none; } .form-group.has-error .form-error-msg { display: block; } .form-group.has-error input { border-color: var(--red-500); } /* Checkbox group */ .checkbox-block { margin-bottom: 1.75rem; } .checkbox-block__label { display: block; font-size: 0.8125rem; font-weight: 700; color: var(--warm-700); margin-bottom: 0.875rem; } .checkbox-block__label span { font-weight: 400; color: var(--warm-400); margin-left: 0.25rem; } .checkbox-list { display: flex; flex-direction: column; gap: 0.625rem; } .checkbox-item { display: flex; align-items: center; gap: 0.625rem; cursor: pointer; } .checkbox-item input[type="checkbox"] { width: 17px; height: 17px; accent-color: var(--black); cursor: pointer; flex-shrink: 0; border-radius: 4px; } .checkbox-item span { font-size: 0.9375rem; font-weight: 500; color: var(--warm-700); line-height: 1.3; } .form-submit-btn { width: 100%; font-size: 1rem; font-weight: 600; padding: 1rem 1.5rem; border-radius: 8px; margin-bottom: 0.875rem; cursor: pointer; } .form-legal { text-align: center; font-size: 0.75rem; font-weight: 400; color: var(--warm-400); line-height: 1.6; } /* ===================================================== DOWNLOAD SECTION (hidden until form submit) ===================================================== */ .download-section { display: none; background-color: var(--warm-100); padding: 5rem 0 6rem; } .download-section.is-visible { display: block; } .download-success-banner { display: flex; align-items: center; gap: 0.875rem; background-color: rgba(114, 193, 98, 0.1); border: 1px solid rgba(114, 193, 98, 0.28); border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 3rem; font-size: 1rem; font-weight: 600; color: var(--green-800); } .download-success-icon { width: 28px; height: 28px; background-color: var(--green-500); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .download-section__header { margin-bottom: 2.5rem; } .download-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } .download-card { background-color: var(--white); border: 1px solid var(--warm-200); border-radius: 12px; padding: 2rem; display: flex; flex-direction: column; gap: 0.875rem; } .download-card__icon { width: 44px; height: 44px; background-color: var(--warm-900); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .download-card__title { font-size: 1.125rem; font-weight: 700; letter-spacing: -0.3px; line-height: 1.25; color: var(--warm-900); } .download-card__desc { font-size: 0.875rem; font-weight: 500; color: var(--warm-500); line-height: 1.6; flex: 1; } .download-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; background-color: var(--black); color: var(--white); border: 1px solid var(--black); border-radius: 8px; padding: 0.8125rem 1.25rem; font-family: var(--font); font-size: 0.9375rem; font-weight: 500; cursor: pointer; transition: background-color 0.2s, border-color 0.2s; text-decoration: none; margin-top: auto; } .download-btn:hover { background-color: var(--warm-800); border-color: var(--warm-800); } /* ===================================================== FOOTER ===================================================== */ .footer { background-color: var(--warm-50); border-top: 1px solid var(--warm-200); padding: 5rem 0 2.5rem; } .footer__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 3rem; margin-bottom: 4rem; } .footer__brand { flex-shrink: 0; max-width: 220px; } .footer__logo { display: flex; align-items: center; gap: 0.5625rem; color: var(--warm-900); margin-bottom: 1rem; } .footer__logo-text { font-size: 0.9375rem; font-weight: 700; color: var(--warm-900); letter-spacing: -0.02em; } .footer__logo-sub { font-size: 0.625rem; font-weight: 500; color: var(--warm-400); letter-spacing: 0.07em; text-transform: uppercase; } .footer__tagline { font-size: 0.875rem; font-weight: 500; color: var(--warm-400); line-height: 1.65; margin-bottom: 1.5rem; } .footer__social { display: flex; gap: 0.5rem; } .footer__social-link { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--warm-200); border-radius: 8px; color: var(--warm-500); transition: border-color 0.2s, color 0.2s; } .footer__social-link:hover { border-color: var(--warm-400); color: var(--warm-700); } .footer__cols { display: flex; gap: 2.5rem; flex-wrap: wrap; } .footer__col { min-width: 120px; } .footer__col-heading { font-size: 0.625rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--warm-500); margin-bottom: 1rem; } .footer__col-links { list-style: none; display: flex; flex-direction: column; gap: 0.5625rem; } .footer__col-links a { font-size: 0.875rem; font-weight: 500; color: var(--warm-600); transition: color 0.15s; } .footer__col-links a:hover { color: var(--warm-900); } .footer__bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; border-top: 1px solid var(--warm-200); gap: 1rem; flex-wrap: wrap; } .footer__copyright { font-size: 0.8125rem; font-weight: 500; color: var(--warm-400); } .footer__legal-links { display: flex; gap: 1.5rem; list-style: none; flex-wrap: wrap; } .footer__legal-links a { font-size: 0.8125rem; font-weight: 500; color: var(--warm-400); transition: color 0.15s; } .footer__legal-links a:hover { color: var(--warm-600); } /* ===================================================== RESPONSIVE ===================================================== */ @media (max-width: 1024px) { .reports-grid, .download-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .nav__links { display: none; } .nav__btns .btn--ghost { display: none; } .hero { padding: 5rem 0 6rem; } .hero h1 { letter-spacing: -1px; } .reports-grid, .download-grid { grid-template-columns: 1fr; } .form-grid { grid-template-columns: 1fr; } .form-wrapper { padding: 1.75rem 1.5rem 2rem; } .footer__top { flex-direction: column; gap: 2rem; } .footer__brand { max-width: 100%; } .footer__cols { gap: 1.75rem; } .footer__bottom { flex-direction: column; align-items: flex-start; gap: 0.75rem; } .hero__cta-row { flex-direction: column; align-items: flex-start; } } @media (max-width: 480px) { .container { padding: 0 1.25rem; } .nav { height: 4rem; } .form-wrapper { padding: 1.5rem 1.25rem; } .footer__cols { gap: 1.5rem; } }Gridwise Analytics
Workers
Businesses
Blog
About
Speak to our team Download for free
2025 Research Series
Gridwise Analytics:
2025 Industry Reports
Data-driven research on the gig economy, autonomous vehicles, and fuel economics — built for the companies shaping the future of mobility.
Our 2025 report series covers the trends, shifts, and economic forces redefining the gig and mobility landscape. Fill out the form below to get instant access to all three reports.
Download our latest reports
Submit the form below to get access to all three reports.
Annual
2025 Annual Gig Mobility Report
Our flagship annual report on the state of the gig economy. Covers rideshare and delivery driver earnings trends, platform market share shifts, driver sentiment, and the macroeconomic forces reshaping how Americans work on-demand.
Submit form to unlock
New
2025 Autonomous Vehicle Impact Report
A deep dive into how the rise of autonomous vehicles is set to disrupt gig work and mobility markets. Analyzes AV deployment timelines, driver displacement risk, and the emerging opportunities for platforms and investors.
Submit form to unlock
Special
2025 Gig Worker Gas & Fuel Report
Fuel costs are one of the biggest variables in gig worker take-home pay. This report tracks how gas price fluctuations affect driver behavior, earnings, and platform economics — with regional breakdowns across the U.S.
Submit form to unlock
Free Access
Get Instant Access
All three reports, free. Fill out the form below and download immediately.
Request access to all 2025 reports
First Name *
Jane
Please enter your first name.
Last Name *
Smith
Please enter your last name.
Work Email *
jane@company.com
Please enter a valid work email.
Company *
Your Company
Please enter your company name.
Job Title *
e.g. Head of Strategy
Please enter your job title.
Which report(s) are you most interested in? (optional)
Annual Gig Mobility Report AV Impact Report Gas & Fuel Report All of the above
Get My Reports →
By submitting, you agree to receive occasional research updates from Gridwise Analytics. Unsubscribe anytime.
Thanks! Your reports are ready below.
Your Reports
Download your reports
2025 Annual Gig Mobility Report
Driver earnings, platform dynamics, and the macroeconomic forces reshaping on-demand work.
Download PDF
2025 Autonomous Vehicle Impact Report
AV deployment timelines, driver displacement risk, and emerging platform opportunities.
Download PDF
2025 Gig Worker Gas & Fuel Report
How gas price swings affect driver earnings and platform economics, with regional U.S. breakdowns.
Download PDF
Gridwise
Analytics
Actionable intelligence on the gig and mobility economy.
Gig Workers
Product features
Worker benefits
Pricing plans
Testimonials
Blog
Gig opportunities
Businesses
Analytics
Partnerships
Gig mobility
Finance
Retail
Autonomous fleets
Company
About
Contact
Privacy policy
Terms of service
How we use your data
Support
Help center
Contact support
Support forum
Driver network
© 2025 Gridwise. All rights reserved.
Privacy policy
Terms of service
Data use