<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EC Service Provider — Audience Page Mockups</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
:root{--cream:#E9E4D6;--olive:#454E38;--gold:#A68A4A;--body:#5C584A;--greige:#D6D0BF;--white:#F7F4EC;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;color:var(--body);background:var(--cream);line-height:1.6;}
h1,h2,h3{font-family:'Lora',serif;color:var(--olive);}
.accent{color:var(--gold);font-style:italic;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
.btn{display:inline-block;font-weight:500;font-size:15px;padding:14px 30px;border-radius:8px;text-decoration:none;cursor:pointer;border:2px solid var(--gold);background:var(--gold);color:#fff;transition:.2s;}
.btn:hover{background:#8f7539;}
.btn-outline{background:transparent;color:var(--olive);border-color:var(--olive);}
.btn-outline:hover{background:var(--olive);color:var(--cream);}
.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px;}
.note{background:#fff;border-left:4px solid var(--gold);padding:14px 20px;font-size:13.5px;color:var(--body);text-align:center;}
/* PAGE SWITCHER */
.switch{position:sticky;top:0;z-index:30;background:var(--olive);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px;}
.switch button{font-family:'Poppins';font-size:14px;font-weight:500;color:var(--cream);background:transparent;border:1px solid rgba(233,228,214,.35);padding:9px 18px;border-radius:30px;cursor:pointer;transition:.2s;}
.switch button:hover{background:rgba(233,228,214,.15);}
.switch button.active{background:var(--gold);border-color:var(--gold);color:#fff;}
.page{display:none;}
.page.active{display:block;}
/* HERO */
.a-hero{padding:66px 0 60px;background:linear-gradient(180deg,var(--white),var(--cream));}
.a-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.a-hero h1{font-size:40px;line-height:1.15;margin-bottom:20px;}
.a-hero p{font-size:18px;max-width:520px;margin-bottom:28px;}
.a-cta{display:flex;gap:14px;flex-wrap:wrap;}
.a-photo{background:var(--greige);border:3px solid var(--gold);border-radius:16px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Lora';font-style:italic;color:var(--olive);opacity:.85;padding:24px;}
/* PAIN / I GET IT */
.pain{padding:60px 0;}
.pain .wrap{max-width:820px;text-align:center;}
.pain h2{font-size:30px;margin-bottom:14px;}
.pain .lead{font-size:17px;margin-bottom:34px;}
.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;}
.pain-item{background:var(--white);border:1px solid var(--greige);border-radius:12px;padding:20px 22px;font-size:15px;}
.pain-item b{color:var(--olive);font-family:'Lora';}
/* HOW I HELP */
.help{padding:64px 0;background:var(--olive);color:var(--cream);}
.help h2{color:var(--cream);font-size:30px;margin-bottom:8px;text-align:center;}
.help .eyebrow{color:var(--gold);text-align:center;}
.help .sub{text-align:center;color:#e4e0d2;max-width:600px;margin:0 auto 36px;}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.help-card{background:#3a4230;border-top:3px solid var(--gold);border-radius:12px;padding:24px;}
.help-card h3{color:var(--cream);font-size:18px;margin-bottom:10px;}
.help-card p{color:#d7d4c6;font-size:14.5px;}
/* PROOF */
.proof{padding:56px 0;text-align:center;}
.proof .wrap{max-width:760px;}
.proof .quote{font-family:'Lora';font-style:italic;font-size:23px;color:var(--olive);line-height:1.4;margin-bottom:16px;}
.proof .who{font-size:15px;color:var(--gold);font-weight:600;}
/* CTA BAND */
.band{padding:60px 0;text-align:center;background:linear-gradient(120deg,var(--gold),#8f7539);color:#fff;}
.band h2{color:#fff;font-size:30px;margin-bottom:14px;}
.band p{color:#fbf7ee;font-size:17px;max-width:560px;margin:0 auto 26px;}
.band .btn{background:#fff;color:var(--gold);border-color:#fff;}
.band .btn:hover{background:var(--cream);}
.band .btn-outline{background:transparent;color:#fff;border-color:#fff;}
.band .btn-outline:hover{background:rgba(255,255,255,.15);}
@media(max-width:860px){.a-hero .wrap{grid-template-columns:1fr;}.pain-grid,.help-grid{grid-template-columns:1fr;}}
</style>
</head>
<body>
<div class="note">FINAL — the four interior audience pages your "Who I Help" cards link to. Brand colors & fonts are real; photos are placeholders. Use the buttons below to switch pages.</div>
<!-- SWITCHER -->
<div class="switch">
<button class="active" data-p="owners">Business Owners</button>
<button data-p="women">Solo Women Founders</button>
<button data-p="hoa">Nonprofits & Communities</button>
<button data-p="law">Law Practices</button>
</div>
<!-- ============ PAGE 1: BUSINESS OWNERS ============ -->
<div class="page active" id="owners">
<section class="a-hero"><div class="wrap">
<div>
<div class="eyebrow">For Busy Business Owners</div>
<h1>You built the business. <span class="accent">Hand me the books.</span></h1>
<p>Your time is worth more than a spreadsheet. I keep your financials clean, compliant, and completely off your plate — with total discretion and a real person who answers the phone.</p>
<div class="a-cta"><a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a><a href="https://mooolah.ai" target="_blank" rel="noopener" class="btn btn-outline">Try Mooolah.ai — Free</a></div>
</div>
<div class="a-photo">[ Photo: confident owner / handshake ]</div>
</div></section>
<section class="pain"><div class="wrap">
<div class="eyebrow" style="text-align:center">Sound Familiar?</div>
<h2>You don't have time to be your own bookkeeper</h2>
<p class="lead">You're running the show. The books shouldn't be one more thing you carry.</p>
<div class="pain-grid">
<div class="pain-item"><b>Books always "almost" done.</b> Never quite current, never quite off your mind.</div>
<div class="pain-item"><b>Tax time = scramble time.</b> Every year, the same last-minute stress.</div>
<div class="pain-item"><b>You want discretion.</b> Your numbers are private, and they should stay that way.</div>
<div class="pain-item"><b>You can never reach your bookkeeper.</b> Questions sit for days.</div>
</div>
</div></section>
<section class="help"><div class="wrap">
<div class="eyebrow">How I Help</div>
<h2>Clean numbers, handled — so you can lead</h2>
<p class="sub">Everything below is done for you, on time, every month.</p>
<div class="help-grid">
<div class="help-card"><h3>Fractional CFO Insight</h3><p>Clear reports that turn your numbers into confident decisions about what's next.</p></div>
<div class="help-card"><h3>Full-Service Bookkeeping</h3><p>Accurate, current books — reconciled monthly, ready whenever you need to make a call.</p></div>
<div class="help-card"><h3>Payroll & Compliance</h3><p>Your team paid right and on time, with the compliance handled behind the scenes.</p></div>
<div class="help-card"><h3>Tax Prep & Year-Round Planning</h3><p>No more scramble. Filed on time, with planning that keeps more in your pocket.</p></div>
<div class="help-card"><h3>Total Discretion</h3><p>Your financials stay private. One trusted partner, not a rotating team.</p></div>
<div class="help-card"><h3>A Real Person, Reachable</h3><p>Questions answered in plain language — by me, not a ticket queue.</p></div>
</div>
</div></section>
<section class="proof"><div class="wrap">
<div class="quote">"Reliable, discreet, and always reachable. My books are the one thing I never have to worry about anymore."</div>
<div class="who">— David R., Business Owner</div>
</div></section>
<section class="band"><div class="wrap">
<h2>Get your time back</h2>
<p>A 20-minute call. No pitch, no obligation — just a clear look at how I can take the books off your plate.</p>
<a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a>
</div></section>
</div>
<!-- ============ PAGE 2: SOLO WOMEN FOUNDERS ============ -->
<div class="page" id="women">
<section class="a-hero"><div class="wrap">
<div>
<div class="eyebrow">For Solo Women Founders</div>
<h1>You didn't start your business to do books <span class="accent">at 11pm.</span></h1>
<p>Service or product, one-person LLC, wearing every hat — I get it. Let's get your numbers clean and clear, with zero shame and zero jargon, so you can pour your energy back into your clients.</p>
<div class="a-cta"><a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a><a href="https://mooolah.ai" target="_blank" rel="noopener" class="btn btn-outline">Try Mooolah.ai — Free</a></div>
</div>
<div class="a-photo">[ Photo: woman founder in her element ]</div>
</div></section>
<section class="pain"><div class="wrap">
<div class="eyebrow" style="text-align:center">I See You</div>
<h2>Being behind on your books doesn't make you a mess</h2>
<p class="lead">It makes you busy. Let's fix it together — no judgment, ever.</p>
<div class="pain-grid">
<div class="pain-item"><b>Receipts in three apps and a shoebox.</b> You'll deal with it… eventually.</div>
<div class="pain-item"><b>You avoid looking at the numbers.</b> Because it feels overwhelming.</div>
<div class="pain-item"><b>"Am I even profitable?"</b> You're not totally sure — and that's stressful.</div>
<div class="pain-item"><b>You dread tax season.</b> The unknown is the worst part.</div>
</div>
</div></section>
<section class="help"><div class="wrap">
<div class="eyebrow">How I Help</div>
<h2>From overwhelmed to in control</h2>
<p class="sub">We start where you are — even if that's a full year behind.</p>
<div class="help-grid">
<div class="help-card"><h3>Judgment-Free Catch-Up</h3><p>Months (or years) behind? I'll get it all organized and current — no lectures.</p></div>
<div class="help-card"><h3>Simple Monthly Bookkeeping</h3><p>Once you're caught up, I keep it effortless so it never piles up again.</p></div>
<div class="help-card"><h3>Plain-Language Numbers</h3><p>You'll finally understand what your money is doing — explained like a human.</p></div>
<div class="help-card"><h3>Tax-Ready, Always</h3><p>No more April panic. Your books stay filing-ready year-round.</p></div>
<div class="help-card"><h3>Profit Clarity</h3><p>See what's actually working, so you can grow with confidence.</p></div>
<div class="help-card"><h3>Start Free with Mooolah.ai</h3><p>Not ready to commit? Get your first snapshot free, on your own time.</p></div>
</div>
</div></section>
<section class="proof"><div class="wrap">
<div class="quote">"She took a year of messy books and made them make sense. For the first time, I actually understand my own numbers."</div>
<div class="who">— Sara M., Product-based LLC</div>
</div></section>
<section class="band"><div class="wrap">
<h2>Let's get you clear</h2>
<p>A warm, no-pressure call to see where you are and what "caught up" would look like. Bring your shoebox.</p>
<a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a>
</div></section>
</div>
<!-- ============ PAGE 3: NONPROFITS & COMMUNITIES ============ -->
<div class="page" id="hoa">
<section class="a-hero"><div class="wrap">
<div>
<div class="eyebrow">For Chabad Houses · Private Schools · HOAs & Condos</div>
<h1>Transparent books your community <span class="accent">can trust.</span></h1>
<p>When you steward other people's money — donors, families, members, owners — the numbers have to be clean, transparent, and board-ready. I handle your funds, budgets, and reporting so every dollar is accounted for and easy to explain.</p>
<div class="a-cta"><a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a><a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn btn-outline">Request a Sample Report</a></div>
</div>
<div class="a-photo">[ Photo: community / school / building ]</div>
</div></section>
<section class="pain"><div class="wrap">
<div class="eyebrow" style="text-align:center">The Community Is Watching</div>
<h2>Mission-driven money has no room for guesswork</h2>
<p class="lead">Donors, parents, boards, and owners all want to see exactly where the money goes. You need books that show it — clearly, every time.</p>
<div class="pain-grid">
<div class="pain-item"><b>Restricted & designated funds get tangled.</b> Donations, tuition, dues, and reserves all need to stay separate and traceable.</div>
<div class="pain-item"><b>Board & committee reports take forever.</b> Too much cleanup before every meeting.</div>
<div class="pain-item"><b>Budgets drift from actuals.</b> And no one notices until it's a problem.</div>
<div class="pain-item"><b>Members and donors question the numbers.</b> Trust erodes without transparency.</div>
</div>
</div></section>
<section class="help"><div class="wrap">
<div class="eyebrow">How I Help</div>
<h2>Clean, transparent, board-ready — every month</h2>
<p class="sub">Whether it's a Chabad house, a private school, or an HOA, the promise is the same: financials your leadership can present and your community can trust.</p>
<div class="help-grid">
<div class="help-card"><h3>Fund & Restricted-Money Tracking</h3><p>Donations, tuition, dues, and reserves kept properly separated and traceable.</p></div>
<div class="help-card"><h3>Board & Committee Reporting</h3><p>Clean monthly statements formatted for meetings — no last-minute scramble.</p></div>
<div class="help-card"><h3>Budget vs. Actuals</h3><p>See how you're tracking against budget before it becomes a surprise.</p></div>
<div class="help-card"><h3>Dues, Tuition & Delinquencies</h3><p>Know exactly who's paid, who's behind, and what's outstanding.</p></div>
<div class="help-card"><h3>Accounts Payable</h3><p>Vendors and staff paid accurately and on schedule, with a clean audit trail.</p></div>
<div class="help-card"><h3>Audit & Filing Support</h3><p>Organized records ready for reviews, audits, and nonprofit filings.</p></div>
</div>
</div></section>
<section class="proof"><div class="wrap">
<div class="quote">"Board-ready reports every month, right on time. Our members finally trust the financials."</div>
<div class="who">— Community Board President *[placeholder — replace with real testimonial]</div>
</div></section>
<section class="band"><div class="wrap">
<h2>Give your community something to trust</h2>
<p>Let's talk about your organization's books — and I'll show you what clean, board-ready reporting looks like.</p>
<a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a>
</div></section>
</div>
<!-- ============ PAGE 4: LAW PRACTICES ============ -->
<div class="page" id="law">
<section class="a-hero"><div class="wrap">
<div>
<div class="eyebrow">For Law Practices</div>
<h1>Trust-account bookkeeping done <span class="accent">right.</span></h1>
<p>IOLTA and trust accounting that's reconciled, compliant, and audit-ready — so your trust books stay clean and you can practice with genuine peace of mind. Precision is the whole point.</p>
<div class="a-cta"><a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a><a href="https://mooolah.ai" target="_blank" rel="noopener" class="btn btn-outline">Try Mooolah.ai — Free</a></div>
</div>
<div class="a-photo">[ Photo: law office / professional ]</div>
</div></section>
<section class="pain"><div class="wrap">
<div class="eyebrow" style="text-align:center">Compliance Is Non-Negotiable</div>
<h2>Trust accounting mistakes are the ones you can't afford</h2>
<p class="lead">One reconciliation error in a trust account isn't a small problem. Let's make sure it never happens.</p>
<div class="pain-grid">
<div class="pain-item"><b>Client funds must never commingle.</b> The line has to be clean and provable.</div>
<div class="pain-item"><b>Three-way reconciliation is exacting.</b> And easy to fall behind on.</div>
<div class="pain-item"><b>Bar compliance is on you.</b> The stakes are your license.</div>
<div class="pain-item"><b>You'd rather practice law</b> than reconcile a trust ledger.</div>
</div>
</div></section>
<section class="help"><div class="wrap">
<div class="eyebrow">How I Help</div>
<h2>Precise, compliant, and always audit-ready</h2>
<p class="sub">Trust accounting handled with the exactness it demands.</p>
<div class="help-grid">
<div class="help-card"><h3>IOLTA / Trust Bookkeeping</h3><p>Client funds tracked precisely and kept properly separated — always.</p></div>
<div class="help-card"><h3>Three-Way Reconciliation</h3><p>Trust ledger, client ledgers, and bank reconciled and current.</p></div>
<div class="help-card"><h3>Audit-Ready Records</h3><p>Clean, organized documentation ready whenever the bar comes calling.</p></div>
<div class="help-card"><h3>Operating-Account Books</h3><p>Your firm's day-to-day bookkeeping handled alongside the trust side.</p></div>
<div class="help-card"><h3>Compliance Peace of Mind</h3><p>Know your trust accounting is right — so it's one less risk to carry.</p></div>
<div class="help-card"><h3>Payroll & Tax</h3><p>Full financial support for the firm, not just the trust account.</p></div>
</div>
</div></section>
<section class="proof"><div class="wrap">
<div class="quote">"My trust accounting is finally something I don't lose sleep over. Reconciled, clean, and ready if anyone ever asks."</div>
<div class="who">— A. Cohen, Attorney *[placeholder — replace with real testimonial]</div>
</div></section>
<section class="band"><div class="wrap">
<h2>Practice with peace of mind</h2>
<p>Let's talk about your trust and operating accounts — and how to keep them clean and compliant, every month.</p>
<a href="https://calendly.com/edmaliaconstanza/30min" target="_blank" rel="noopener" class="btn">Book a Free Call</a>
</div></section>
</div>
<script>
const btns=document.querySelectorAll('.switch button');
const pages=document.querySelectorAll('.page');
btns.forEach(b=>b.addEventListener('click',()=>{
btns.forEach(x=>x.classList.remove('active'));
pages.forEach(p=>p.classList.remove('active'));
b.classList.add('active');
document.getElementById(b.dataset.p).classList.add('active');
window.scrollTo(0,0);
}));
</script>
</body>
</html>
