Free Tool
Smart Hiring Savings Calculator
See exactly how much you could save by hiring a pre-vetted Filipino VA instead of a local employee.
/* ===== ARMA SAVINGS CALCULATOR — SCOPED STYLES ===== */
.arma-calc * { box-sizing: border-box; margin: 0; padding: 0; }
.arma-calc {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #1a1a2e;
max-width: 900px;
margin: 0 auto;
padding: 0;
line-height: 1.6;
}/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');/* --- Header --- */
.arma-calc .calc-header {
text-align: center;
margin-bottom: 40px;
}
.arma-calc .calc-header .calc-badge {
display: inline-block;
background: linear-gradient(135deg, #0A0F1E 0%, #1a2340 100%);
color: #F5C842;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 50px;
margin-bottom: 16px;
}
.arma-calc .calc-header h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: 32px;
font-weight: 700;
color: #0A0F1E;
margin-bottom: 10px;
line-height: 1.2;
}
.arma-calc .calc-header h2 span {
background: linear-gradient(135deg, #F5C842 0%, #e0a800 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.arma-calc .calc-header p {
font-size: 16px;
color: #64748b;
max-width: 600px;
margin: 0 auto;
}/* --- Input Section --- */
.arma-calc .calc-inputs {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 32px;
margin-bottom: 32px;
}
.arma-calc .calc-inputs .input-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.arma-calc .input-group {
display: flex;
flex-direction: column;
}
.arma-calc .input-group.full-width {
grid-column: 1 / -1;
}
.arma-calc .input-group label {
font-size: 13px;
font-weight: 600;
color: #475569;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.arma-calc .input-group select,
.arma-calc .input-group input {
font-family: 'Inter', sans-serif;
font-size: 15px;
padding: 12px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
background: #fff;
color: #1a1a2e;
transition: border-color 0.2s, box-shadow 0.2s;
outline: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
}
.arma-calc .input-group select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
cursor: pointer;
}
.arma-calc .input-group select:focus,
.arma-calc .input-group input:focus {
border-color: #5EEAD4;
box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.15);
}
.arma-calc .salary-input-wrap {
position: relative;
}
.arma-calc .salary-input-wrap .currency-symbol {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
font-weight: 600;
color: #94a3b8;
pointer-events: none;
}
.arma-calc .salary-input-wrap input {
padding-left: 32px;
}
.arma-calc .input-hint {
font-size: 12px;
color: #94a3b8;
margin-top: 4px;
}/* --- Calculate Button --- */
.arma-calc .calc-btn-wrap {
text-align: center;
margin-top: 24px;
}
.arma-calc .calc-btn {
font-family: 'Space Grotesk', sans-serif;
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #0A0F1E 0%, #1a2340 100%);
color: #F5C842;
font-size: 16px;
font-weight: 700;
padding: 16px 40px;
border: none;
border-radius: 12px;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 15px rgba(10, 15, 30, 0.3);
}
.arma-calc .calc-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(10, 15, 30, 0.4);
}
.arma-calc .calc-btn:active {
transform: translateY(0);
}
.arma-calc .calc-btn svg {
width: 20px;
height: 20px;
fill: #F5C842;
}/* --- Results Section --- */
.arma-calc .calc-results {
display: none;
animation: armaFadeUp 0.6s ease-out;
}
@keyframes armaFadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}/* --- Savings Hero Cards --- */
.arma-calc .savings-hero {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin-bottom: 32px;
}
.arma-calc .savings-card {
text-align: center;
padding: 28px 16px;
border-radius: 16px;
position: relative;
overflow: hidden;
}
.arma-calc .savings-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
opacity: 0.06;
background: radial-gradient(circle at top right, currentColor, transparent 70%);
pointer-events: none;
}
.arma-calc .savings-card.card-annual {
background: linear-gradient(135deg, #0A0F1E 0%, #162040 100%);
color: #fff;
}
.arma-calc .savings-card.card-annual .savings-value { color: #F5C842; }
.arma-calc .savings-card.card-monthly {
background: #f0fdf9;
border: 2px solid #5EEAD4;
color: #0A0F1E;
}
.arma-calc .savings-card.card-monthly .savings-value { color: #0d9488; }
.arma-calc .savings-card.card-percent {
background: linear-gradient(135deg, #F5C842 0%, #e0a800 100%);
color: #0A0F1E;
}
.arma-calc .savings-card.card-percent .savings-value { color: #0A0F1E; }.arma-calc .savings-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
opacity: 0.8;
}
.arma-calc .savings-card.card-annual .savings-label { color: #94a3b8; }
.arma-calc .savings-value {
font-family: 'Space Grotesk', sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 4px;
}
.arma-calc .savings-sub {
font-size: 13px;
opacity: 0.7;
}/* --- Comparison Breakdown --- */
.arma-calc .comparison-section {
margin-bottom: 32px;
}
.arma-calc .comparison-section h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: 20px;
font-weight: 700;
color: #0A0F1E;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}
.arma-calc .comparison-section h3 svg {
width: 22px;
height: 22px;
}/* --- Comparison Table --- */
.arma-calc .comp-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e2e8f0;
margin-bottom: 24px;
}
.arma-calc .comp-table thead th {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 14px 20px;
text-align: left;
}
.arma-calc .comp-table thead th:first-child {
background: #f1f5f9;
color: #475569;
}
.arma-calc .comp-table thead th:nth-child(2) {
background: #fee2e2;
color: #991b1b;
}
.arma-calc .comp-table thead th:nth-child(3) {
background: #d1fae5;
color: #065f46;
}
.arma-calc .comp-table tbody td {
padding: 14px 20px;
font-size: 14px;
border-top: 1px solid #f1f5f9;
}
.arma-calc .comp-table tbody tr:hover {
background: #f8fafc;
}
.arma-calc .comp-table tbody td:first-child {
font-weight: 600;
color: #334155;
}
.arma-calc .comp-table tbody td:nth-child(2) {
color: #dc2626;
font-weight: 600;
}
.arma-calc .comp-table tbody td:nth-child(3) {
color: #059669;
font-weight: 600;
}
.arma-calc .comp-table tfoot td {
padding: 16px 20px;
font-weight: 700;
font-size: 15px;
border-top: 2px solid #e2e8f0;
background: #f8fafc;
}
.arma-calc .comp-table tfoot td:nth-child(2) { color: #dc2626; }
.arma-calc .comp-table tfoot td:nth-child(3) { color: #059669; }/* --- Visual Bar Comparison --- */
.arma-calc .bar-comparison {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 32px;
padding: 24px;
background: #f8fafc;
border-radius: 12px;
border: 1px solid #e2e8f0;
}
.arma-calc .bar-item .bar-label {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
}
.arma-calc .bar-item .bar-label .bar-tag {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 2px 8px;
border-radius: 4px;
}
.arma-calc .bar-item.local .bar-tag { background: #fee2e2; color: #991b1b; }
.arma-calc .bar-item.va .bar-tag { background: #d1fae5; color: #065f46; }
.arma-calc .bar-track {
height: 32px;
background: #e2e8f0;
border-radius: 8px;
overflow: hidden;
position: relative;
}
.arma-calc .bar-fill {
height: 100%;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 12px;
font-size: 13px;
font-weight: 700;
color: #fff;
transition: width 1s cubic-bezier(0.22, 1, 0.36, 1);
width: 0%;
}
.arma-calc .bar-item.local .bar-fill {
background: linear-gradient(90deg, #ef4444, #dc2626);
}
.arma-calc .bar-item.va .bar-fill {
background: linear-gradient(90deg, #5EEAD4, #14b8a6);
}/* --- Hourly Rate Box --- */
.arma-calc .hourly-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 32px;
}
.arma-calc .hourly-card {
padding: 20px;
border-radius: 12px;
text-align: center;
}
.arma-calc .hourly-card.local-rate {
background: #fef2f2;
border: 1px solid #fecaca;
}
.arma-calc .hourly-card.va-rate {
background: #f0fdf4;
border: 1px solid #bbf7d0;
}
.arma-calc .hourly-card .hourly-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 4px;
}
.arma-calc .hourly-card.local-rate .hourly-label { color: #991b1b; }
.arma-calc .hourly-card.va-rate .hourly-label { color: #065f46; }
.arma-calc .hourly-card .hourly-amount {
font-family: 'Space Grotesk', sans-serif;
font-size: 28px;
font-weight: 700;
}
.arma-calc .hourly-card.local-rate .hourly-amount { color: #dc2626; }
.arma-calc .hourly-card.va-rate .hourly-amount { color: #059669; }
.arma-calc .hourly-card .hourly-note {
font-size: 12px;
color: #94a3b8;
margin-top: 2px;
}/* --- What You Could Do --- */
.arma-calc .reinvest-section {
background: linear-gradient(135deg, #0A0F1E 0%, #162040 100%);
border-radius: 16px;
padding: 32px;
margin-bottom: 32px;
color: #fff;
}
.arma-calc .reinvest-section h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: 18px;
font-weight: 700;
color: #F5C842;
margin-bottom: 20px;
}
.arma-calc .reinvest-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.arma-calc .reinvest-item {
display: flex;
align-items: center;
gap: 12px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
padding: 14px 16px;
}
.arma-calc .reinvest-icon {
width: 36px;
height: 36px;
border-radius: 8px;
background: rgba(245, 200, 66, 0.15);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 18px;
}
.arma-calc .reinvest-text {
font-size: 14px;
color: #cbd5e1;
line-height: 1.4;
}
.arma-calc .reinvest-text strong {
color: #F5C842;
}/* --- CTA Section --- */
.arma-calc .cta-section {
text-align: center;
background: linear-gradient(135deg, #F5C842 0%, #e0a800 100%);
border-radius: 16px;
padding: 40px 32px;
position: relative;
overflow: hidden;
}
.arma-calc .cta-section::before {
content: '';
position: absolute;
top: -50%; right: -30%;
width: 300px; height: 300px;
background: rgba(255,255,255,0.15);
border-radius: 50%;
pointer-events: none;
}
.arma-calc .cta-section h3 {
font-family: 'Space Grotesk', sans-serif;
font-size: 24px;
font-weight: 700;
color: #0A0F1E;
margin-bottom: 8px;
position: relative;
}
.arma-calc .cta-section p {
font-size: 15px;
color: #3d2e00;
margin-bottom: 24px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.arma-calc .cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: #0A0F1E;
color: #F5C842;
font-family: 'Space Grotesk', sans-serif;
font-size: 16px;
font-weight: 700;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 15px rgba(10, 15, 30, 0.3);
position: relative;
}
.arma-calc .cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(10, 15, 30, 0.4);
color: #F5C842;
}
.arma-calc .cta-trust {
margin-top: 16px;
font-size: 13px;
color: #5c4500;
position: relative;
}/* --- Disclaimer --- */
.arma-calc .calc-disclaimer {
text-align: center;
font-size: 12px;
color: #94a3b8;
margin-top: 24px;
line-height: 1.6;
}/* --- Mobile Responsive --- */
@media (max-width: 768px) {
.arma-calc .calc-inputs { padding: 20px; }
.arma-calc .calc-inputs .input-grid { grid-template-columns: 1fr; gap: 16px; }
.arma-calc .savings-hero { grid-template-columns: 1fr; gap: 12px; }
.arma-calc .savings-value { font-size: 30px; }
.arma-calc .savings-card { padding: 20px 16px; }
.arma-calc .hourly-box { grid-template-columns: 1fr; }
.arma-calc .reinvest-grid { grid-template-columns: 1fr; }
.arma-calc .calc-header h2 { font-size: 24px; }
.arma-calc .comp-table { font-size: 13px; }
.arma-calc .comp-table thead th,
.arma-calc .comp-table tbody td,
.arma-calc .comp-table tfoot td { padding: 10px 12px; }
.arma-calc .cta-section { padding: 28px 20px; }
.arma-calc .reinvest-section { padding: 24px 20px; }
}/* --- Number animation --- */
.arma-calc .anim-number {
display: inline-block;
transition: opacity 0.2s;
}
(function() {
/* ===== DATA ===== */
const ROLES = {
va: { label: 'Virtual Assistant', us: 45000, uk: 38000, au: 42000, ca: 40000, vaHourly: 6.50 },
smm: { label: 'Social Media Manager', us: 55000, uk: 45000, au: 52000, ca: 48000, vaHourly: 8.00 },
bookkeeper: { label: 'Bookkeeper', us: 50000, uk: 42000, au: 48000, ca: 44000, vaHourly: 7.50 },
designer: { label: 'Graphic Designer', us: 52000, uk: 43000, au: 50000, ca: 46000, vaHourly: 8.00 },
ea: { label: 'Executive Assistant', us: 58000, uk: 47000, au: 54000, ca: 50000, vaHourly: 7.00 },
seo: { label: 'SEO Specialist', us: 60000, uk: 50000, au: 56000, ca: 52000, vaHourly: 9.00 },
webdev: { label: 'Web Developer', us: 75000, uk: 60000, au: 70000, ca: 65000, vaHourly: 10.00 },
data: { label: 'Data Entry Specialist', us: 38000, uk: 32000, au: 36000, ca: 34000, vaHourly: 6.00 },
support: { label: 'Customer Support Rep', us: 40000, uk: 34000, au: 38000, ca: 36000, vaHourly: 6.50 },
pm: { label: 'Project Manager', us: 65000, uk: 55000, au: 62000, ca: 58000, vaHourly: 9.50 }
};const COUNTRY_LABELS = { us: 'US', uk: 'UK', au: 'Australian', ca: 'Canadian', custom: 'Local' };/* Employer cost multipliers (on top of base salary) */
const LOCAL_COSTS = {
benefits_pct: 0.30, /* health, dental, 401k, PTO etc. */
office_annual: 6000, /* per employee: desk, utilities, etc. */
equipment_annual: 2000, /* laptop, monitors, software licenses */
hiring_onetime: 5000, /* recruiting, screening, onboarding — amortized over 1 year */
payroll_tax_pct: 0.0765 /* employer FICA */
};const WORK_HOURS_YEAR = 2080; /* 40hr * 52wk */const elRole = document.getElementById('arma-role');
const elCountry = document.getElementById('arma-country');
const elSalary = document.getElementById('arma-salary');
const elHires = document.getElementById('arma-hires');
const elBtn = document.getElementById('arma-calc-btn');
const elResults = document.getElementById('arma-results');/* Format helpers */
function fmt(n) { return n.toLocaleString('en-US', { maximumFractionDigits: 0 }); }
function fmtD(n) { return '$' + fmt(n); }/* Populate salary on role/country change */
function autoFillSalary() {
var role = ROLES[elRole.value];
var country = elCountry.value;
if (country === 'custom') return;
var sal = role[country] || role.us;
elSalary.value = fmt(sal);
}
elRole.addEventListener('change', autoFillSalary);
elCountry.addEventListener('change', function() {
if (elCountry.value === 'custom') {
elSalary.value = '';
elSalary.focus();
} else {
autoFillSalary();
}
});/* Format salary input with commas */
elSalary.addEventListener('input', function() {
var raw = elSalary.value.replace(/[^0-9]/g, '');
if (raw) elSalary.value = parseInt(raw).toLocaleString('en-US');
});/* Init */
autoFillSalary();/* Animate number counting */
function animateValue(el, start, end, prefix, suffix, duration) {
prefix = prefix || '';
suffix = suffix || '';
duration = duration || 800;
var startTime = null;
var step = function(ts) {
if (!startTime) startTime = ts;
var progress = Math.min((ts - startTime) / duration, 1);
/* easeOutExpo */
var ease = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
var current = Math.floor(start + (end - start) * ease);
el.textContent = prefix + fmt(current) + suffix;
if (progress < 1) requestAnimationFrame(step);
};
requestAnimationFrame(step);
}/* CALCULATE */
elBtn.addEventListener('click', function() {
var baseSalary = parseInt(elSalary.value.replace(/[^0-9]/g, ''));
if (!baseSalary || baseSalary 1 ? ' (x' + hires + ')' : '';
var rows = [
['Base Salary' + hiresLabel, fmtD(Math.round(localBase * hires)), fmtD(Math.round(vaAnnual * hires))],
['Benefits (Health, PTO, 401k)', fmtD(Math.round(localBenefits * hires)), '$0 (included)'],
['Payroll Taxes', fmtD(Math.round(localTax * hires)), '$0 (included)'],
['Office Space & Utilities', fmtD(Math.round(localOffice * hires)), '$0 (remote)'],
['Equipment & Software', fmtD(Math.round(localEquip * hires)), '$0 (VA provides own)'],
['Recruiting & Onboarding', fmtD(Math.round(localHiring * hires)), '$0 (Armasourcing handles)']
];var tbody = document.getElementById('comp-tbody');
tbody.innerHTML = '';
rows.forEach(function(r) {
var tr = document.createElement('tr');
tr.innerHTML = '' + r[0] + ' ' + r[1] + ' ' + r[2] + ' ';
tbody.appendChild(tr);
});
document.getElementById('foot-local').textContent = fmtD(Math.round(totalLocal));
document.getElementById('foot-va').textContent = fmtD(Math.round(totalVA));/* Reinvest section */
var annualSavings = Math.round(savings);
document.getElementById('reinvest-amount').textContent = fmtD(annualSavings);var reinvestItems = [];
if (annualSavings >= 2000) reinvestItems.push({ icon: '🚀', text: '' + fmt(Math.floor(annualSavings / 2000)) + ' months of paid advertising' });
if (annualSavings >= 5000) reinvestItems.push({ icon: '💻', text: '' + fmt(Math.floor(annualSavings / 5000)) + ' premium software subscriptions' });
reinvestItems.push({ icon: '🎯', text: '' + fmtD(Math.round(annualSavings / 12)) + '/mo back into growth' });
if (hires < 3) reinvestItems.push({ icon: '👥', text: 'Hire ' + Math.max(1, Math.floor(annualSavings / vaTotal)) + ' more VA' + (Math.floor(annualSavings / vaTotal) > 1 ? 's' : '') + ' with the savings' });var grid = document.getElementById('reinvest-grid');
grid.innerHTML = '';
reinvestItems.forEach(function(item) {
var div = document.createElement('div');
div.className = 'reinvest-item';
div.innerHTML = '
Free Calculator
Smart Hiring Savings Calculator
See exactly how much your business saves by hiring a skilled Filipino virtual assistant instead of a local employee.
Virtual Assistant
Social Media Manager
Bookkeeper
Graphic Designer
Executive Assistant
SEO Specialist
Web Developer
Data Entry Specialist
Customer Support Rep
Project Manager
United States
United Kingdom
Australia
Canada
Custom Salary
$
Auto-filled based on role + country. Edit to customize.
1 hire
2 hires
3 hires
5 hires
10 hires
Annual Savings
$0
per year
Monthly Savings
$0
per month
You Save
0%
vs local hire
Local Effective Hourly Rate
$0/hr
Including employer overhead costs
Filipino VA Hourly Rate
$0/hr
All-in rate, no hidden costs
Annual Cost Comparison
Detailed Cost Breakdown
| Cost Category | Local Hire | Filipino VA |
|---|---|---|
| Total Annual Cost | $0 | $0 |
What Could You Do With $0 in Annual Savings?
Ready to Start Saving?
Our team matches you with pre-vetted, skilled Filipino VAs in under 7 days. Zero risk with our satisfaction guarantee.
Book Your Free Strategy CallNo commitment required. Free consultation with a staffing expert.
Estimates are based on average market rates and typical employer costs. Actual savings may vary depending on experience level, specific role requirements, and your location. Filipino VA rates reflect competitive full-time professional rates managed through Armasourcing.
' + item.text + '
';
grid.appendChild(div);
});/* Pulse button after calculation */
elBtn.textContent = 'Recalculate';
elBtn.insertAdjacentHTML('afterbegin', '');
});
})();Ready to Save 60-70% on Hiring Costs?
Book a free discovery call. We will show you the exact cost breakdown for your specific role and match you with pre-vetted talent within 3-5 days.