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
We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.
Your money is protected by bank-grade security and regulated partners. Send and receive money in more than 30 currencies at fair exchange rates. Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit.
Details
Thousands of members already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. 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.
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. Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers.
Pricing
Payroll runs on time, with tax and pension payments handled for you. Accounting sync keeps your books up to date without manual exports. Every payment appears instantly, with receipts matched automatically.
Every detail is handled by people who care about getting it right. Real people answer your questions around the clock, every day of the year. Start in minutes and get help from a real person whenever you need it.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Tideen Hub</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">We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.</p>
<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. Friendly people answer your questions quickly, by phone, chat or email. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. 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.</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. Real people answer your questions around the clock, every day of the year. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</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. Every payment appears instantly, with receipts matched automatically.</p>
<p class="small">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. Start in minutes and get help from a real person whenever you need it.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Accounting sync keeps your books up to date without manual exports. No monthly fees on the basic plan and no hidden charges on transfers.
Step two
Open a business account online in about ten minutes, with no branch visit. We listen first, then build a plan around what you actually need. 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.
Step three
Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. Every payment appears instantly, with receipts matched automatically.
Step four
Our team has done this many times, so you never have to guess. Payroll runs on time, with tax and pension payments handled for you. Send and receive money in more than 30 currencies at fair exchange rates. We keep things simple, so you can focus on what matters to you.
<nav id="spy-nav-1125" class="nav nav-pills mb-2 flex-wrap">
<a class="nav-link" href="#spy-1126">Step one</a><a class="nav-link" href="#spy-1127">Step two</a><a class="nav-link" href="#spy-1128">Step three</a><a class="nav-link" href="#spy-1129">Step four</a>
</nav>
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-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">Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Accounting sync keeps your books up to date without manual exports. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Open a business account online in about ten minutes, with no branch visit. We listen first, then build a plan around what you actually need. 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-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. Every payment appears instantly, with receipts matched automatically.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Our team has done this many times, so you never have to guess. Payroll runs on time, with tax and pension payments handled for you. Send and receive money in more than 30 currencies at fair exchange rates. We keep things simple, so you can focus on what matters to you.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Expense tracking
Your money is protected by bank-grade security and regulated partners. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click. No monthly fees on the basic plan and no hidden charges on transfers.
Business accounts
Accounting sync keeps your books up to date without manual exports. 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. Invoices go out with a payment link, so customers can pay you in one click.
Multi-currency wallets
Your money is protected by bank-grade security and regulated partners. 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.
Questions
Clear prices, honest advice and no surprises along the way. 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. We keep things simple, so you can focus on what matters to you.
<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">Expense tracking</a><a class="nav-link" href="#spy-1132">Business accounts</a><a class="nav-link" href="#spy-1133">Multi-currency wallets</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">Expense tracking</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. Cash flow forecasts show where you will be next month, not just today. Invoices go out with a payment link, so customers can pay you in one click. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Business accounts</h3>
<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. Send and receive money in more than 30 currencies at fair exchange rates. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Multi-currency wallets</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. We measure success by how many members come back and tell their friends. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. 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. We keep things simple, so you can focus on what matters to you.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Thousands of members already trust us, and we work hard to keep it that way. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.
Install
Real people answer your questions around the clock, every day of the year. Every detail is handled by people who care about getting it right. Every payment appears instantly, with receipts matched automatically. Payroll runs on time, with tax and pension payments handled for you.
Configure
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. 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.
Usage
We measure success by how many members come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Your money is protected by bank-grade security and regulated partners.
Examples
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. 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.
<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">Thousands of members already trust us, and we work hard to keep it that way. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Real people answer your questions around the clock, every day of the year. Every detail is handled by people who care about getting it right. Every payment appears instantly, with receipts matched automatically. 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">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. 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-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">We measure success by how many members come back and tell their friends. 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-1140" class="pb-3">
<h3 class="h6">Examples</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. 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.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess.
Midday
No monthly fees on the basic plan and no hidden charges on transfers. We listen first, then build a plan around what you actually need. Cash flow forecasts show where you will be next month, not just today.
Afternoon
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. Thousands of members already trust us, and we work hard to keep it that way.
Evening
Clear prices, honest advice and no surprises along the way. Accounting sync keeps your books up to date without manual exports. Thousands of members already trust us, and we work hard to keep it that way. No monthly fees on the basic plan and no hidden charges on transfers.
<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">Real people answer your questions around the clock, every day of the year. Every payment appears instantly, with receipts matched automatically. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">No monthly fees on the basic plan and no hidden charges on transfers. We listen first, then build a plan around what you actually need. 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">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. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Accounting sync keeps your books up to date without manual exports. Thousands of members already trust us, and we work hard to keep it that way. No monthly fees on the basic plan and no hidden charges on transfers.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way. Set approval rules for large payments and see who spent what, and why.
Beta
Every payment appears instantly, with receipts matched automatically. We measure success by how many members come back and tell their friends. Payroll runs on time, with tax and pension payments handled for you.
Gamma
Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year. Open a business account online in about ten minutes, with no branch visit.
<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">Accounting sync keeps your books up to date without manual exports. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way. Set approval rules for large payments and see who spent what, and why.</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. We measure success by how many members come back and tell their friends. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. Real people answer your questions around the clock, every day of the year. Open a business account online in about ten minutes, with no branch visit.</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. 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.
Features
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. Issue virtual and physical cards to your team with limits you control.
Reviews
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. 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.
FAQ
Thousands of members already trust us, and we work hard to keep it that way. Cash flow forecasts show where you will be next month, not just today. Our team has done this many times, so you never have to guess.
<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. 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.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">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. Issue virtual and physical cards to your team with limits you control.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</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. 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.</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. Cash flow forecasts show where you will be next month, not just today. Our team has done this many times, so you never have to guess.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Invoices go out with a payment link, so customers can pay you in one click.
Background
Your money is protected by bank-grade security and regulated partners. We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports.
Method
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. We keep things simple, so you can focus on what matters to you.
Results
Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. Payroll runs on time, with tax and pension payments handled for you. Start in minutes and get help from a real person whenever you need it.
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">Clear prices, honest advice and no surprises along the way. Issue virtual and physical cards to your team with limits you control. Invoices go out with a payment link, so customers can pay you in one click.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Your money is protected by bank-grade security and regulated partners. We measure success by how many members come back and tell their friends. Accounting sync keeps your books up to date without manual exports.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">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. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. No monthly fees on the basic plan and no hidden charges on transfers. Payroll runs on time, with tax and pension payments handled for you. Start in minutes and get help from a real person whenever you need it.</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
Set approval rules for large payments and see who spent what, and why. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year.
Set up your profile
Cash flow forecasts show where you will be next month, not just today. 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. Real people answer your questions around the clock, every day of the year.
Invite the team
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. We measure success by how many members come back and tell their friends. Payroll runs on time, with tax and pension payments handled for you.
Go live
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. 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.
<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">Set approval rules for large payments and see who spent what, and why. We listen first, then build a plan around what you actually need. Every payment appears instantly, with receipts matched automatically. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Cash flow forecasts show where you will be next month, not just today. 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. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<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. We measure success by how many members come back and tell their friends. 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">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. 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.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Running payroll for your first five hires
Accounting sync keeps your books up to date without manual exports. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.
The small habits that make a big difference
We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click. Every payment appears instantly, with receipts matched automatically. We listen first, then build a plan around what you actually need.
Getting paid on time: invoice tips that work
Set approval rules for large payments and see who spent what, and why. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.
Five ways to improve your cash flow
Every payment appears instantly, with receipts matched automatically. 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. Cash flow forecasts show where you will be next month, not just today.
<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">Running payroll for your first five hires</h3>
<p class="small mb-0">Accounting sync keeps your books up to date without manual exports. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">The small habits that make a big difference</h3>
<p class="small mb-0">We keep things simple, so you can focus on what matters to you. Invoices go out with a payment link, so customers can pay you in one click. Every payment appears instantly, with receipts matched automatically. We listen first, then build a plan around what you actually need.</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">Getting paid on time: invoice tips that work</h3>
<p class="small mb-0">Set approval rules for large payments and see who spent what, and why. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.</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">Five ways to improve your cash flow</h3>
<p class="small mb-0">Every payment appears instantly, with receipts matched automatically. 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. Cash flow forecasts show where you will be next month, not just today.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- A simple guide to business spending policies?
- Set approval rules for large payments and see who spent what, and why.
- How to close your books faster every month?
- Start in minutes and get help from a real person whenever you need it.
- A beginner's guide to getting started?
- No monthly fees on the basic plan and no hidden charges on transfers.
Shipping
- How a coffee roaster cut card fees by a third?
- Friendly people answer your questions quickly, by phone, chat or email.
- Our favourite tips for busy weeks?
- Real people answer your questions around the clock, every day of the year.
- Budgeting basics for small teams?
- Clear prices, honest advice and no surprises along the way.
Returns
- What our members asked us most?
- Thousands of members already trust us, and we work hard to keep it that way.
- What to look for in a business account?
- Send and receive money in more than 30 currencies at fair exchange rates.
- How we keep your money safe?
- We measure success by how many members come back and tell their friends.
<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 simple guide to business spending policies?</dt>
<dd class="small text-body-secondary">Set approval rules for large payments and see who spent what, and why.</dd>
<dt class="small">How to close your books faster every month?</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">A beginner's guide to getting started?</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" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">How a coffee roaster cut card fees by a third?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</dd>
<dt class="small">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">Real people answer your questions around the clock, every day of the year.</dd>
<dt class="small">Budgeting basics for small teams?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</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">What our members asked us most?</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">What to look for in a business 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">How we keep your money safe?</dt>
<dd class="small text-body-secondary">We measure success by how many members come back and tell their friends.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
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. Payroll runs on time, with tax and pension payments handled for you.
Battery
Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.
Connectivity
Accounting sync keeps your books up to date without manual exports. 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.
Security
Every payment appears instantly, with receipts matched automatically. Issue virtual and physical cards to your team with limits you control. No monthly fees on the basic plan and no hidden charges on transfers. Real people answer your questions around the clock, every day of the year.
<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">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. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control. Our team has done this many times, so you never have to guess. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</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. Open a business account online in about ten minutes, with no branch visit.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Every payment appears instantly, with receipts matched automatically. Issue virtual and physical cards to your team with limits you control. No monthly fees on the basic plan and no hidden charges on transfers. Real people answer your questions around the clock, every day of the year.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$11.81 / mo
- Bank-grade encryption
- Bank-grade encryption
- Bank-grade encryption
Team
$38.06 / mo
- Bank-grade encryption
- Bank-grade encryption
- Accounting sync
Business
$50.84 / mo
- 24/7 support
- Instant notifications
- 24/7 support
<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">$11.81<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Bank-grade encryption</li>
<li>Bank-grade encryption</li>
<li>Bank-grade encryption</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="fs-4 fw-bold mb-1">$38.06<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Bank-grade encryption</li>
<li>Bank-grade encryption</li>
<li>Accounting sync</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">$50.84<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>24/7 support</li>
<li>Instant notifications</li>
<li>24/7 support</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: Paying international suppliers without high fees
We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Your money is protected by bank-grade security and regulated partners.
We listen first, then build a plan around what you actually need. Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you.
Chapter 2: Five things we learned this year
Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email. 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. 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. Our team has done this many times, so you never have to guess.
Chapter 3: How to choose the right account
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. 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. Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you. Real people answer your questions around the clock, every day of the year.
Chapter 4: Looking back at a busy season
Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.
Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Your money is protected by bank-grade security and regulated partners. Send and receive money in more than 30 currencies at fair exchange rates.
<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: Paying international suppliers without high fees</h3>
<p class="small">We measure success by how many members come back and tell their friends. Clear prices, honest advice and no surprises along the way. Payroll runs on time, with tax and pension payments handled for you. Your money is protected by bank-grade security and regulated partners.</p>
<p class="small">We listen first, then build a plan around what you actually need. Invoices go out with a payment link, so customers can pay you in one click. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: Five things we learned this year</h3>
<p class="small">Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email. 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. 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. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: How to choose the right account</h3>
<p class="small">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. We keep things simple, so you can focus on what matters to you.</p>
<p class="small">Set approval rules for large payments and see who spent what, and why. Every detail is handled by people who care about getting it right. Payroll runs on time, with tax and pension payments handled for you. Real people answer your questions around the clock, every day of the year.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Looking back at a busy season</h3>
<p class="small">Accounting sync keeps your books up to date without manual exports. Issue virtual and physical cards to your team with limits you control. Friendly people answer your questions quickly, by phone, chat or email.</p>
<p class="small">Open a business account online in about ten minutes, with no branch visit. Every payment appears instantly, with receipts matched automatically. Your money is protected by bank-grade security and regulated partners. Send and receive money in more than 30 currencies at fair exchange rates.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
No monthly fees on the basic plan and no hidden charges on transfers. 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.
Notifications
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. No monthly fees on the basic plan and no hidden charges on transfers.
Privacy
We measure success by how many members come back and tell their friends. 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.
<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="Lea 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="Oslo">
</div>
<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. Invoices go out with a payment link, so customers can pay you in one click.</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. 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. 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">We measure success by how many members come back and tell their friends. 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>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Sales
- Mia HaddadBackend Engineer
- Elena AshfordData Analyst
- Mason VargaSales Executive
Finance
- Nora BrennanProduct Designer
- Samir KimArt Director
- Priya QuinnQA Engineer
Operations
- Mia SilvaArt Director
- Zoe LindqvistOperations Manager
- Ravi MoreauArt Director
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Sales</a><a class="nav-link" href="#spy-1199">Finance</a><a class="nav-link" href="#spy-1200">Operations</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">Sales</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="Mia Haddad"><div><div class="small fw-semibold">Mia Haddad</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="Elena Ashford"><div><div class="small fw-semibold">Elena Ashford</div><div class="small text-body-secondary">Data Analyst</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Mason Varga"><div><div class="small fw-semibold">Mason Varga</div><div class="small text-body-secondary">Sales Executive</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Finance</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Nora Brennan"><div><div class="small fw-semibold">Nora Brennan</div><div class="small text-body-secondary">Product Designer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-6.svg" class="rounded-circle" width="36" height="36" alt="Samir Kim"><div><div class="small fw-semibold">Samir Kim</div><div class="small text-body-secondary">Art Director</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Priya Quinn"><div><div class="small fw-semibold">Priya Quinn</div><div class="small text-body-secondary">QA Engineer</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Operations</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="Mia Silva"><div><div class="small fw-semibold">Mia Silva</div><div class="small text-body-secondary">Art Director</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Zoe Lindqvist"><div><div class="small fw-semibold">Zoe Lindqvist</div><div class="small text-body-secondary">Operations Manager</div></div></li>
<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="Ravi Moreau"><div><div class="small fw-semibold">Ravi Moreau</div><div class="small text-body-secondary">Art Director</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Cards
- Tax reserveFree
- Business loanFree
- Invoice pack$8.00
Invoices
- Basic accountFree
- Virtual cardFree
- Business loanFree
Payments
- Invoice pack$9.00
- Pro account$13.00
- Virtual cardFree
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Cards</a><a class="nav-link" href="#spy-1203">Invoices</a><a class="nav-link" href="#spy-1204">Payments</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-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">Cards</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>Business loan</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">$8.00</span></li>
</ul>
</div>
<div id="spy-1203" 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>Virtual card</span><span class="fw-semibold">Free</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">Payments</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">$9.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Pro account</span><span class="fw-semibold">$13.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>18Inside a card
Card header pills spy on the scrolling card body.
Today
Real people answer your questions around the clock, every day of the year. Every detail is handled by people who care about getting it right. 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.
This week
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. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.
Later
Send and receive money in more than 30 currencies at fair exchange rates. Every payment appears instantly, with receipts matched automatically. Thousands of members already trust us, and we work hard to keep it that way.
<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">Real people answer your questions around the clock, every day of the year. Every detail is handled by people who care about getting it right. 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.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">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. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Send and receive money in more than 30 currencies at fair exchange rates. Every payment appears instantly, with receipts matched automatically. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
Start in minutes and get help from a real person whenever you need it. Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners.
Orbit
We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way. Every payment appears instantly, with receipts matched automatically.
Landing
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. Real people answer your questions around the clock, every day of the year. Payroll runs on time, with tax and pension payments handled for you.
<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">Start in minutes and get help from a real person whenever you need it. Set approval rules for large payments and see who spent what, and why. Issue virtual and physical cards to your team with limits you control. Your money is protected by bank-grade security and regulated partners.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. 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-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">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. Real people answer your questions around the clock, every day of the year. Payroll runs on time, with tax and pension payments handled for you.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Jun 22, 2026
- NewAccounting sync keeps your books up to date without manual exports.
- ImprovedYour money is protected by bank-grade security and regulated partners.
- FixedCash flow forecasts show where you will be next month, not just today.
v3.1 Apr 5, 2026
- NewFriendly people answer your questions quickly, by phone, chat or email.
- ImprovedEvery detail is handled by people who care about getting it right.
- FixedWe measure success by how many members come back and tell their friends.
v3.0 Jul 16, 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.
- FixedInvoices go out with a payment link, so customers can pay you in one click.
v2.9 Oct 8, 2026
- NewIssue virtual and physical cards to your team with limits you control.
- ImprovedSet approval rules for large payments and see who spent what, and why.
- FixedWe listen first, then build a plan around what you actually need.
<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">Jun 22, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Accounting sync keeps your books up to date without manual exports.</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>Cash flow forecasts show where you will be next month, not just today.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Apr 5, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Friendly people answer your questions quickly, by phone, chat or email.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We measure success by how many members come back and tell their friends.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Jul 16, 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>Invoices go out with a payment link, so customers can pay you in one click.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Oct 8, 2026</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>Set approval rules for large payments and see who spent what, and why.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We listen first, then build a plan around what you actually need.</li>
</ul>
</div>
</div>
</div>
</div>