Scrollspy
Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-bs-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.
1In a navbar
Scroll the box: the navbar pill for the visible section becomes active.
Intro
Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. Issue virtual and physical cards to your team with limits you control.
Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit.
Details
Real people answer your questions around the clock, every day of the year. Start in minutes and get help from a real person whenever you need it. Accounting sync keeps your books up to date without manual exports.
Set approval rules for large payments and see who spent what, and why. Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners. Every detail is handled by people who care about getting it right.
Pricing
We listen first, then build a plan around what you actually need. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click.
Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Rally Kit</a>
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="#spy-1122">Intro</a></li>
<li class="nav-item"><a class="nav-link" href="#spy-1123">Details</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">More</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#spy-1124">Pricing</a></li></ul></li>
</ul>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1121" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1122" class="pb-3">
<h3 class="h6">Intro</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. Issue virtual and physical cards to your team with limits you control.</p>
<p class="small">Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Start in minutes and get help from a real person whenever you need it. Accounting sync keeps your books up to date without manual exports.</p>
<p class="small">Set approval rules for large payments and see who spent what, and why. Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">We listen first, then build a plan around what you actually need. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click.</p>
<p class="small">Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Friendly people answer your questions quickly, by phone, chat or email. Send and receive money in more than 30 currencies at fair exchange rates. Set approval rules for large payments and see who spent what, and why.
Step two
Cash flow forecasts show where you will be next month, not just today. Thousands of members already trust us, and we work hard to keep it that way. Accounting sync keeps your books up to date without manual exports.
Step three
Payroll runs on time, with tax and pension payments handled for you. We keep things simple, so you can focus on what matters to you. Real people answer your questions around the clock, every day of the year.
Step four
We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Our team has done this many times, so you never have to guess.
<nav id="spy-nav-1125" class="nav nav-pills mb-2 flex-wrap">
<a class="nav-link" href="#spy-1126">Step one</a><a class="nav-link" href="#spy-1127">Step two</a><a class="nav-link" href="#spy-1128">Step three</a><a class="nav-link" href="#spy-1129">Step four</a>
</nav>
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1125" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1126" class="pb-3">
<h3 class="h6">Step one</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Send and receive money in more than 30 currencies at fair exchange rates. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Thousands of members already trust us, and we work hard to keep it that way. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. We keep things simple, so you can focus on what matters to you. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Our team has done this many times, so you never have to guess.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Multi-currency wallets
Issue virtual and physical cards to your team with limits you control. Start in minutes and get help from a real person whenever you need it. Invoices go out with a payment link, so customers can pay you in one click. Open a business account online in about ten minutes, with no branch visit.
Business accounts
We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. No monthly fees on the basic plan and no hidden charges on transfers. Your money is protected by bank-grade security and regulated partners.
Expense tracking
Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year.
Questions
Issue virtual and physical cards to your team with limits you control. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Multi-currency wallets</a><a class="nav-link" href="#spy-1132">Business accounts</a><a class="nav-link" href="#spy-1133">Expense tracking</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1130" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Multi-currency wallets</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. Start in minutes and get help from a real person whenever you need it. Invoices go out with a payment link, so customers can pay you in one click. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Business accounts</h3>
<p class="small">We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. No monthly fees on the basic plan and no hidden charges on transfers. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Expense tracking</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click. Every detail is handled by people who care about getting it right.
Install
We measure success by how many members come back and tell their friends. Send and receive money in more than 30 currencies at fair exchange rates. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.
Configure
Every payment appears instantly, with receipts matched automatically. Payroll runs on time, with tax and pension payments handled for you. No monthly fees on the basic plan and no hidden charges on transfers. Your money is protected by bank-grade security and regulated partners.
Usage
Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today. Clear prices, honest advice and no surprises along the way.
Examples
Set approval rules for large payments and see who spent what, and why. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-100 flex-column align-items-stretch">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1137">Install</a><a class="nav-link ms-3 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:260px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1135" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">We measure success by how many members come back and tell their friends. Send and receive money in more than 30 currencies at fair exchange rates. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Payroll runs on time, with tax and pension payments handled for you. No monthly fees on the basic plan and no hidden charges on transfers. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Start in minutes and get help from a real person whenever you need it. No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Accounting sync keeps your books up to date without manual exports. Thousands of members already trust us, and we work hard to keep it that way. Real people answer your questions around the clock, every day of the year. We keep things simple, so you can focus on what matters to you.
Midday
Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today. Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why.
Afternoon
Every detail is handled by people who care about getting it right. Open a business account online in about ten minutes, with no branch visit. Clear prices, honest advice and no surprises along the way.
Evening
We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Payroll runs on time, with tax and pension payments handled for you.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1141" class="list-group">
<a class="list-group-item list-group-item-action" href="#spy-1142">Morning</a><a class="list-group-item list-group-item-action" href="#spy-1143">Midday</a><a class="list-group-item list-group-item-action" href="#spy-1144">Afternoon</a><a class="list-group-item list-group-item-action" href="#spy-1145">Evening</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1141" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Thousands of members already trust us, and we work hard to keep it that way. Real people answer your questions around the clock, every day of the year. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today. Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Every detail is handled by people who care about getting it right. Open a business account online in about ten minutes, with no branch visit. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates. Every payment appears instantly, with receipts matched automatically. Issue virtual and physical cards to your team with limits you control.
Beta
Invoices go out with a payment link, so customers can pay you in one click. Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Set approval rules for large payments and see who spent what, and why.
Gamma
Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you. We measure success by how many members come back and tell their friends. Issue virtual and physical cards to your team with limits you control.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="d-flex flex-column gap-2 small">
<a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1147">Alpha</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1148">Beta</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1146" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates. Every payment appears instantly, with receipts matched automatically. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Invoices go out with a payment link, so customers can pay you in one click. Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you. We measure success by how many members come back and tell their friends. Issue virtual and physical cards to your team with limits you control.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Every detail is handled by people who care about getting it right. No monthly fees on the basic plan and no hidden charges on transfers. Cash flow forecasts show where you will be next month, not just today.
Features
Accounting sync keeps your books up to date without manual exports. Start in minutes and get help from a real person whenever you need it. Invoices go out with a payment link, so customers can pay you in one click.
Reviews
Send and receive money in more than 30 currencies at fair exchange rates. Thousands of members already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.
FAQ
Real people answer your questions around the clock, every day of the year. Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you.
<nav id="spy-nav-1150" class="nav nav-underline mb-2 border-bottom">
<a class="nav-link" href="#spy-1151">Overview</a><a class="nav-link" href="#spy-1152">Features</a><a class="nav-link" href="#spy-1153">Reviews</a><a class="nav-link" href="#spy-1154">FAQ</a>
</nav>
<div class="position-relative border rounded p-3 border-0 px-0" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1150" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1151" class="pb-3">
<h3 class="h6">Overview</h3>
<p class="small">Every detail is handled by people who care about getting it right. No monthly fees on the basic plan and no hidden charges on transfers. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Start in minutes and get help from a real person whenever you need it. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Thousands of members already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Your money is protected by bank-grade security and regulated partners. Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you.
Background
We listen first, then build a plan around what you actually need. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Your money is protected by bank-grade security and regulated partners.
Method
Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers. Issue virtual and physical cards to your team with limits you control. Every payment appears instantly, with receipts matched automatically.
Results
Payroll runs on time, with tax and pension payments handled for you. Send and receive money in more than 30 currencies at fair exchange rates. Our team has done this many times, so you never have to guess. Invoices go out with a payment link, so customers can pay you in one click.
On this page
<div class="row g-3">
<div class="col-md-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1155" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1156" class="pb-3">
<h3 class="h6">Summary</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">We listen first, then build a plan around what you actually need. Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers. Issue virtual and physical cards to your team with limits you control. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Send and receive money in more than 30 currencies at fair exchange rates. Our team has done this many times, so you never have to guess. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
</div>
</div>
<div class="col-md-3 order-first order-md-last">
<p class="small fw-semibold text-uppercase text-body-secondary mb-2">On this page</p>
<nav id="spy-nav-1155" class="nav nav-pills flex-column small">
<a class="nav-link py-1" href="#spy-1156">Summary</a><a class="nav-link py-1" href="#spy-1157">Background</a><a class="nav-link py-1" href="#spy-1158">Method</a><a class="nav-link py-1" href="#spy-1159">Results</a>
</nav>
</div>
</div>9Numbered steps
<code>.list-group-numbered</code> turns the spy menu into a step counter.
Create an account
Start in minutes and get help from a real person whenever you need it. Set approval rules for large payments and see who spent what, and why. Cash flow forecasts show where you will be next month, not just today.
Set up your profile
Accounting sync keeps your books up to date without manual exports. We measure success by how many members come back and tell their friends. Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess.
Invite the team
Every payment appears instantly, with receipts matched automatically. Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email.
Go live
Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1160" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Set approval rules for large payments and see who spent what, and why. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. We measure success by how many members come back and tell their friends. Invoices go out with a payment link, so customers can pay you in one click. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Cash flow forecasts show where you will be next month, not just today. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Five ways to improve your cash flow
Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Every detail is handled by people who care about getting it right.
Running payroll for your first five hires
Your money is protected by bank-grade security and regulated partners. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.
What to look for in a business account
Issue virtual and physical cards to your team with limits you control. We keep things simple, so you can focus on what matters to you. Send and receive money in more than 30 currencies at fair exchange rates.
What our members asked us most
We measure success by how many members come back and tell their friends. Real people answer your questions around the clock, every day of the year. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right.
<nav id="spy-nav-1165" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1166">2023</a><a class="nav-link" href="#spy-1167">2024</a><a class="nav-link" href="#spy-1168">2025</a><a class="nav-link" href="#spy-1169">2026</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1165" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1166" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2023</span>
<h3 class="h6">Five ways to improve your cash flow</h3>
<p class="small mb-0">Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">Running payroll for your first five hires</h3>
<p class="small mb-0">Your money is protected by bank-grade security and regulated partners. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1168" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2025</span>
<h3 class="h6">What to look for in a business account</h3>
<p class="small mb-0">Issue virtual and physical cards to your team with limits you control. We keep things simple, so you can focus on what matters to you. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
<div id="spy-1169" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2026</span>
<h3 class="h6">What our members asked us most</h3>
<p class="small mb-0">We measure success by how many members come back and tell their friends. Real people answer your questions around the clock, every day of the year. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Our favourite tips for busy weeks?
- No monthly fees on the basic plan and no hidden charges on transfers.
- A beginner's guide to getting started?
- Accounting sync keeps your books up to date without manual exports.
- Paying international suppliers without high fees?
- Open a business account online in about ten minutes, with no branch visit.
Shipping
- Looking back at a busy season?
- Invoices go out with a payment link, so customers can pay you in one click.
- The small habits that make a big difference?
- Clear prices, honest advice and no surprises along the way.
- How a coffee roaster cut card fees by a third?
- Payroll runs on time, with tax and pension payments handled for you.
Returns
- Budgeting basics for small teams?
- Our team has done this many times, so you never have to guess.
- How to close your books faster every month?
- We measure success by how many members come back and tell their friends.
- A simple guide to business spending policies?
- Set approval rules for large payments and see who spent what, and why.
<div class="row g-3">
<div class="col-sm-3">
<nav id="spy-nav-1170" class="nav nav-pills flex-sm-column">
<a class="nav-link" href="#spy-1171">Orders</a><a class="nav-link" href="#spy-1172">Shipping</a><a class="nav-link" href="#spy-1173">Returns</a>
</nav>
</div>
<div class="col-sm-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1170" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1171" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">No monthly fees on the basic plan and no hidden charges on transfers.</dd>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Accounting sync keeps your books up to date without manual exports.</dd>
<dt class="small">Paying international suppliers without high fees?</dt>
<dd class="small text-body-secondary">Open a business account online in about ten minutes, with no branch visit.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-body-secondary">Invoices go out with a payment link, so customers can pay you in one click.</dd>
<dt class="small">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">How a coffee roaster cut card fees by a third?</dt>
<dd class="small text-body-secondary">Payroll runs on time, with tax and pension payments handled for you.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">Budgeting basics for small teams?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">How to close your books faster every month?</dt>
<dd class="small text-body-secondary">We measure success by how many members come back and tell their friends.</dd>
<dt class="small">A simple guide to business spending policies?</dt>
<dd class="small text-body-secondary">Set approval rules for large payments and see who spent what, and why.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Every payment appears instantly, with receipts matched automatically. Send and receive money in more than 30 currencies at fair exchange rates. Start in minutes and get help from a real person whenever you need it.
Battery
Thousands of members already trust us, and we work hard to keep it that way. Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year.
Connectivity
We listen first, then build a plan around what you actually need. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.
Security
We keep things simple, so you can focus on what matters to you. Your money is protected by bank-grade security and regulated partners. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1174" class="nav nav-pills flex-column">
<a class="nav-link d-flex align-items-center gap-2" href="#spy-1175"><i class="bi bi-cpu-fill" aria-hidden="true"></i>Performance</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1176"><i class="bi bi-battery-half" aria-hidden="true"></i>Battery</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1177"><i class="bi bi-wifi" aria-hidden="true"></i>Connectivity</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1178"><i class="bi bi-shield-check" aria-hidden="true"></i>Security</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1174" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1175" class="pb-3">
<h3 class="h6">Performance</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Send and receive money in more than 30 currencies at fair exchange rates. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">We listen first, then build a plan around what you actually need. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Your money is protected by bank-grade security and regulated partners. Thousands of members already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$9.07 / mo
- Bank-grade encryption
- Accounting sync
- Bank-grade encryption
Team
$49.54 / mo
- No hidden fees
- No hidden fees
- Spending limits
Business
$53.66 / mo
- 24/7 support
- Accounting sync
- Instant notifications
<nav id="spy-nav-1179" class="nav nav-pills justify-content-center mb-2">
<a class="nav-link" href="#spy-1180">Starter</a><a class="nav-link" href="#spy-1181">Team</a><a class="nav-link" href="#spy-1182">Business</a>
</nav>
<div class="position-relative border rounded p-3 bg-body-tertiary" style="height:230px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1179" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1180" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Starter</h3>
<p class="fs-4 fw-bold mb-1">$9.07<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Bank-grade encryption</li>
<li>Accounting sync</li>
<li>Bank-grade encryption</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="fs-4 fw-bold mb-1">$49.54<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>No hidden fees</li>
<li>No hidden fees</li>
<li>Spending limits</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$53.66<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>24/7 support</li>
<li>Accounting sync</li>
<li>Instant notifications</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: Getting paid on time: invoice tips that work
No monthly fees on the basic plan and no hidden charges on transfers. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. We measure success by how many members come back and tell their friends.
We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Our team has done this many times, so you never have to guess. Payroll runs on time, with tax and pension payments handled for you.
Chapter 2: How to choose the right account
Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Open a business account online in about ten minutes, with no branch visit.
Your money is protected by bank-grade security and regulated partners. Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year. Issue virtual and physical cards to your team with limits you control.
Chapter 3: How we keep your money safe
Send and receive money in more than 30 currencies at fair exchange rates. Invoices go out with a payment link, so customers can pay you in one click. Set approval rules for large payments and see who spent what, and why.
Clear prices, honest advice and no surprises along the way. Real people answer your questions around the clock, every day of the year. We listen first, then build a plan around what you actually need.
Chapter 4: Five things we learned this year
Payroll runs on time, with tax and pension payments handled for you. Our team has done this many times, so you never have to guess. Accounting sync keeps your books up to date without manual exports.
Cash flow forecasts show where you will be next month, not just today. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why.
<nav id="spy-nav-1183" class="nav nav-tabs mb-0 small">
<a class="nav-link" href="#spy-1184">Chapter 1</a><a class="nav-link" href="#spy-1185">Chapter 2</a><a class="nav-link" href="#spy-1186">Chapter 3</a><a class="nav-link" href="#spy-1187">Chapter 4</a>
</nav>
<div class="position-relative border rounded p-3 border-top-0 rounded-top-0 lh-lg" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1183" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1184" class="pb-3">
<h3 class="h6">Chapter 1: Getting paid on time: invoice tips that work</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. We measure success by how many members come back and tell their friends.</p>
<p class="small">We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Our team has done this many times, so you never have to guess. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How to choose the right account</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Open a business account online in about ten minutes, with no branch visit.</p>
<p class="small">Your money is protected by bank-grade security and regulated partners. Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: How we keep your money safe</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Invoices go out with a payment link, so customers can pay you in one click. Set approval rules for large payments and see who spent what, and why.</p>
<p class="small">Clear prices, honest advice and no surprises along the way. Real people answer your questions around the clock, every day of the year. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Five things we learned this year</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Our team has done this many times, so you never have to guess. Accounting sync keeps your books up to date without manual exports.</p>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends.
Notifications
Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way. Send and receive money in more than 30 currencies at fair exchange rates.
Privacy
Open a business account online in about ten minutes, with no branch visit. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1188" class="list-group list-group-flush border rounded">
<a class="list-group-item list-group-item-action" href="#spy-1189">Profile</a><a class="list-group-item list-group-item-action" href="#spy-1190">Notifications</a><a class="list-group-item list-group-item-action" href="#spy-1191">Privacy</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1188" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1189" class="pb-3">
<h3 class="h6">Profile</h3>
<div class="mb-2">
<label for="spy-in-1192" class="form-label small">Display name</label>
<input class="form-control form-control-sm" id="spy-in-1192" value="Kenji Patel">
</div>
<div class="mb-2">
<label for="spy-in-1193" class="form-label small">City</label>
<input class="form-control form-control-sm" id="spy-in-1193" value="Prague">
</div>
<p class="small">Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1190" class="pb-3">
<h3 class="h6">Notifications</h3>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1194" checked>
<label class="form-check-label small" for="spy-sw-1194">Product news</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1195">
<label class="form-check-label small" for="spy-sw-1195">Weekly digest</label>
</div>
<p class="small">Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
<div id="spy-1191" class="pb-3">
<h3 class="h6">Privacy</h3>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="spy-sw-1196">
<label class="form-check-label small" for="spy-sw-1196">Hide my profile from search</label>
</div>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Legal
- Maya NovakFrontend Engineer
- Sofia OrtegaQA Engineer
- Felix MoreauFrontend Engineer
Customer Support
- Ruby LindqvistMarketing Lead
- Mason HaddadProduct Designer
- Diego DelgadoQA Engineer
Research
- Ella KimMarketing Lead
- Liam LarsenProject Manager
- Omar CarterProject Manager
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Legal</a><a class="nav-link" href="#spy-1199">Customer Support</a><a class="nav-link" href="#spy-1200">Research</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1197" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Legal</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Maya Novak"><div><div class="small fw-semibold">Maya Novak</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Sofia Ortega"><div><div class="small fw-semibold">Sofia Ortega</div><div class="small text-body-secondary">QA Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-8.svg" class="rounded-circle" width="36" height="36" alt="Felix Moreau"><div><div class="small fw-semibold">Felix Moreau</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Customer Support</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-5.svg" class="rounded-circle" width="36" height="36" alt="Ruby Lindqvist"><div><div class="small fw-semibold">Ruby Lindqvist</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Mason Haddad"><div><div class="small fw-semibold">Mason Haddad</div><div class="small text-body-secondary">Product Designer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Diego Delgado"><div><div class="small fw-semibold">Diego Delgado</div><div class="small text-body-secondary">QA Engineer</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Research</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Ella Kim"><div><div class="small fw-semibold">Ella Kim</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-circle" width="36" height="36" alt="Liam Larsen"><div><div class="small fw-semibold">Liam Larsen</div><div class="small text-body-secondary">Project Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Omar Carter"><div><div class="small fw-semibold">Omar Carter</div><div class="small text-body-secondary">Project Manager</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Invoices
- FX transfer$2.00
- Invoice pack$10.00
- Pro account$12.00
Cards
- Payroll module$27.99
- Invoice pack$10.00
- Metal card$9.00
Payments
- Tax reserveFree
- Expense add-on$6.00
- Savings vaultFree
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Invoices</a><a class="nav-link" href="#spy-1203">Cards</a><a class="nav-link" href="#spy-1204">Payments</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1201" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Invoices</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>FX transfer</span><span class="fw-semibold">$2.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Invoice pack</span><span class="fw-semibold">$10.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Pro account</span><span class="fw-semibold">$12.00</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Cards</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Payroll module</span><span class="fw-semibold">$27.99</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Invoice pack</span><span class="fw-semibold">$10.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Metal card</span><span class="fw-semibold">$9.00</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Payments</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Tax reserve</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Expense add-on</span><span class="fw-semibold">$6.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Savings vault</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you. Cash flow forecasts show where you will be next month, not just today.
This week
Invoices go out with a payment link, so customers can pay you in one click. Start in minutes and get help from a real person whenever you need it. Every payment appears instantly, with receipts matched automatically.
Later
Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Send and receive money in more than 30 currencies at fair exchange rates.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1205" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. We measure success by how many members come back and tell their friends. We keep things simple, so you can focus on what matters to you. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Invoices go out with a payment link, so customers can pay you in one click. Start in minutes and get help from a real person whenever you need it. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Real people answer your questions around the clock, every day of the year. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-bs-theme="dark"</code>.
Launch
No monthly fees on the basic plan and no hidden charges on transfers. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.
Orbit
Issue virtual and physical cards to your team with limits you control. Open a business account online in about ten minutes, with no branch visit. Accounting sync keeps your books up to date without manual exports.
Landing
Set approval rules for large payments and see who spent what, and why. We listen first, then build a plan around what you actually need. Thousands of members already trust us, and we work hard to keep it that way.
<div data-bs-theme="dark" class="bg-dark text-body rounded p-3">
<nav id="spy-nav-1209" class="nav nav-pills mb-2">
<a class="nav-link" href="#spy-1210">Launch</a><a class="nav-link" href="#spy-1211">Orbit</a><a class="nav-link" href="#spy-1212">Landing</a>
</nav>
<div class="position-relative border rounded p-3 border-secondary" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1209" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. Open a business account online in about ten minutes, with no branch visit. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. We listen first, then build a plan around what you actually need. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Oct 6, 2025
- NewYour money is protected by bank-grade security and regulated partners.
- ImprovedEvery detail is handled by people who care about getting it right.
- FixedNo monthly fees on the basic plan and no hidden charges on transfers.
v3.1 Dec 18, 2025
- NewReal people answer your questions around the clock, every day of the year.
- ImprovedEvery payment appears instantly, with receipts matched automatically.
- FixedIssue virtual and physical cards to your team with limits you control.
v3.0 Dec 13, 2025
- NewWe listen first, then build a plan around what you actually need.
- ImprovedPayroll runs on time, with tax and pension payments handled for you.
- FixedCash flow forecasts show where you will be next month, not just today.
v2.9 Aug 6, 2026
- NewSet approval rules for large payments and see who spent what, and why.
- ImprovedWe keep things simple, so you can focus on what matters to you.
- FixedFriendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3">
<div class="col-3">
<nav id="spy-nav-1213" class="nav nav-pills flex-column small">
<a class="nav-link" href="#spy-1214">v3.2</a><a class="nav-link" href="#spy-1215">v3.1</a><a class="nav-link" href="#spy-1216">v3.0</a><a class="nav-link" href="#spy-1217">v2.9</a>
</nav>
</div>
<div class="col-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1213" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1214" class="pb-3">
<h3 class="h6">v3.2 <small class="text-body-secondary fw-normal">Oct 6, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Your money is protected by bank-grade security and regulated partners.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>No monthly fees on the basic plan and no hidden charges on transfers.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Dec 18, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Real people answer your questions around the clock, every day of the year.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every payment appears instantly, with receipts matched automatically.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Issue virtual and physical cards to your team with limits you control.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Dec 13, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Payroll runs on time, with tax and pension payments handled for you.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Cash flow forecasts show where you will be next month, not just today.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Aug 6, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Set approval rules for large payments and see who spent what, and why.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>We keep things simple, so you can focus on what matters to you.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Friendly people answer your questions quickly, by phone, chat or email.</li>
</ul>
</div>
</div>
</div>
</div>