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-ui-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. 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.
Open a business account online in about ten minutes, with no branch visit. Thousands of members already trust us, and we work hard to keep it that way. 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.
Details
Real people answer your questions around the clock, every day of the year. We measure success by how many members come back and tell their friends. Your money is protected by bank-grade security and regulated partners. Issue virtual and physical cards to your team with limits you control.
Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.
Pricing
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. Payroll runs on time, with tax and pension payments handled for you. Cash flow forecasts show where you will be next month, not just today.
Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically. 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.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Juno Nest</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-ui-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-ui-spy="scroll" data-ui-target="#spy-nav-1121" data-ui-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. 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">Open a business account online in about ten minutes, with no branch visit. Thousands of members already trust us, and we work hard to keep it that way. 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.</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. We measure success by how many members come back and tell their friends. Your money is protected by bank-grade security and regulated partners. Issue virtual and physical cards to your team with limits you control.</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. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</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. Payroll runs on time, with tax and pension payments handled for you. Cash flow forecasts show where you will be next month, not just today.</p>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically. 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.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
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. Every detail is handled by people who care about getting it right.
Step two
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. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically.
Step three
Start in minutes and get help from a real person whenever you need it. 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. Send and receive money in more than 30 currencies at fair exchange rates.
Step four
Payroll runs on time, with tax and pension payments handled for you. Open a business account online in about ten minutes, with no branch visit. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1125" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1126" class="pb-3">
<h3 class="h6">Step one</h3>
<p class="small">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. Every detail is handled by people who care about getting it right.</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. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. 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. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Open a business account online in about ten minutes, with no branch visit. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Business accounts
Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Real people answer your questions around the clock, every day of the year.
Invoicing
Set approval rules for large payments and see who spent what, and why. Your money is protected by bank-grade security and regulated partners. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.
Corporate cards
Set approval rules for large payments and see who spent what, and why. 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. Invoices go out with a payment link, so customers can pay you in one click.
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. 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-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Business accounts</a><a class="nav-link" href="#spy-1132">Invoicing</a><a class="nav-link" href="#spy-1133">Corporate cards</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-ui-spy="scroll" data-ui-target="#spy-nav-1130" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Business accounts</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Invoicing</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Your money is protected by bank-grade security and regulated partners. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Corporate cards</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. 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. Invoices go out with a payment link, so customers can pay you in one click.</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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
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. Cash flow forecasts show where you will be next month, not just today.
Install
Start in minutes and get help from a real person whenever you need it. Every payment appears instantly, with receipts matched automatically. Accounting sync keeps your books up to date without manual exports. Payroll runs on time, with tax and pension payments handled for you.
Configure
Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners. Real people answer your questions around the clock, every day of the year.
Usage
We listen first, then build a plan around what you actually need. No monthly fees on the basic plan and no hidden charges on transfers. Accounting sync keeps your books up to date without manual exports.
Examples
Our team has done this many times, so you never have to guess. 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. Every detail is handled by people who care about getting it right.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1135" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">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. Cash flow forecasts show where you will be next month, not just today.</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. Every payment appears instantly, with receipts matched automatically. Accounting sync keeps your books up to date without manual exports. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">We listen first, then build a plan around what you actually need. No monthly fees on the basic plan and no hidden charges on transfers. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Our team has done this many times, so you never have to guess. 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. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. Payroll runs on time, with tax and pension payments handled for you.
Midday
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. Open a business account online in about ten minutes, with no branch visit.
Afternoon
Every payment appears instantly, with receipts matched automatically. 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. Invoices go out with a payment link, so customers can pay you in one click.
Evening
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. We measure success by how many members come back and tell their friends.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1141" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. 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-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">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. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. 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. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">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. We measure success by how many members come back and tell their friends.</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. Set approval rules for large payments and see who spent what, and why. Clear prices, honest advice and no surprises along the way.
Beta
Send and receive money in more than 30 currencies at fair exchange rates. Friendly people answer your questions quickly, by phone, chat or email. Your money is protected by bank-grade security and regulated partners.
Gamma
Payroll runs on time, with tax and pension payments handled for you. 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. Invoices go out with a payment link, so customers can pay you in one click.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1146" data-ui-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. Set approval rules for large payments and see who spent what, and why. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Friendly people answer your questions quickly, by phone, chat or email. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. 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. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
We listen first, then build a plan around what you actually need. 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. Our team has done this many times, so you never have to guess.
Features
Accounting sync keeps your books up to date without manual exports. Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends.
Reviews
Every payment appears instantly, with receipts matched automatically. Clear prices, honest advice and no surprises along the way. 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.
FAQ
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. Friendly people answer your questions quickly, by phone, chat or email. Set approval rules for large payments and see who spent what, and why.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1150" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1151" class="pb-3">
<h3 class="h6">Overview</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. 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.</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. Set approval rules for large payments and see who spent what, and why. Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Clear prices, honest advice and no surprises along the way. 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.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">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. Friendly people answer your questions quickly, by phone, chat or email. Set approval rules for large payments and see who spent what, and why.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Accounting sync keeps your books up to date without manual exports. 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.
Background
Thousands of members already trust us, and we work hard to keep it that way. 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.
Method
Every payment appears instantly, with receipts matched automatically. Clear prices, honest advice and no surprises along the way. Open a business account online in about ten minutes, with no branch visit.
Results
Payroll runs on time, with tax and pension payments handled for you. 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.
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-ui-spy="scroll" data-ui-target="#spy-nav-1155" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1156" class="pb-3">
<h3 class="h6">Summary</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. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. 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 id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. 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-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. 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.</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
Your money is protected by bank-grade security and regulated partners. Send and receive money in more than 30 currencies at fair exchange rates. 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.
Set up your profile
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. 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.
Invite the team
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. Cash flow forecasts show where you will be next month, not just today. Accounting sync keeps your books up to date without manual exports.
Go live
Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Open a business account online in about ten minutes, with no branch visit. Start in minutes and get help from a real person whenever you need it.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Send and receive money in more than 30 currencies at fair exchange rates. 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-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">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. 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.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">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. Cash flow forecasts show where you will be next month, not just today. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Open a business account online in about ten minutes, with no branch visit. Start in minutes and get help from a real person whenever you need it.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
A simple guide to business spending policies
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. Set approval rules for large payments and see who spent what, and why.
How to close your books faster every month
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. Real people answer your questions around the clock, every day of the year. We measure success by how many members come back and tell their friends.
Our favourite tips for busy weeks
Every payment appears instantly, with receipts matched automatically. Send and receive money in more than 30 currencies at fair exchange rates. Payroll runs on time, with tax and pension payments handled for you.
The small habits that make a big difference
Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1165" data-ui-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">A simple guide to business spending policies</h3>
<p class="small mb-0">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. Set approval rules for large payments and see who spent what, and why.</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 to close your books faster every month</h3>
<p class="small mb-0">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. Real people answer your questions around the clock, every day of the year. We measure success by how many members come back and tell their friends.</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">Our favourite tips for busy weeks</h3>
<p class="small mb-0">Every payment appears instantly, with receipts matched automatically. Send and receive money in more than 30 currencies at fair exchange rates. Payroll runs on time, with tax and pension payments handled for you.</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">The small habits that make a big difference</h3>
<p class="small mb-0">Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- A beginner's guide to getting started?
- Thousands of members already trust us, and we work hard to keep it that way.
- Five ways to improve your cash flow?
- Our team has done this many times, so you never have to guess.
- Paying international suppliers without high fees?
- Real people answer your questions around the clock, every day of the year.
Shipping
- Budgeting basics for small teams?
- Issue virtual and physical cards to your team with limits you control.
- Getting paid on time: invoice tips that work?
- Start in minutes and get help from a real person whenever you need it.
- How we keep your money safe?
- We keep things simple, so you can focus on what matters to you.
Returns
- How to choose the right account?
- Send and receive money in more than 30 currencies at fair exchange rates.
- Five things we learned this year?
- Open a business account online in about ten minutes, with no branch visit.
- Running payroll for your first five hires?
- Cash flow forecasts show where you will be next month, not just today.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1170" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1171" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Thousands of members already trust us, and we work hard to keep it that way.</dd>
<dt class="small">Five ways to improve your cash flow?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">Paying international suppliers without high fees?</dt>
<dd class="small text-body-secondary">Real people answer your questions around the clock, every day of the year.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">Budgeting basics for small teams?</dt>
<dd class="small text-body-secondary">Issue virtual and physical cards to your team with limits you control.</dd>
<dt class="small">Getting paid on time: invoice tips that work?</dt>
<dd class="small text-body-secondary">Start in minutes and get help from a real person whenever you need it.</dd>
<dt class="small">How we keep your money safe?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">How to choose the right account?</dt>
<dd class="small text-body-secondary">Send and receive money in more than 30 currencies at fair exchange rates.</dd>
<dt class="small">Five things we learned this year?</dt>
<dd class="small text-body-secondary">Open a business account online in about ten minutes, with no branch visit.</dd>
<dt class="small">Running payroll for your first five hires?</dt>
<dd class="small text-body-secondary">Cash flow forecasts show where you will be next month, not just today.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.
Battery
Set approval rules for large payments and see who spent what, and why. We measure success by how many members come back and tell their friends. No monthly fees on the basic plan and no hidden charges on transfers.
Connectivity
Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Your money is protected by bank-grade security and regulated partners.
Security
Payroll runs on time, with tax and pension payments handled for you. 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">
<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" 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-ui-spy="scroll" data-ui-target="#spy-nav-1174" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1175" class="pb-3">
<h3 class="h6">Performance</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. We measure success by how many members come back and tell their friends. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. 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>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$17.06 / mo
- Accounting sync
- Spending limits
- 24/7 support
Team
$32.04 / mo
- Spending limits
- Accounting sync
- No hidden fees
Business
$74.64 / mo
- Spending limits
- 24/7 support
- No hidden fees
<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-ui-spy="scroll" data-ui-target="#spy-nav-1179" data-ui-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">$17.06<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Accounting sync</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">$32.04<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Spending limits</li>
<li>Accounting sync</li>
<li>No hidden fees</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">$74.64<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Spending limits</li>
<li>24/7 support</li>
<li>No hidden fees</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: What our members asked us most
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. 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. We measure success by how many members come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.
Chapter 2: What to look for in a business account
No monthly fees on the basic plan and no hidden charges on transfers. 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.
Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.
Chapter 3: How a coffee roaster cut card fees by a third
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.
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. Our team has done this many times, so you never have to guess.
Chapter 4: Looking back at a busy season
Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Issue virtual and physical cards to your team with limits you control. 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. 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. No monthly fees on the basic plan and no hidden charges on transfers.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1183" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1184" class="pb-3">
<h3 class="h6">Chapter 1: What our members asked us most</h3>
<p class="small">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. Send and receive money in more than 30 currencies at fair exchange rates.</p>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. We measure success by how many members come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: What to look for in a business account</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. 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.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: How a coffee roaster cut card fees by a third</h3>
<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.</p>
<p class="small">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. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Looking back at a busy season</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Invoices go out with a payment link, so customers can pay you in one click. Issue virtual and physical cards to your team with limits you control. Send and receive money in more than 30 currencies at fair exchange rates.</p>
<p class="small">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. Thousands of members already trust us, and we work hard to keep it that way. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically.
Notifications
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. 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.
Privacy
Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you. 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.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1188" data-ui-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="Chloe Fischer">
</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">Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Every payment appears instantly, with receipts matched automatically.</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">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. 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.</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">Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you. 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.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Design
- Sofia OkaforFinance Lead
- Mia LarsenFrontend Engineer
- Amara HaddadFinance Lead
Legal
- Tariq KowalskiCustomer Success
- Nadia SatoQA Engineer
- Elena SilvaHR Partner
Sales
- Freya AshfordProject Manager
- Diego FischerBackend Engineer
- Ivy KimContent Writer
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Design</a><a class="nav-link" href="#spy-1199">Legal</a><a class="nav-link" href="#spy-1200">Sales</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1197" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Design</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Sofia Okafor"><div><div class="small fw-semibold">Sofia Okafor</div><div class="small text-body-secondary">Finance 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="Mia Larsen"><div><div class="small fw-semibold">Mia Larsen</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="Amara Haddad"><div><div class="small fw-semibold">Amara Haddad</div><div class="small text-body-secondary">Finance Lead</div></div></li>
</ul>
</div>
<div id="spy-1199" 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-9.svg" class="rounded-circle" width="36" height="36" alt="Tariq Kowalski"><div><div class="small fw-semibold">Tariq Kowalski</div><div class="small text-body-secondary">Customer Success</div></div></li>
<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="Nadia Sato"><div><div class="small fw-semibold">Nadia Sato</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-11.svg" class="rounded-circle" width="36" height="36" alt="Elena Silva"><div><div class="small fw-semibold">Elena Silva</div><div class="small text-body-secondary">HR Partner</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Sales</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="Freya Ashford"><div><div class="small fw-semibold">Freya Ashford</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-9.svg" class="rounded-circle" width="36" height="36" alt="Diego Fischer"><div><div class="small fw-semibold">Diego Fischer</div><div class="small text-body-secondary">Backend Engineer</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="Ivy Kim"><div><div class="small fw-semibold">Ivy Kim</div><div class="small text-body-secondary">Content Writer</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Payments
- Basic accountFree
- Savings vaultFree
- Tax reserveFree
Payroll
- Invoice pack$8.00
- Metal card$10.00
- Business loanFree
Invoices
- Basic accountFree
- Payroll module$31.99
- Pro account$11.00
<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">Payroll</a><a class="nav-link" href="#spy-1204">Invoices</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1201" data-ui-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>Basic account</span><span class="fw-semibold">Free</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>
<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 id="spy-1203" class="pb-3">
<h3 class="h6">Payroll</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Invoice pack</span><span class="fw-semibold">$8.00</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>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Business loan</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
<div id="spy-1204" 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>Basic account</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Payroll module</span><span class="fw-semibold">$31.99</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Pro account</span><span class="fw-semibold">$11.00</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Your money is protected by bank-grade security and regulated partners. 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. Friendly people answer your questions quickly, by phone, chat or email.
This week
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. Set approval rules for large payments and see who spent what, and why.
Later
Your money is protected by bank-grade security and regulated partners. No monthly fees on the basic plan and no hidden charges on transfers. Every payment appears instantly, with receipts matched automatically. 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-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. 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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">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. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. No monthly fees on the basic plan and no hidden charges on transfers. Every payment appears instantly, with receipts matched automatically. 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-ui-theme="dark"</code>.
Launch
Every detail is handled by people who care about getting it right. 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. Thousands of members already trust us, and we work hard to keep it that way.
Orbit
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. We listen first, then build a plan around what you actually need.
Landing
Open a business account online in about ten minutes, with no branch visit. Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control.
<div data-ui-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-ui-spy="scroll" data-ui-target="#spy-nav-1209" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">Every detail is handled by people who care about getting it right. 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. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">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. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Mar 11, 2026
- NewReal people answer your questions around the clock, every day of the year.
- ImprovedCash flow forecasts show where you will be next month, not just today.
- FixedPayroll runs on time, with tax and pension payments handled for you.
v3.1 Oct 7, 2025
- NewIssue virtual and physical cards to your team with limits you control.
- ImprovedClear prices, honest advice and no surprises along the way.
- FixedEvery detail is handled by people who care about getting it right.
v3.0 Dec 21, 2025
- NewReal people answer your questions around the clock, every day of the year.
- ImprovedWe listen first, then build a plan around what you actually need.
- FixedStart in minutes and get help from a real person whenever you need it.
v2.9 Aug 29, 2026
- NewOpen a business account online in about ten minutes, with no branch visit.
- ImprovedYour money is protected by bank-grade security and regulated partners.
- FixedOur team has done this many times, so you never have to guess.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1213" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1214" class="pb-3">
<h3 class="h6">v3.2 <small class="text-body-secondary fw-normal">Mar 11, 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>Cash flow forecasts show where you will be next month, not just today.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Payroll runs on time, with tax and pension payments handled for you.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Oct 7, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Issue virtual and physical cards to your team with limits you control.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Clear prices, honest advice and no surprises along the way.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every detail is handled by people who care about getting it right.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Dec 21, 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>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Start in minutes and get help from a real person whenever you need it.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Aug 29, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Open a business account online in about ten minutes, with no branch visit.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Your money is protected by bank-grade security and regulated partners.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our team has done this many times, so you never have to guess.</li>
</ul>
</div>
</div>
</div>
</div>