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
Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you. Accounting sync keeps your books up to date without manual exports.
Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many members come back and tell their friends. Thousands of members already trust us, and we work hard to keep it that way. Issue virtual and physical cards to your team with limits you control.
Details
Clear prices, honest advice and no surprises along the way. Cash flow forecasts show where you will be next month, not just today. We listen first, then build a plan around what you actually need.
Set approval rules for large payments and see who spent what, and why. Payroll runs on time, with tax and pension payments handled for you. Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year.
Pricing
Open a business account online in about ten minutes, with no branch visit. 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. No monthly fees on the basic plan and no hidden charges on transfers.
Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Emberan</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">Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you. Accounting sync keeps your books up to date without manual exports.</p>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many members come back and tell their friends. Thousands of members already trust us, and we work hard to keep it that way. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Cash flow forecasts show where you will be next month, not just today. We listen first, then build a plan around what you actually need.</p>
<p class="small">Set approval rules for large payments and see who spent what, and why. Payroll runs on time, with tax and pension payments handled for you. Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. 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. No monthly fees on the basic plan and no hidden charges on transfers.</p>
<p class="small">Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Accounting sync keeps your books up to date without manual exports. Our team has done this many times, so you never have to guess. No monthly fees on the basic plan and no hidden charges on transfers. Your money is protected by bank-grade security and regulated partners.
Step two
Every payment appears instantly, with receipts matched automatically. 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. Real people answer your questions around the clock, every day of the year.
Step three
Issue virtual and physical cards to your team with limits you control. Cash flow forecasts show where you will be next month, not just today. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.
Step four
Open a business account online in about ten minutes, with no branch visit. 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. Payroll runs on time, with tax and pension payments handled for you.
<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">Accounting sync keeps your books up to date without manual exports. Our team has done this many times, so you never have to guess. 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-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. 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. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. Cash flow forecasts show where you will be next month, not just today. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. 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. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Multi-currency wallets
Clear prices, honest advice and no surprises along the way. Invoices go out with a payment link, so customers can pay you in one click. We measure success by how many members come back and tell their friends.
Invoicing
Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Issue virtual and physical cards to your team with limits you control. No monthly fees on the basic plan and no hidden charges on transfers.
Business accounts
We listen first, then build a plan around what you actually need. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way.
Questions
Every payment appears instantly, with receipts matched automatically. We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess. Send and receive money in more than 30 currencies at fair exchange rates.
<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">Invoicing</a><a class="nav-link" href="#spy-1133">Business accounts</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">Clear prices, honest advice and no surprises along the way. Invoices go out with a payment link, so customers can pay you in one click. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Invoicing</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. Issue virtual and physical cards to your team with limits you control. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Business accounts</h3>
<p class="small">We listen first, then build a plan around what you actually need. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Invoices go out with a payment link, so customers can pay you in one click. 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. Real people answer your questions around the clock, every day of the year.
Install
Start in minutes and get help from a real person whenever you need it. Cash flow forecasts show where you will be next month, not just today. We measure success by how many members come back and tell their friends. Set approval rules for large payments and see who spent what, and why.
Configure
Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Your money is protected by bank-grade security and regulated partners.
Usage
Accounting sync keeps your books up to date without manual exports. 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. Open a business account online in about ten minutes, with no branch visit.
Examples
Clear prices, honest advice and no surprises along the way. 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. Our team has done this many times, so you never have to guess.
<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">Invoices go out with a payment link, so customers can pay you in one click. 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. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Cash flow forecasts show where you will be next month, not just today. We measure success by how many members come back and tell their friends. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</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. 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. 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. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. 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. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
We measure success by how many members come back and tell their friends. Your money is protected by bank-grade security and regulated partners. Every payment appears instantly, with receipts matched automatically.
Midday
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. 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.
Afternoon
We keep things simple, so you can focus on what matters to you. Set approval rules for large payments and see who spent what, and why. 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.
Evening
Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click. We listen first, then build a plan around what you actually need.
<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">We measure success by how many members come back and tell their friends. Your money is protected by bank-grade security and regulated partners. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">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. 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-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Set approval rules for large payments and see who spent what, and why. 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.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click. We listen first, then build a plan around what you actually need.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Real people answer your questions around the clock, every day of the year. Cash flow forecasts show where you will be next month, not just today. Send and receive money in more than 30 currencies at fair exchange rates.
Beta
Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. Invoices go out with a payment link, so customers can pay you in one click. Accounting sync keeps your books up to date without manual exports.
Gamma
Thousands of members already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you.
<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">Real people answer your questions around the clock, every day of the year. Cash flow forecasts show where you will be next month, not just today. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. Invoices go out with a payment link, so customers can pay you in one click. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
No monthly fees on the basic plan and no hidden charges on transfers. Our team has done this many times, so you never have to guess. We measure success by how many members come back and tell their friends.
Features
Friendly people answer your questions quickly, by phone, chat or email. Payroll runs on time, with tax and pension payments handled for you. Every payment appears instantly, with receipts matched automatically. Open a business account online in about ten minutes, with no branch visit.
Reviews
Start in minutes and get help from a real person whenever you need it. Your money is protected by bank-grade security and regulated partners. Every detail is handled by people who care about getting it right.
FAQ
Your money is protected by bank-grade security and regulated partners. We measure success by how many members come back and tell their friends. 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.
<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">No monthly fees on the basic plan and no hidden charges on transfers. Our team has done this many times, so you never have to guess. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Payroll runs on time, with tax and pension payments handled for you. Every payment appears instantly, with receipts matched automatically. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. 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-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. We measure success by how many members come back and tell their friends. 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>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Start in minutes and get help from a real person whenever you need it. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way.
Background
Every payment appears instantly, with receipts matched automatically. 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. Friendly people answer your questions quickly, by phone, chat or email.
Method
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. We keep things simple, so you can focus on what matters to you.
Results
Open a business account online in about ten minutes, with no branch visit. Our team has done this many times, so you never have to guess. 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.
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">Start in minutes and get help from a real person whenever you need it. Payroll runs on time, with tax and pension payments handled for you. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. 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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">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. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Our team has done this many times, so you never have to guess. 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>
</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
Invoices go out with a payment link, so customers can pay you in one click. We listen first, then build a plan around what you actually need. Issue virtual and physical cards to your team with limits you control.
Set up your profile
Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control.
Invite the team
Every payment appears instantly, with receipts matched automatically. Start in minutes and get help from a real person whenever you need it. Cash flow forecasts show where you will be next month, not just today.
Go live
Real people answer your questions around the clock, every day of the year. Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click.
<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">Invoices go out with a payment link, so customers can pay you in one click. We listen first, then build a plan around what you actually need. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control.</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. Start in minutes and get help from a real person whenever you need it. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Friendly people answer your questions quickly, by phone, chat or email. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Looking back at a busy season
We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess. 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.
How we keep your money safe
We measure success by how many members come back and tell their friends. Open a business account online in about ten minutes, with no branch visit. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.
The small habits that make a big difference
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. Send and receive money in more than 30 currencies at fair exchange rates.
Budgeting basics for small teams
Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates. 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.
<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">Looking back at a busy season</h3>
<p class="small mb-0">We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess. 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.</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">How we keep your money safe</h3>
<p class="small mb-0">We measure success by how many members come back and tell their friends. Open a business account online in about ten minutes, with no branch visit. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.</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">The small habits that make a big difference</h3>
<p class="small mb-0">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. 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">Budgeting basics for small teams</h3>
<p class="small mb-0">Every detail is handled by people who care about getting it right. Send and receive money in more than 30 currencies at fair exchange rates. 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.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Five ways to improve your cash flow?
- Invoices go out with a payment link, so customers can pay you in one click.
- What to look for in a business account?
- Clear prices, honest advice and no surprises along the way.
- How to choose the right account?
- Start in minutes and get help from a real person whenever you need it.
Shipping
- How a coffee roaster cut card fees by a third?
- Set approval rules for large payments and see who spent what, and why.
- A simple guide to business spending policies?
- Payroll runs on time, with tax and pension payments handled for you.
- Paying international suppliers without high fees?
- Accounting sync keeps your books up to date without manual exports.
Returns
- Our favourite tips for busy weeks?
- Every detail is handled by people who care about getting it right.
- How to close your books faster every month?
- Our team has done this many times, so you never have to guess.
- A beginner's guide to getting started?
- Friendly people answer your questions quickly, by phone, chat or email.
<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">Five ways to improve your cash flow?</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">What to look for in a business account?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">How to choose the right account?</dt>
<dd class="small text-body-secondary">Start in minutes and get help from a real person whenever you need it.</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">How a coffee roaster cut card fees by a third?</dt>
<dd class="small text-body-secondary">Set approval rules for large payments and see who spent what, and why.</dd>
<dt class="small">A simple guide to business spending policies?</dt>
<dd class="small text-body-secondary">Payroll runs on time, with tax and pension payments handled for you.</dd>
<dt class="small">Paying international suppliers without high fees?</dt>
<dd class="small text-body-secondary">Accounting sync keeps your books up to date without manual exports.</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">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">Every detail is handled by people who care about getting it right.</dd>
<dt class="small">How to close your books faster every month?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
We listen first, then build a plan around what you actually need. 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. Every payment appears instantly, with receipts matched automatically.
Battery
We measure success by how many members come back and tell their friends. Open a business account online in about ten minutes, with no branch visit. Cash flow forecasts show where you will be next month, not just today. We keep things simple, so you can focus on what matters to you.
Connectivity
Issue virtual and physical cards to your team with limits you control. 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. Clear prices, honest advice and no surprises along the way.
Security
Cash flow forecasts show where you will be next month, not just today. No monthly fees on the basic plan and no hidden charges on transfers. Set approval rules for large payments and see who spent what, and why. Our team has done this many times, so you never have to guess.
<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">We listen first, then build a plan around what you actually need. 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. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">We measure success by how many members come back and tell their friends. Open a business account online in about ten minutes, with no branch visit. Cash flow forecasts show where you will be next month, not just today. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Issue virtual and physical cards to your team with limits you control. 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. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. No monthly fees on the basic plan and no hidden charges on transfers. Set approval rules for large payments and see who spent what, and why. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$15.21 / mo
- Instant notifications
- Spending limits
- 24/7 support
Team
$29.29 / mo
- 24/7 support
- Instant notifications
- Spending limits
Business
$66.66 / mo
- No hidden fees
- Bank-grade encryption
- 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">$15.21<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Instant notifications</li>
<li>Spending limits</li>
<li>24/7 support</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">$29.29<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>24/7 support</li>
<li>Instant notifications</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">$66.66<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>No hidden fees</li>
<li>Bank-grade encryption</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
We listen first, then build a plan around what you actually need. Invoices go out with a payment link, so customers can pay you in one click. Send and receive money in more than 30 currencies at fair exchange rates.
Real people answer your questions around the clock, every day of the year. 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.
Chapter 2: Running payroll for your first five hires
We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically. Your money is protected by bank-grade security and regulated partners.
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. Issue virtual and physical cards to your team with limits you control.
Chapter 3: What our members asked us most
Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports. Friendly people answer your questions quickly, by phone, chat or email.
We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Invoices go out with a payment link, so customers can pay you in one click. Real people answer your questions around the clock, every day of the year.
Chapter 4: Five things we learned this year
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. Issue virtual and physical cards to your team with limits you control. Cash flow forecasts show where you will be next month, not just today.
Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Your money is protected by bank-grade security and regulated partners.
<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">We listen first, then build a plan around what you actually need. Invoices go out with a payment link, so customers can pay you in one click. Send and receive money in more than 30 currencies at fair exchange rates.</p>
<p class="small">Real people answer your questions around the clock, every day of the year. 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>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: Running payroll for your first five hires</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically. Your money is protected by bank-grade security and regulated partners.</p>
<p class="small">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. 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: What our members asked us most</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports. Friendly people answer your questions quickly, by phone, chat or email.</p>
<p class="small">We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Invoices go out with a payment link, so customers can pay you in one click. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Five things we learned this year</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. Issue virtual and physical cards to your team with limits you control. Cash flow forecasts show where you will be next month, not just today.</p>
<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. Your money is protected by bank-grade security and regulated partners.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
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. Send and receive money in more than 30 currencies at fair exchange rates.
Notifications
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. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically.
Privacy
We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Thousands of members already trust us, and we work hard to keep it that way.
<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="Diego Quinn">
</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="Seoul">
</div>
<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. Send and receive money in more than 30 currencies at fair exchange rates.</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">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. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically.</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">We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Marketing
- Felix HaddadArt Director
- Tariq PatelContent Writer
- Owen QuinnProject Manager
Human Resources
- Elena KowalskiData Analyst
- Noah SatoSupport Specialist
- Amara BrennanHR Partner
Finance
- Felix SilvaContent Writer
- Liam VargaMarketing Lead
- Lea AshfordHR Partner
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Marketing</a><a class="nav-link" href="#spy-1199">Human Resources</a><a class="nav-link" href="#spy-1200">Finance</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">Marketing</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.svg" class="rounded-circle" width="36" height="36" alt="Felix Haddad"><div><div class="small fw-semibold">Felix Haddad</div><div class="small text-body-secondary">Art Director</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="Tariq Patel"><div><div class="small fw-semibold">Tariq Patel</div><div class="small text-body-secondary">Content Writer</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="Owen Quinn"><div><div class="small fw-semibold">Owen Quinn</div><div class="small text-body-secondary">Project Manager</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Human Resources</h3>
<ul class="list-unstyled">
<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="Elena Kowalski"><div><div class="small fw-semibold">Elena Kowalski</div><div class="small text-body-secondary">Data Analyst</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="Noah Sato"><div><div class="small fw-semibold">Noah Sato</div><div class="small text-body-secondary">Support Specialist</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="Amara Brennan"><div><div class="small fw-semibold">Amara Brennan</div><div class="small text-body-secondary">HR Partner</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Finance</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="Felix Silva"><div><div class="small fw-semibold">Felix Silva</div><div class="small text-body-secondary">Content Writer</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="Liam Varga"><div><div class="small fw-semibold">Liam Varga</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-8.svg" class="rounded-circle" width="36" height="36" alt="Lea Ashford"><div><div class="small fw-semibold">Lea Ashford</div><div class="small text-body-secondary">HR Partner</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Payments
- Savings vaultFree
- Tax reserveFree
- Virtual cardFree
Savings
- Virtual cardFree
- Tax reserveFree
- Metal card$10.00
Cards
- Basic accountFree
- Expense add-on$6.00
- Tax reserveFree
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Payments</a><a class="nav-link" href="#spy-1203">Savings</a><a class="nav-link" href="#spy-1204">Cards</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">Payments</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Savings vault</span><span class="fw-semibold">Free</span></li>
<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>Virtual card</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Savings</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Virtual card</span><span class="fw-semibold">Free</span></li>
<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>Metal card</span><span class="fw-semibold">$10.00</span></li>
</ul>
</div>
<div id="spy-1204" 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>Basic account</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>Tax reserve</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Issue virtual and physical cards to your team with limits you control. We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports. We keep things simple, so you can focus on what matters to you.
This week
Your money is protected by bank-grade security and regulated partners. Every payment appears instantly, with receipts matched automatically. Every detail is handled by people who care about getting it right. Real people answer your questions around the clock, every day of the year.
Later
Our team has done this many times, so you never have to guess. Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today.
<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">Issue virtual and physical cards to your team with limits you control. We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Every payment appears instantly, with receipts matched automatically. Every detail is handled by people who care about getting it right. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Our team has done this many times, so you never have to guess. Send and receive money in more than 30 currencies at fair exchange rates. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-bs-theme="dark"</code>.
Launch
Invoices go out with a payment link, so customers can pay you in one click. Clear prices, honest advice and no surprises along the way. Open a business account online in about ten minutes, with no branch visit.
Orbit
Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. We listen first, then build a plan around what you actually need. Payroll runs on time, with tax and pension payments handled for you.
Landing
Set approval rules for large payments and see who spent what, and why. Every detail is handled by people who care about getting it right. 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.
<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">Invoices go out with a payment link, so customers can pay you in one click. Clear prices, honest advice and no surprises along the way. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</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. We listen first, then build a plan around what you actually need. Payroll runs on time, with tax and pension payments handled for you.</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. Every detail is handled by people who care about getting it right. 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>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Apr 15, 2026
- NewReal people answer your questions around the clock, every day of the year.
- ImprovedWe keep things simple, so you can focus on what matters to you.
- FixedClear prices, honest advice and no surprises along the way.
v3.1 May 29, 2026
- NewFriendly people answer your questions quickly, by phone, chat or email.
- ImprovedInvoices go out with a payment link, so customers can pay you in one click.
- FixedAccounting sync keeps your books up to date without manual exports.
v3.0 Nov 28, 2025
- NewSet approval rules for large payments and see who spent what, and why.
- ImprovedSend and receive money in more than 30 currencies at fair exchange rates.
- FixedIssue virtual and physical cards to your team with limits you control.
v2.9 Apr 4, 2026
- NewCash flow forecasts show where you will be next month, not just today.
- ImprovedEvery payment appears instantly, with receipts matched automatically.
- FixedNo monthly fees on the basic plan and no hidden charges on transfers.
<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">Apr 15, 2026</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>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>Clear prices, honest advice and no surprises along the way.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">May 29, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Friendly people answer your questions quickly, by phone, chat or email.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Invoices go out with a payment link, so customers can pay you in one click.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Accounting sync keeps your books up to date without manual exports.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Nov 28, 2025</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>Send and receive money in more than 30 currencies at fair exchange rates.</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-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Apr 4, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Cash flow forecasts show where you will be next month, not just today.</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>No monthly fees on the basic plan and no hidden charges on transfers.</li>
</ul>
</div>
</div>
</div>
</div>