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-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
Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically.
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. Set approval rules for large payments and see who spent what, and why.
Details
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. Payroll runs on time, with tax and pension payments handled for you.
Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Accounting sync keeps your books up to date without manual exports. Invoices go out with a payment link, so customers can pay you in one click.
Pricing
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. Your money is protected by bank-grade security and regulated partners. 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. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Glowis</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">Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically.</p>
<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. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">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. Payroll runs on time, with tax and pension payments handled for you.</p>
<p class="small">Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Accounting sync keeps your books up to date without manual exports. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</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. 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>
<p class="small">We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
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. 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.
Step two
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. 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.
Step three
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. Every detail is handled by people who care about getting it right.
Step four
We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. 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">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. 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 id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">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. 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-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. Issue virtual and physical cards to your team with limits you control. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. 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.
Corporate cards
Send and receive money in more than 30 currencies at fair exchange rates. Your money is protected by bank-grade security and regulated partners. Our team has done this many times, so you never have to guess. Every payment appears instantly, with receipts matched automatically.
Expense tracking
Cash flow forecasts show where you will be next month, not just today. 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. Thousands of members already trust us, and we work hard to keep it that way.
Payroll
No monthly fees on the basic plan and no hidden charges on transfers. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.
Questions
Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. 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">Corporate cards</a><a class="nav-link" href="#spy-1132">Expense tracking</a><a class="nav-link" href="#spy-1133">Payroll</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">Corporate cards</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. Our team has done this many times, so you never have to guess. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Expense tracking</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. 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. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Payroll</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. 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
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. Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends.
Install
Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Set approval rules for large payments and see who spent what, and why. We keep things simple, so you can focus on what matters to you.
Configure
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. Issue virtual and physical cards to your team with limits you control.
Usage
No monthly fees on the basic plan and no hidden charges on transfers. 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. Real people answer your questions around the clock, every day of the year.
Examples
Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Real people answer your questions around the clock, every day of the year. Set approval rules for large payments and see who spent what, and why.
<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">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. Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Set approval rules for large payments and see who spent what, and why. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</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. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. 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. Real people answer your questions around the clock, every day of the year.</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. We keep things simple, so you can focus on what matters to you. Real people answer your questions around the clock, every day of the year. Set approval rules for large payments and see who spent what, and why.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Accounting sync keeps your books up to date without manual exports. 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.
Midday
Your money is protected by bank-grade security and regulated partners. Open a business account online in about ten minutes, with no branch visit. 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.
Afternoon
Friendly people answer your questions quickly, by phone, chat or email. Issue virtual and physical cards to your team with limits you control. Clear prices, honest advice and no surprises along the way.
Evening
We listen first, then build a plan around what you actually need. 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. 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-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">Accounting sync keeps your books up to date without manual exports. 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 id="spy-1143" class="pb-3">
<h3 class="h6">Midday</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. 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-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Issue virtual and physical cards to your team with limits you control. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">We listen first, then build a plan around what you actually need. 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. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
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. Payroll runs on time, with tax and pension payments handled for you.
Beta
Every payment appears instantly, with receipts matched automatically. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.
Gamma
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. Open a business account online in about ten minutes, with no branch visit. Every detail is handled by people who care about getting it right.
<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">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. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">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. Open a business account online in about ten minutes, with no branch visit. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you. No monthly fees on the basic plan and no hidden charges on transfers.
Features
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. Accounting sync keeps your books up to date without manual exports. Your money is protected by bank-grade security and regulated partners.
Reviews
Send and receive money in more than 30 currencies at fair exchange rates. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.
FAQ
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. Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today.
<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">Payroll runs on time, with tax and pension payments handled for you. Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</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. Accounting sync keeps your books up to date without manual exports. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<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. Our team has done this many times, so you never have to guess. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
No monthly fees on the basic plan and no hidden charges on transfers. Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control.
Background
Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports. Your money is protected by bank-grade security and regulated partners.
Method
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. Thousands of members already trust us, and we work hard to keep it that way.
Results
Start in minutes and get help from a real person whenever you need it. Every payment appears instantly, with receipts matched automatically. 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.
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">No monthly fees on the basic plan and no hidden charges on transfers. 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 id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">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. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</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. 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>
</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
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. We listen first, then build a plan around what you actually need.
Set up your profile
Set approval rules for large payments and see who spent what, and why. Invoices go out with a payment link, so customers can pay you in one click. Friendly people answer your questions quickly, by phone, chat or email.
Invite the team
Our team has done this many times, so you never have to guess. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.
Go live
We listen first, then build a plan around what you actually need. 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.
<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">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. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Invoices go out with a payment link, so customers can pay you in one click. Friendly people answer your questions quickly, by phone, chat or email.</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. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">We listen first, then build a plan around what you actually need. 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.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Our favourite tips for busy weeks
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. Your money is protected by bank-grade security and regulated partners. Our team has done this many times, so you never have to guess.
Getting paid on time: invoice tips that work
We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. We measure success by how many members come back and tell their friends.
Five ways to improve your cash flow
Friendly people answer your questions quickly, by phone, chat or email. Set approval rules for large payments and see who spent what, and why. Every payment appears instantly, with receipts matched automatically.
A simple guide to business spending policies
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. Cash flow forecasts show where you will be next month, not just today. 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">Our favourite tips for busy weeks</h3>
<p class="small mb-0">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. Your money is protected by bank-grade security and regulated partners. Our team has done this many times, so you never have to guess.</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">Getting paid on time: invoice tips that work</h3>
<p class="small mb-0">We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. 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">Five ways to improve your cash flow</h3>
<p class="small mb-0">Friendly people answer your questions quickly, by phone, chat or email. Set approval rules for large payments and see who spent what, and why. Every payment appears instantly, with receipts matched automatically.</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">A simple guide to business spending policies</h3>
<p class="small mb-0">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. 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>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- A beginner's guide to getting started?
- Real people answer your questions around the clock, every day of the year.
- What our members asked us most?
- Send and receive money in more than 30 currencies at fair exchange rates.
- How a coffee roaster cut card fees by a third?
- No monthly fees on the basic plan and no hidden charges on transfers.
Shipping
- Paying international suppliers without high fees?
- We keep things simple, so you can focus on what matters to you.
- What to look for in a business account?
- Your money is protected by bank-grade security and regulated partners.
- How to choose the right account?
- Real people answer your questions around the clock, every day of the year.
Returns
- Looking back at a busy season?
- Invoices go out with a payment link, so customers can pay you in one click.
- How to close your books faster every month?
- Clear prices, honest advice and no surprises along the way.
- Five things we learned this year?
- Send and receive money in more than 30 currencies at fair exchange rates.
<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-fill" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Real people answer your questions around the clock, every day of the year.</dd>
<dt class="small">What our members asked us most?</dt>
<dd class="small text-body-secondary">Send and receive money in more than 30 currencies at fair exchange rates.</dd>
<dt class="small">How a coffee roaster cut card fees by a third?</dt>
<dd class="small text-body-secondary">No monthly fees on the basic plan and no hidden charges on transfers.</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">Paying international suppliers without high fees?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
<dt class="small">What to look for in a business account?</dt>
<dd class="small text-body-secondary">Your money is protected by bank-grade security and regulated partners.</dd>
<dt class="small">How to choose the right account?</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-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-body-secondary">Invoices go out with a payment link, so customers can pay you in one click.</dd>
<dt class="small">How to close your books faster every month?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">Five things we learned this year?</dt>
<dd class="small text-body-secondary">Send and receive money in more than 30 currencies at fair exchange rates.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Payroll runs on time, with tax and pension payments handled for you. We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need. Open a business account online in about ten minutes, with no branch visit.
Battery
Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Every payment appears instantly, with receipts matched automatically.
Connectivity
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. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.
Security
Set approval rules for large payments and see who spent what, and why. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.
<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-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">Payroll runs on time, with tax and pension payments handled for you. We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Every detail is handled by people who care about getting it right. Thousands of members already trust us, and we work hard to keep it that way. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">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. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. Accounting sync keeps your books up to date without manual exports. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$18.38 / mo
- No hidden fees
- Instant notifications
- Spending limits
Team
$29.76 / mo
- Instant notifications
- Instant notifications
- 24/7 support
Business
$53.75 / mo
- Instant notifications
- Bank-grade encryption
- 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">$18.38<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>No hidden fees</li>
<li>Instant notifications</li>
<li>Spending limits</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.76<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Instant notifications</li>
<li>Instant notifications</li>
<li>24/7 support</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$53.75<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Instant notifications</li>
<li>Bank-grade encryption</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: Budgeting basics for small teams
Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Clear prices, honest advice and no surprises along the way.
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. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.
Chapter 2: How we keep your money safe
We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. 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.
Accounting sync keeps your books up to date without manual exports. 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. Issue virtual and physical cards to your team with limits you control.
Chapter 3: Running payroll for your first five hires
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. Every payment appears instantly, with receipts matched automatically.
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. Your money is protected by bank-grade security and regulated partners.
Chapter 4: The small habits that make a big difference
Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates. 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.
Clear prices, honest advice and no surprises along the way. Every payment appears instantly, with receipts matched automatically. 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-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: Budgeting basics for small teams</h3>
<p class="small">Set approval rules for large payments and see who spent what, and why. No monthly fees on the basic plan and no hidden charges on transfers. Clear prices, honest advice and no surprises along the way.</p>
<p class="small">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. Open a business account online in about ten minutes, with no branch visit. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How we keep your money safe</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. 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>
<p class="small">Accounting sync keeps your books up to date without manual exports. 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. 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: Running payroll for your first five hires</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. Every payment appears instantly, with receipts matched automatically.</p>
<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. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: The small habits that make a big difference</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Send and receive money in more than 30 currencies at fair exchange rates. 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.</p>
<p class="small">Clear prices, honest advice and no surprises along the way. Every payment appears instantly, with receipts matched automatically. 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
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. We keep things simple, so you can focus on what matters to you.
Notifications
Issue virtual and physical cards to your team with limits you control. 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.
Privacy
Open a business account online in about ten minutes, with no branch visit. Accounting sync keeps your books up to date without manual exports. Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email.
<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="Mateo Lindqvist">
</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="Austin">
</div>
<p class="small">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. We keep things simple, so you can focus on what matters to you.</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">Issue virtual and physical cards to your team with limits you control. 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.</p>
</div>
<div id="spy-1191" class="pb-3">
<h3 class="h6">Privacy</h3>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="spy-sw-1196">
<label class="form-check-label small" for="spy-sw-1196">Hide my profile from search</label>
</div>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Accounting sync keeps your books up to date without manual exports. 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>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Engineering
- Leo QuinnContent Writer
- Hana LarsenMarketing Lead
- Owen SilvaArt Director
Marketing
- Diego OkaforFrontend Engineer
- Ravi VargaHR Partner
- Samir KowalskiProject Manager
Human Resources
- Ella IbrahimSales Executive
- Aria TanakaBackend Engineer
- Theo NovakProduct Designer
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Engineering</a><a class="nav-link" href="#spy-1199">Marketing</a><a class="nav-link" href="#spy-1200">Human Resources</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">Engineering</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-5.svg" class="rounded-circle" width="36" height="36" alt="Leo Quinn"><div><div class="small fw-semibold">Leo Quinn</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-8.svg" class="rounded-circle" width="36" height="36" alt="Hana Larsen"><div><div class="small fw-semibold">Hana Larsen</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-12.svg" class="rounded-circle" width="36" height="36" alt="Owen Silva"><div><div class="small fw-semibold">Owen Silva</div><div class="small text-body-secondary">Art Director</div></div></li>
</ul>
</div>
<div id="spy-1199" 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-10.svg" class="rounded-circle" width="36" height="36" alt="Diego Okafor"><div><div class="small fw-semibold">Diego Okafor</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-6.svg" class="rounded-circle" width="36" height="36" alt="Ravi Varga"><div><div class="small fw-semibold">Ravi Varga</div><div class="small text-body-secondary">HR Partner</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-7.svg" class="rounded-circle" width="36" height="36" alt="Samir Kowalski"><div><div class="small fw-semibold">Samir Kowalski</div><div class="small text-body-secondary">Project Manager</div></div></li>
</ul>
</div>
<div id="spy-1200" 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="Ella Ibrahim"><div><div class="small fw-semibold">Ella Ibrahim</div><div class="small text-body-secondary">Sales Executive</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-3.svg" class="rounded-circle" width="36" height="36" alt="Aria Tanaka"><div><div class="small fw-semibold">Aria Tanaka</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="Theo Novak"><div><div class="small fw-semibold">Theo Novak</div><div class="small text-body-secondary">Product Designer</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Invoices
- Metal card$10.00
- Payroll module$31.00
- Savings vaultFree
Savings
- Tax reserveFree
- Invoice pack$9.00
- Virtual cardFree
Payroll
- FX transfer$2.00
- Savings vaultFree
- Expense add-on$6.00
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Invoices</a><a class="nav-link" href="#spy-1203">Savings</a><a class="nav-link" href="#spy-1204">Payroll</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">Invoices</h3>
<ul class="list-unstyled">
<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>Payroll module</span><span class="fw-semibold">$31.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Savings vault</span><span class="fw-semibold">Free</span></li>
</ul>
</div>
<div 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>Tax reserve</span><span class="fw-semibold">Free</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Invoice pack</span><span class="fw-semibold">$9.00</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-1204" 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>FX transfer</span><span class="fw-semibold">$2.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Savings vault</span><span class="fw-semibold">Free</span></li>
<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>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. Set approval rules for large payments and see who spent what, and why.
This week
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.
Later
Every detail is handled by people who care about getting it right. 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.
<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">We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. Set approval rules for large payments and see who spent what, and why.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Open a business account online in about ten minutes, with no branch visit. 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">Every detail is handled by people who care about getting it right. 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>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
No monthly fees on the basic plan and no hidden charges on transfers. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.
Orbit
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. 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.
Landing
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. We listen first, then build a plan around what you actually need.
<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">No monthly fees on the basic plan and no hidden charges on transfers. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Payroll runs on time, with tax and pension payments handled for you. Send and receive money in more than 30 currencies at fair exchange rates. 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.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">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. We listen first, then build a plan around what you actually need.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Aug 7, 2026
- NewOur team has done this many times, so you never have to guess.
- ImprovedStart in minutes and get help from a real person whenever you need it.
- FixedAccounting sync keeps your books up to date without manual exports.
v3.1 Jul 13, 2026
- NewYour money is protected by bank-grade security and regulated partners.
- ImprovedWe keep things simple, so you can focus on what matters to you.
- FixedEvery payment appears instantly, with receipts matched automatically.
v3.0 Aug 1, 2026
- NewClear prices, honest advice and no surprises along the way.
- ImprovedCash flow forecasts show where you will be next month, not just today.
- FixedStart in minutes and get help from a real person whenever you need it.
v2.9 Aug 21, 2026
- NewReal people answer your questions around the clock, every day of the year.
- ImprovedYour money is protected by bank-grade security and regulated partners.
- FixedWe keep things simple, so you can focus on what matters to you.
<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">Aug 7, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Our team has done this many times, so you never have to guess.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Start in minutes and get help from a real person whenever you need it.</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-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Jul 13, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Your money is protected by bank-grade security and regulated partners.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>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>Every payment appears instantly, with receipts matched automatically.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Aug 1, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Clear prices, honest advice and no surprises along the way.</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>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 21, 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>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>We keep things simple, so you can focus on what matters to you.</li>
</ul>
</div>
</div>
</div>
</div>