Home » Mortgage
Table of Contents:
1. Executive Overview & Market Impact
2. Core Execution Strategies
3. Conversion Tech Stack & Next Steps
:root{
–navy-950:#081226; –navy-900:#0b1a35; –navy-800:#122a52; –navy-700:#16274a; –navy-600:#1d3563;
–ink:#0b1a35; –paper:#f7f8fb; –white:#ffffff;
–gold-500:#e0a72e; –gold-400:#f0bc4c; –gold-050:#fdf3dd;
–green-600:#1a8f5e; –green-050:#e7f7ef; –red-600:#c94f3f; –red-050:#fdece9;
–muted:#64708a; –border:#e3e7f0;
–shadow:0 20px 50px -20px rgba(8,18,38,0.35); –radius:16px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:’Inter’,-apple-system,BlinkMacSystemFont,’Segoe UI’,Helvetica,Arial,sans-serif;color:var(–ink);background:var(–white);line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;} img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(–gold-500);}
h1,h2,h3{font-weight:800;letter-spacing:-0.02em;margin:0;} p{margin:0;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;white-space:nowrap;}
.btn:active{transform:translateY(1px);}
.btn-gold{background:linear-gradient(135deg,var(–gold-400),var(–gold-500));color:var(–navy-950);box-shadow:0 12px 30px -10px rgba(224,167,46,.55);}
.btn-gold:hover{box-shadow:0 16px 36px -8px rgba(224,167,46,.7);transform:translateY(-1px);}
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:var(–white);}
.btn-outline:hover{background:rgba(255,255,255,.08);}
.btn-navy{background:var(–navy-900);color:var(–white);} .btn-navy:hover{background:var(–navy-700);}
.btn-block{width:100%;}
header{position:sticky;top:0;z-index:50;background:rgba(8,18,38,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.brand{display:flex;align-items:center;gap:10px;color:var(–white);text-decoration:none;font-weight:800;font-size:18px;letter-spacing:-0.01em;}
.brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(–gold-400),var(–gold-500));display:flex;align-items:center;justify-content:center;color:var(–navy-950);font-weight:900;font-size:15px;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px;font-weight:600;}
.nav-links a:hover{color:var(–white);}
.nav-cta{display:flex;align-items:center;gap:14px;}
.phone-link{color:var(–white);font-size:14px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:6px;}
.breadcrumb-bar{background:var(–paper);border-bottom:1px solid var(–border);}
.breadcrumb-bar nav{padding:11px 0;font-size:12.5px;color:var(–muted);display:flex;align-items:center;gap:6px;}
.breadcrumb-bar a{color:var(–muted);text-decoration:none;} .breadcrumb-bar a:hover{color:var(–ink);}
.breadcrumb-bar span[aria-current]{color:var(–ink);font-weight:700;}
.nav-toggle{display:none;background:none;border:none;color:var(–white);padding:8px;margin:-8px -8px -8px 4px;cursor:pointer;flex:none;}
.mobile-menu{display:none;flex-direction:column;gap:2px;background:var(–navy-950);border-top:1px solid rgba(255,255,255,.08);padding:10px 24px 20px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15.5px;font-weight:600;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.07);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu .btn{margin-top:12px;}
@media (max-width:860px){
.nav-links{display:none;}
.nav-cta{display:none;}
.nav-toggle{display:flex;align-items:center;justify-content:center;}
}
@media (min-width:861px){ .mobile-menu{display:none !important;} }
@media (max-width:600px){
.hero{padding:52px 0 64px;}
section{padding:56px 0;}
.final-cta{padding:36px 22px;}
.calc-grid{grid-template-columns:1fr !important;}
}
.hero{background:radial-gradient(1200px 600px at 15% -10%, #16284d 0%, transparent 60%), linear-gradient(180deg,var(–navy-950),var(–navy-900) 55%, #0d1c38);color:var(–white);padding:76px 0 96px;position:relative;overflow:hidden;}
.hero:after{content:””;position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg, rgba(0,0,0,.6), transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;position:relative;z-index:1;}
@media (max-width:980px){ .hero-grid{grid-template-columns:1fr;} }
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;}
.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.9);font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;}
.pill.gold{background:var(–gold-050);color:#7a5710;border-color:transparent;}
.hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;color:var(–white);}
.hero h1 span{color:var(–gold-400);}
.hero-sub{margin-top:18px;font-size:18px;color:rgba(255,255,255,.78);max-width:520px;}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;max-width:520px;}
.hero-stat b{display:block;font-size:26px;color:var(–white);letter-spacing:-0.02em;} .hero-stat span{font-size:12.5px;color:rgba(255,255,255,.6);}
.tool-card{background:var(–white);border-radius:20px;padding:26px;box-shadow:var(–shadow);color:var(–ink);}
.tool-card h3{font-size:19px;} .tool-sub{color:var(–muted);font-size:14px;margin-top:6px;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(–muted);}
.field input{padding:11px 12px;border-radius:10px;border:1.5px solid var(–border);font-size:14.5px;font-weight:700;color:var(–ink);outline:none;width:100%;}
.field input:focus{border-color:var(–gold-500);}
.calc-result{margin-top:20px;background:var(–navy-950);border-radius:14px;padding:20px;color:var(–white);text-align:center;}
.calc-result .amt{font-size:32px;font-weight:800;color:var(–gold-400);letter-spacing:-0.02em;}
.calc-result .lbl{font-size:12px;color:rgba(255,255,255,.65);margin-top:4px;text-transform:uppercase;letter-spacing:.05em;}
.calc-breakdown{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap;}
.calc-breakdown div{font-size:12px;color:rgba(255,255,255,.7);}
.calc-breakdown b{display:block;color:var(–white);font-size:14px;}
.tool-note{margin-top:14px;font-size:12px;color:var(–muted);}
section{padding:88px 0;}
.section-head{max-width:640px;margin:0 auto 48px;text-align:center;}
.section-head h2{font-size:clamp(26px,3vw,36px);margin-top:10px;}
.section-head p{margin-top:14px;color:var(–muted);font-size:16.5px;}
.bg-paper{background:var(–paper);}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:860px){ .steps{grid-template-columns:1fr;} }
.step-card{background:var(–white);border:1px solid var(–border);border-radius:var(–radius);padding:28px 24px;position:relative;}
.step-num{width:38px;height:38px;border-radius:10px;background:var(–navy-950);color:var(–gold-400);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;margin-bottom:16px;}
.step-card h3{font-size:18px;margin-bottom:8px;} .step-card p{color:var(–muted);font-size:14.5px;}
.why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
@media (max-width:900px){ .why-grid{grid-template-columns:1fr;} }
.why-list{display:flex;flex-direction:column;gap:20px;margin-top:28px;}
.why-item{display:flex;gap:14px;align-items:flex-start;}
.why-icon{width:38px;height:38px;flex:none;border-radius:10px;background:var(–gold-050);display:flex;align-items:center;justify-content:center;color:#a5760f;font-weight:800;}
.why-item h4{font-size:16px;margin:0 0 4px;} .why-item p{font-size:14.5px;color:var(–muted);}
.map-card{background:var(–navy-950);border-radius:20px;padding:32px;color:var(–white);box-shadow:var(–shadow);}
.map-card .count{font-size:44px;font-weight:800;color:var(–gold-400);letter-spacing:-0.02em;}
.map-card .count-label{color:rgba(255,255,255,.7);font-size:13.5px;margin-top:4px;}
.tool-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px;}
.tool-row:last-of-type{border-bottom:none;}
.tool-row b{color:var(–gold-400);}
.map-fine{font-size:12px;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.12);padding-top:14px;margin-top:14px;}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media (max-width:980px){ .pricing-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:620px){ .pricing-grid{grid-template-columns:1fr;} }
.price-card{border:1.5px solid var(–border);border-radius:var(–radius);padding:26px 22px;background:var(–white);display:flex;flex-direction:column;}
.price-card.featured{border-color:var(–gold-500);box-shadow:0 20px 40px -24px rgba(224,167,46,.6);position:relative;}
.price-card.featured:before{content:”Most Popular”;position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(–gold-500);color:var(–navy-950);font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;letter-spacing:.03em;}
.price-name{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(–muted);}
.price-amt{font-size:32px;font-weight:800;margin-top:8px;letter-spacing:-0.02em;} .price-amt sub{font-size:13px;font-weight:600;color:var(–muted);}
.price-list{list-style:none;padding:0;margin:18px 0 22px;flex:1;display:flex;flex-direction:column;gap:10px;}
.price-list li{font-size:13.5px;color:var(–ink);opacity:.85;padding-left:20px;position:relative;}
.price-list li:before{content:”✓”;position:absolute;left:0;color:var(–green-600);font-weight:800;}
.faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{border:1px solid var(–border);border-radius:14px;overflow:hidden;background:var(–white);}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-size:15.5px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(–ink);}
.faq-q:after{content:”+”;font-size:20px;color:var(–gold-500);font-weight:800;transition:transform .2s ease;}
.faq-item.open .faq-q:after{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{padding:0 22px 18px;color:var(–muted);font-size:14.5px;}
.faq-item.open .faq-a{max-height:220px;}
.final-cta{background:linear-gradient(135deg,var(–navy-950),#132a52);color:var(–white);border-radius:24px;padding:56px;text-align:center;position:relative;overflow:hidden;}
.final-cta h2{color:var(–white);font-size:clamp(26px,3.4vw,38px);}
.final-cta p{color:rgba(255,255,255,.75);margin-top:14px;max-width:520px;margin-left:auto;margin-right:auto;font-size:16px;}
.final-cta .hero-cta-row{justify-content:center;}
footer{background:var(–navy-950);color:rgba(255,255,255,.6);padding:44px 0 30px;font-size:13px;}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand{color:var(–white);font-weight:800;font-size:16px;}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;}
.footer-links a{color:rgba(255,255,255,.6);text-decoration:none;} .footer-links a:hover{color:var(–white);}
.footer-pillars{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-pillars a{color:rgba(255,255,255,.5);text-decoration:none;font-size:12.5px;}
.footer-pillars a:hover{color:var(–gold-400);}
.footer-pillars a.current{color:var(–gold-400);font-weight:700;}
.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;}
.compliance{max-width:720px;line-height:1.6;color:rgba(255,255,255,.45);font-size:11.5px;}
.equal-housing{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-weight:700;font-size:12px;white-space:nowrap;}
.eh-icon{width:22px;height:22px;border:1.5px solid rgba(255,255,255,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;}
YP YPN USA
Try the Calculator
How It Works
Why It Works
Pricing
FAQ
AI Websites & Tools
⚡ Live in 60 Seconds
Branded & Portable
Built-In Calculators
A branded website,live in 60 seconds.
No developer, no theme wrangling, no waiting on a marketing team. YPN USA spins up a branded site with working mortgage calculators the moment you claim your territory — and it’s yours to keep.
60s to a live site
100% yours, portable
0 code required
How It Works
From claim to live site in three steps
Your site isn’t a template you have to configure — it’s generated, branded, and connected to your pipeline automatically.
1
Claim your territory
The moment you claim a ZIP, YPN USA generates a branded site scoped to your name, license number, and market.
2
Calculators go live automatically
Payment, DSCR , and refinance calculators are embedded and working — no plugin installs, no manual setup.
3
Leads flow straight to your pipeline
Every calculator use and form fill lands directly in your dashboard, ready for AI nurture to take over.
Why It Works
Speed and ownership, not a website project
⚡
No build queue Skip the six-week wait on a marketing team or freelance developer — your site is ready before your coffee is.
🧮
Real interactive tools Payment, DSCR, and refinance-breakeven calculators do the math for visitors in real time, right on your page.
🎒
Fully portable Change brokerages and your site — and everything it’s generated — comes with you. It’s tied to you, not your employer.
🔗
Connected, not standalone Every lead the site captures flows straight into your automated nurture and your life-event alert pipeline.
60s
typical time from territory claim to a live site
Payment calculator Included
DSCR calculator Included
Refi breakeven tool Included
Setup time reflects typical automated deployment; content customization (photos, bio, branding) is optional and can be done anytime after launch.
Pricing
Your site and calculators are included
Every tier — including Free — ships with a working AI website. Paid tiers unlock territory claims and full automation.
Free
$0/mo
Cerebro AI growth diagnostic AI borrower intake assistant Live lead delivery begins on a paid plan Start Free
Growth
$99.99/mo
1 included exclusive ZIP Cerebro AI assistant + automated follow-up 15-day free trial See Growth
Pro
$199.99/mo
1 included exclusive ZIP Everything in Growth, plus added capability 15-day free trial See Pro
Elite
$299.99/mo
1 included exclusive ZIP Everything in Pro — our highest capability tier Additional ZIPs are separate paid upgrades See Elite
FAQ
AI websites & tools, answered
Do I need any technical skills to set this up?
No. Your site and calculators deploy automatically. Optional customization (photos, bio, colors) is done through simple forms, not code.
Can I use my own domain name?
Yes — you can point a custom domain at your YPN USA site, or use the default subdomain provided at setup.
Are the calculators accurate enough to share with borrowers?
They’re solid planning estimates covering principal, interest, taxes, and insurance — always positioned as estimates, not a formal Loan Estimate or binding quote.
What happens to my site if I change brokerages?
It moves with you — your site and its leads are tied to you individually, the same as your claimed territory.
Stop waiting on a website
Have a live, working site before your coffee gets cold.
Start your free trial and see your branded site and calculators deploy in real time.
// —- Mobile nav —-
(function(){
var navToggle = document.getElementById(‘navToggle’);
var mobileMenu = document.getElementById(‘mobileMenu’);
if(!navToggle || !mobileMenu) return;
navToggle.addEventListener(‘click’, function(){
var isOpen = mobileMenu.classList.toggle(‘open’);
navToggle.setAttribute(‘aria-expanded’, isOpen ? ‘true’ : ‘false’);
});
mobileMenu.querySelectorAll(‘a’).forEach(function(a){
a.addEventListener(‘click’, function(){ mobileMenu.classList.remove(‘open’); navToggle.setAttribute(‘aria-expanded’,’false’); });
});
})();
// —- FAQ accordion —-
document.querySelectorAll(‘.faq-item’).forEach(function(item){
item.querySelector(‘.faq-q’).addEventListener(‘click’, function(){
var wasOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(i){ i.classList.remove(‘open’); });
if(!wasOpen){ item.classList.add(‘open’); }
});
});
// —- Live mortgage payment calculator (real math, no external data) —-
var priceEl = document.getElementById(‘calcPrice’);
var downEl = document.getElementById(‘calcDown’);
var rateEl = document.getElementById(‘calcRate’);
var termEl = document.getElementById(‘calcTerm’);
var taxEl = document.getElementById(‘calcTax’);
var insEl = document.getElementById(‘calcIns’);
function fmtMoney(n){
if(!isFinite(n)) return ‘$0’;
return ‘$’ + Math.round(n).toLocaleString(‘en-US’);
}
function calculate(){
var price = parseFloat(priceEl.value) || 0;
var downPct = parseFloat(downEl.value) || 0;
var rate = parseFloat(rateEl.value) || 0;
var years = parseFloat(termEl.value) || 30;
var tax = parseFloat(taxEl.value) || 0;
var ins = parseFloat(insEl.value) || 0;
var loanAmt = Math.max(price * (1 – downPct / 100), 0);
var monthlyRate = (rate / 100) / 12;
var numPayments = years * 12;
var pi;
if(monthlyRate === 0){
pi = numPayments > 0 ? loanAmt / numPayments : 0;
} else {
var factor = Math.pow(1 + monthlyRate, numPayments);
pi = loanAmt * (monthlyRate * factor) / (factor – 1);
}
if(!isFinite(pi)) pi = 0;
var monthlyTaxIns = (tax + ins) / 12;
var totalMonthly = pi + monthlyTaxIns;
document.getElementById(‘calcMonthly’).textContent = fmtMoney(totalMonthly);
document.getElementById(‘calcPI’).textContent = fmtMoney(pi);
document.getElementById(‘calcTaxIns’).textContent = fmtMoney(monthlyTaxIns);
document.getElementById(‘calcLoanAmt’).textContent = fmtMoney(loanAmt);
}
[priceEl, downEl, rateEl, termEl, taxEl, insEl].forEach(function(el){
el.addEventListener(‘input’, calculate);
});
calculate();
Scale Your Mortgage Pipeline with YPN USA
Automate cold lead acquisition, instant SMS/email follow-ups, and AI workflow management for MLOs.
Schedule a Demo Today
Explore Top MLO Platform Comparisons
Scale Your Mortgage Pipeline with YPN USA
Automate cold lead acquisition, instant SMS/email follow-ups, and AI workflow management for MLOs.
Schedule a Demo Today
Explore Top MLO Platform Comparisons
3. Conversion Tech Stack & Next Steps