JoeBot/HOALedgerIQ_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'Add Insights blog section with two founding articles' (#8) from feature/insights-blog into main
All checks were successful
Deploy to Production / deploy (push) Successful in 3s
Details

Browse Source 
Reviewed-on: #8
This commit is contained in:
JoeBot
2026-04-01 13:12:07 -04:00
parent 2b67cf2f69 bd20195df3
commit a4e25eb49d
8 changed files with 1117 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
articles/hoa-financial-blind-spots.html Normal file
View File

@@ -0,0 +1,315 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>5 Financial Blind Spots Putting Your HOA at Risk | HOA LedgerIQ Insights</title>
<meta name="description" content="Most HOA boards don't know what they don't know. Discover the 5 financial blind spots costing communities thousands of dollars — and how AI-powered management finds them before they become crises." />
<meta name="keywords" content="HOA financial management, HOA reserve fund planning, HOA cash flow forecasting, HOA budget vs actual, HOA delinquency tracking, community association finance" />
<link rel="canonical" href="https://www.hoaledgeriq.com/articles/hoa-financial-blind-spots" />
<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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="../styles.css" />
<!-- Open Graph -->
<meta property="og:title" content="5 Financial Blind Spots Putting Your HOA at Risk (And How AI Finds Them)" />
<meta property="og:description" content="Most HOA boards don't know what they don't know. Here are the five blind spots costing communities thousands — and how AI eliminates them." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.hoaledgeriq.com/articles/hoa-financial-blind-spots" />
<meta property="article:published_time" content="2026-04-01" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RTWNVXPMRF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RTWNVXPMRF');
</script>
</head>
<body>
<!-- COMING SOON BANNER -->
<div class="coming-soon-banner">
<span class="banner-badge" id="bannerCountdown">Launching Soon</span>
<span class="banner-text">HOA LedgerIQ is almost here — be first in line.</span>
<a href="../index.html#preview-signup" class="banner-cta">Get Early Access →</a>
</div>
<!-- NAV -->
<nav class="nav">
<div class="nav-inner">
<a href="../index.html" class="nav-logo">
<img src="../logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" />
</a>
<ul class="nav-links">
<li><a href="../index.html">Home</a></li>
<li><a href="../index.html#features">Features</a></li>
<li><a href="../index.html#pricing">Pricing</a></li>
<li><a href="index.html" class="nav-active">Insights</a></li>
</ul>
<a href="../index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
</div>
</nav>
<!-- ARTICLE HEADER -->
<header class="article-header">
<div class="container">
<div class="article-breadcrumb">
<a href="index.html">← Back to Insights</a>
</div>
<div class="article-tag">Financial Planning</div>
<h1 class="article-title">5 Financial Blind Spots Putting Your HOA at Risk<br /><span class="gradient-text">(And How AI Finds Them)</span></h1>
<p class="article-subtitle">Most boards don't know what they don't know. Spreadsheets don't send alerts. Static reports don't forecast. Here's what's hiding in plain sight.</p>
<div class="article-meta">
<span class="article-meta-author">HOA LedgerIQ Team</span>
<span class="article-meta-separator"></span>
<span>April 1, 2026</span>
<span class="article-meta-separator"></span>
<span>8 min read</span>
</div>
</div>
</header>
<!-- ARTICLE BODY: INTRO + BLIND SPOTS 1-3 -->
<section class="article-body-section">
<div class="container">
<div class="article-prose">
<p>Picture this: It's 48 hours before your HOA's quarterly board meeting. Your treasurer has just discovered that the reserve fund balance is off from where the spreadsheet said it should be. Two homeowners went delinquent two months ago — but nobody noticed until now because the tracking was buried four tabs deep. And someone just forwarded an email from a vendor asking why the landscaping invoice hasn't been paid, because the budget line ran out in September.</p>
<p>Welcome to the reality of manual HOA financial management.</p>
<p>The hard truth is that most HOA boards don't know what they don't know. Not because they're careless — quite the opposite. It's because the tools most boards use were never designed to surface problems <em>proactively</em>. Spreadsheets don't send alerts. Static reports don't forecast. Manual processes create lag between when a problem starts and when someone finally sees it.</p>
<p>The result? Financial blind spots that quietly cost communities tens of thousands of dollars — often before anyone realizes there's a problem at all.</p>
<p>Here are the five most common financial blind spots affecting HOA boards today, and how AI-powered management is eliminating them before they become crises.</p>
<h2>Blind Spot #1: Cash Flow Amnesia</h2>
<p>Most treasurers know their current bank balance. Very few can accurately answer: <em>"What will our balance be in 90 days?"</em></p>
<p>This distinction matters enormously. A $150,000 balance today can look perfectly healthy — right up until you remember that $80,000 in landscaping contracts comes due next month, $35,000 in insurance renewal hits in 60 days, and the quarterly reserve contribution is $25,000. Suddenly, that healthy-looking balance is a cash crisis in slow motion, and nobody has sounded the alarm because the spreadsheet only shows what's already happened.</p>
<p>Traditional financial tracking is backward-looking by nature. It tells you where you've been, not where you're going. AI-powered cash flow forecasting changes this entirely, modeling your projected balance 12 or more months into the future — based on known expense patterns, assessment income timing, seasonal spending cycles, and scheduled capital projects.</p>
<div class="highlight-box">
<p><strong>What AI finds:</strong> Cash crunches before they happen, giving boards time to adjust project timing, optimize investment placement, or accelerate assessment collection — instead of scrambling when the account runs dry.</p>
</div>
<h2>Blind Spot #2: Reserve Fund False Confidence</h2>
<p>"We have reserves" and "we have <em>enough</em> reserves" are very different statements. On a spreadsheet, they can look identical.</p>
<p>This is one of the most dangerous blind spots in HOA finance. A community might have $500,000 in their reserve account and feel financially secure. But without modeling that balance against the actual schedule of upcoming capital needs — roof replacement, HVAC systems, parking lot resurfacing, elevator modernization, pool equipment — it's impossible to know whether $500,000 is a cushion or a shortfall in disguise.</p>
<p>Reserve studies are supposed to solve this, but they have a critical structural flaw: they're static. The moment a reserve study is published, it begins going out of date. Actual spending differs from projections. Interest rates shift. Material costs change. Project timelines slip. A study completed in 2022 may be meaningfully misleading by 2026.</p>
<p>AI-powered reserve tracking makes this a living, continuous process. It compares actual reserve fund contributions and balances against the schedule of upcoming capital needs in real time, generating a health score that updates as conditions change — not just when someone remembers to update the spreadsheet.</p>
<div class="highlight-box">
<p><strong>What AI finds:</strong> Reserve shortfalls 12 to 24 months before they become emergencies, giving boards time for corrective action — an adjusted contribution rate, a modest assessment increase — rather than a surprise special assessment that leaves homeowners furious and the board scrambling.</p>
</div>
<h2>Blind Spot #3: Investment Income Left on the Table</h2>
<p>Here's a question worth asking right now: how much of your community's operating cash is sitting in a non-interest-bearing account?</p>
<p>For many HOAs, the answer is: most of it. Operating funds that aren't needed for immediate expenses tend to sit idle in basic checking accounts, earning nothing — while even modest deployment into high-yield savings, money market funds, or short-term CDs could be generating meaningful income for the community.</p>
<p>The hesitation is understandable. Deploying operating funds into any investment requires confidence that those funds won't be needed for expenses in the near term. Without reliable forward-looking cash flow projections, most treasurers keep everything liquid as a precaution — even when a meaningful portion could safely be put to work.</p>
<p>AI changes this calculus. By modeling projected cash needs against current balances, it can identify windows where idle funds can be safely deployed — and recommend specific strategies based on the timing and amount: a 30-day CD here, a 90-day treasury there, a sweep into a money market account while the next assessment cycle loads up.</p>
<div class="highlight-box">
<p><strong>What AI finds:</strong> Opportunities to earn additional investment income on idle funds — often thousands of dollars per year that most boards are simply leaving on the table without realizing it.</p>
</div>
</div>
</div>
</section>
<!-- BLIND SPOTS 4-5 -->
<section class="article-body-section" style="padding-top: 0;">
<div class="container">
<div class="article-prose">
<h2>Blind Spot #4: Delinquency Detection Lag</h2>
<p>Assessment delinquencies are a fact of life for every HOA. What separates well-run communities from struggling ones is how quickly they detect and respond to them.</p>
<p>In manual tracking environments, delinquencies frequently go undetected for 60 to 90 days. By the time a treasurer notices the discrepancy while reconciling a bank statement, confirms it in the spreadsheet, and raises it at the next board meeting — weeks or months have passed. The delinquent homeowner is now significantly deeper in arrears, recovery becomes harder, and the community's cash flow has quietly taken a hit that's rippling through the budget.</p>
<p>Automated delinquency tracking monitors payment patterns continuously. When a homeowner misses a payment — or when a pattern suggests a payment arrangement is deteriorating — the system flags it within days, not months. That speed matters. Early outreach often leads to quick resolution. A homeowner who's two weeks late and gets a friendly reminder is very different from one who's 90 days late and has now received a formal collections notice.</p>
<div class="highlight-box">
<p><strong>What AI finds:</strong> Payment issues in days rather than months, giving boards the opportunity to reach out early, offer payment plans when appropriate, and prevent small cash flow disruptions from compounding into significant arrears situations.</p>
</div>
<h2>Blind Spot #5: Budget Variance Surprises</h2>
<p>Nobody likes discovering at year-end that a budget line item ran 60% over projection. But in manual management environments, that's often exactly how boards find out.</p>
<p>The reason is simple: tracking budget-vs.-actual performance requires ongoing, active effort. In a spreadsheet-based system, that means someone has to manually pull current data, compare it against the approved budget, and calculate variances. This typically happens monthly at best, quarterly in many communities. By the time a significant variance is noticed, multiple months of overspending have already accumulated — and the options for corrective action have narrowed considerably.</p>
<p>Continuous variance monitoring turns this from a periodic manual exercise into an always-on alert system. When any budget category starts trending outside its approved range, the system flags it in real time — giving the board the opportunity to investigate and course-correct while there's still room to do so, not after the damage is done.</p>
<div class="highlight-box">
<p><strong>What AI finds:</strong> Budget deviations early in their development, when a conversation with a vendor or a simple spending adjustment can fix the problem — not at year-end when the overage is locked in and the only option is an unplanned reserve transfer.</p>
</div>
</div>
</div>
</section>
<!-- SCREENSHOT CAROUSEL -->
<section class="article-showcase">
<div class="container">
<div class="article-showcase-header">
<div class="section-label">See It in Action</div>
<h2>How HOA LedgerIQ Eliminates the Blind Spots</h2>
<p>Real-time dashboards, forward-looking forecasts, and AI-powered alerts — built to surface issues before they surface at a board meeting.</p>
</div>
<div class="screenshot-carousel" id="screenshotCarousel">
<div class="carousel-frame">
<div class="carousel-slides">
<div class="carousel-slide active">
<img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard — Fund health scores, operating and reserve balances" />
<div class="slide-caption">Dashboard — Fund Health &amp; At-a-Glance Metrics</div>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-cashflow.png" alt="HOA LedgerIQ Cash Flow — Projected balances with forward forecasting chart" />
<div class="slide-caption">Cash Flow — Actuals &amp; Forward Projections</div>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-capital.png" alt="HOA LedgerIQ Capital Planning — Multi-year project timeline and budget view" />
<div class="slide-caption">Capital Planning — 5-Year Project Pipeline</div>
</div>
</div>
</div>
<div class="carousel-controls">
<button class="carousel-btn carousel-prev" aria-label="Previous screenshot">&#8592;</button>
<div class="carousel-dots">
<span class="carousel-dot active" data-index="0"></span>
<span class="carousel-dot" data-index="1"></span>
<span class="carousel-dot" data-index="2"></span>
</div>
<button class="carousel-btn carousel-next" aria-label="Next screenshot">&#8594;</button>
</div>
</div>
</div>
</section>
<!-- ARTICLE BODY: CONCLUSION -->
<section class="article-body-section">
<div class="container">
<div class="article-prose">
<h2>The Common Thread</h2>
<p>Notice what all five of these blind spots have in common: they aren't failures of intelligence or diligence. They're failures of <em>timing</em>.</p>
<p>By the time manual processes surface these issues, the window for proactive response has often already closed. The cash shortage arrives before the forecast did. The reserve shortfall becomes visible when it's too late for gradual adjustment. The delinquency compounds for months before the spreadsheet reveals it. The budget variance is discovered after the fiscal year has ended.</p>
<p>AI-powered financial management doesn't just automate the tracking — it changes the <em>when</em> of discovery. From "too late to act" to "early enough to make a difference."</p>
<h2>What This Looks Like in Practice</h2>
<p>Consider a 200-unit HOA that switches from spreadsheet-based management to a platform like HOA LedgerIQ.</p>
<p>In the first month, the system flags that operating funds have been sitting idle in a non-interest-bearing checking account. Based on the cash flow model, $60,000 can be safely moved into a 90-day CD without affecting the community's ability to meet its obligations. At current rates, that's roughly $900 in additional interest income for the quarter — small in isolation, but meaningful when compounded year over year.</p>
<p>At month three, the reserve fund health score dips from 94% to 87%. The AI traces the change to a deferred HVAC replacement that's been rescheduled earlier than originally modeled. The board adjusts contributions by $50 per unit per month starting the following quarter. No emergency meeting. No special assessment. No angry homeowners.</p>
<p>At month five, a delinquency alert fires on a unit that's missed two consecutive payments. The board treasurer reaches out within the week, learns about a temporary hardship situation, and arranges a payment plan. The arrears are resolved within 90 days. Compare that to discovering a 6-month delinquency in December while closing out the books.</p>
<p>None of these outcomes required a financial expert on retainer. They required a system that was paying attention — so the board didn't have to do it manually.</p>
<h2>Seeing Clearly</h2>
<p>Financial blind spots don't just cost communities money. They cost board members sleep. They cost treasurers confidence. They cost volunteers the sense that their work actually matters — because how can you feel good about the financial health of your community when you're not entirely sure what that health actually is?</p>
<p>AI-powered HOA financial management doesn't eliminate the complexity of running a community association. What it does is ensure that the system is always watching, always modeling, and always surfacing the issues that matter — early enough for boards to respond, rather than react.</p>
<p>That's not just better financial management. That's the peace of mind that makes volunteer board service actually sustainable.</p>
</div>
</div>
</section>
<!-- ARTICLE CTA -->
<section class="article-cta">
<div class="container">
<h2>Stop Flying Blind. Start Your Free Trial.</h2>
<p>HOA LedgerIQ is accepting early access users now. See your community's financial blind spots — before they cost you.</p>
<a href="../index.html#preview-signup" class="btn btn-primary btn-lg">Get Early Access</a>
<p class="article-cta-note">No credit card required &nbsp;·&nbsp; 14-day free trial &nbsp;·&nbsp; No contracts</p>
</div>
</section>
<!-- ARTICLE BOTTOM NAV -->
<div class="insights-grid-section" style="padding: 2.5rem 0 3rem;">
<div class="container">
<div style="border-top: 1px solid rgba(255,255,255,0.07); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
<a href="why-we-built-hoa-ledgeriq.html" style="color: var(--blue); font-size: 0.875rem; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: opacity 0.2s;">← Previous: Why We Built HOA LedgerIQ</a>
<a href="index.html" style="color: var(--gray-400); font-size: 0.875rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: color 0.2s;">All Insights →</a>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-logo">
<img src="../logo_house.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" />
<p>AI-powered HOA finance management.</p>
</div>
<div class="footer-links">
<div class="footer-col">
<div class="footer-col-title">Product</div>
<a href="../index.html#features">Features</a>
<a href="../index.html#pricing">Pricing</a>
<a href="../index.html#preview-signup">Early Access</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Pages</div>
<a href="../investment-management.html">Investment Management</a>
<a href="../reserve-study-software.html">Reserve Studies</a>
<a href="index.html">Insights</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Legal</div>
<a href="../privacy.html">Privacy Policy</a>
<a href="../terms.html">Terms of Service</a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<span>&copy; 2026 HOA LedgerIQ. All rights reserved.</span>
</div>
</div>
</footer>
<script src="../app.js"></script>
<!-- Support Chat Widget -->
<script>
(function(d,t) {
var BASE_URL="https://chat.hoaledgeriq.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: '1QMW1fycL5xHvd6XMfg4Dbb4',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
</body>
</html>

163
articles/index.html Normal file
View File

@@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Insights — HOA Financial Management Tips &amp; Guides | HOA LedgerIQ</title>
<meta name="description" content="Practical insights, guides, and strategies for HOA board members, treasurers, and property managers. Real-world advice on reserve funds, budgeting, and AI-powered financial management." />
<meta name="keywords" content="HOA financial management, HOA budgeting tips, reserve fund planning, HOA board resources, community association finance" />
<link rel="canonical" href="https://www.hoaledgeriq.com/articles/" />
<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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="../styles.css" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RTWNVXPMRF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RTWNVXPMRF');
</script>
</head>
<body>
<!-- COMING SOON BANNER -->
<div class="coming-soon-banner">
<span class="banner-badge" id="bannerCountdown">Launching Soon</span>
<span class="banner-text">HOA LedgerIQ is almost here — be first in line.</span>
<a href="../index.html#preview-signup" class="banner-cta">Get Early Access →</a>
</div>
<!-- NAV -->
<nav class="nav">
<div class="nav-inner">
<a href="../index.html" class="nav-logo">
<img src="../logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" />
</a>
<ul class="nav-links">
<li><a href="../index.html">Home</a></li>
<li><a href="../index.html#features">Features</a></li>
<li><a href="../index.html#pricing">Pricing</a></li>
<li><a href="index.html" class="nav-active">Insights</a></li>
</ul>
<a href="../index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
</div>
</nav>
<!-- INSIGHTS HUB HERO -->
<section class="insights-hub-hero">
<div class="container">
<div class="section-label">HOA LedgerIQ Insights</div>
<h1>Financial Clarity for<br /><span class="gradient-text">HOA Boards &amp; Managers</span></h1>
<p>Practical guides, real-world strategies, and expert perspectives on HOA financial management — written for board members, treasurers, and property managers.</p>
</div>
</section>
<!-- ARTICLE GRID -->
<section class="insights-grid-section">
<div class="container">
<div class="article-grid">
<!-- Article 2 — Newest first -->
<a href="hoa-financial-blind-spots.html" class="article-card" style="text-decoration:none;">
<span class="article-card-tag">Financial Planning</span>
<h2 class="article-card-title">5 Financial Blind Spots Putting Your HOA at Risk (And How AI Finds Them)</h2>
<p class="article-card-excerpt">Most HOA boards don't know what they don't know. Spreadsheets don't send alerts. Static reports don't forecast. Here are the five blind spots costing communities thousands — and how AI-powered management eliminates them before they become crises.</p>
<div class="article-card-meta">
<span>HOA LedgerIQ Team</span>
<span class="article-card-meta-dot"></span>
<span>April 1, 2026</span>
<span class="article-card-meta-dot"></span>
<span>8 min read</span>
</div>
<span class="article-card-read-more">Read article →</span>
</a>
<!-- Article 1 — Older -->
<a href="why-we-built-hoa-ledgeriq.html" class="article-card" style="text-decoration:none;">
<span class="article-card-tag">Company Story</span>
<h2 class="article-card-title">Why We Built HOA LedgerIQ</h2>
<p class="article-card-excerpt">It started with a board meeting, a tired treasurer, and an answer nobody should ever hear at a financial review: "I think so." This is the story of why we set out to build the financial tool HOA boards actually deserve.</p>
<div class="article-card-meta">
<span>HOA LedgerIQ Team</span>
<span class="article-card-meta-dot"></span>
<span>March 16, 2026</span>
<span class="article-card-meta-dot"></span>
<span>6 min read</span>
</div>
<span class="article-card-read-more">Read article →</span>
</a>
</div>
</div>
</section>
<!-- CTA STRIP -->
<section class="article-cta">
<div class="container">
<h2>Ready to See It in Action?</h2>
<p>Join the early access list and be among the first boards to experience HOA LedgerIQ.</p>
<a href="../index.html#preview-signup" class="btn btn-primary btn-lg">Get Early Access</a>
<p class="article-cta-note">No credit card required &nbsp;·&nbsp; 14-day free trial &nbsp;·&nbsp; Cancel anytime</p>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-logo">
<img src="../logo_house.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" />
<p>AI-powered HOA finance management.</p>
</div>
<div class="footer-links">
<div class="footer-col">
<div class="footer-col-title">Product</div>
<a href="../index.html#features">Features</a>
<a href="../index.html#pricing">Pricing</a>
<a href="../index.html#preview-signup">Early Access</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Pages</div>
<a href="../investment-management.html">Investment Management</a>
<a href="../reserve-study-software.html">Reserve Studies</a>
<a href="index.html">Insights</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Legal</div>
<a href="../privacy.html">Privacy Policy</a>
<a href="../terms.html">Terms of Service</a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<span>&copy; 2026 HOA LedgerIQ. All rights reserved.</span>
</div>
</div>
</footer>
<script src="../app.js"></script>
<!-- Support Chat Widget -->
<script>
(function(d,t) {
var BASE_URL="https://chat.hoaledgeriq.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: '1QMW1fycL5xHvd6XMfg4Dbb4',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
</body>
</html>

288
articles/why-we-built-hoa-ledgeriq.html Normal file
View File

@@ -0,0 +1,288 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Why We Built HOA LedgerIQ | HOA LedgerIQ Insights</title>
<meta name="description" content="It started with a board meeting, a tired treasurer, and an answer nobody should hear at a financial review: 'I think so.' This is the founder story behind HOA LedgerIQ." />
<meta name="keywords" content="HOA financial management software, HOA accounting tool, HOA treasurer software, community association finance, HOA LedgerIQ" />
<link rel="canonical" href="https://www.hoaledgeriq.com/articles/why-we-built-hoa-ledgeriq" />
<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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="../styles.css" />
<!-- Open Graph -->
<meta property="og:title" content="Why We Built HOA LedgerIQ" />
<meta property="og:description" content="A founder's story about spreadsheet chaos, volunteer burnout, and the financial tools HOA boards deserve." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.hoaledgeriq.com/articles/why-we-built-hoa-ledgeriq" />
<meta property="article:published_time" content="2026-03-16" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RTWNVXPMRF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RTWNVXPMRF');
</script>
</head>
<body>
<!-- COMING SOON BANNER -->
<div class="coming-soon-banner">
<span class="banner-badge" id="bannerCountdown">Launching Soon</span>
<span class="banner-text">HOA LedgerIQ is almost here — be first in line.</span>
<a href="../index.html#preview-signup" class="banner-cta">Get Early Access →</a>
</div>
<!-- NAV -->
<nav class="nav">
<div class="nav-inner">
<a href="../index.html" class="nav-logo">
<img src="../logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" />
</a>
<ul class="nav-links">
<li><a href="../index.html">Home</a></li>
<li><a href="../index.html#features">Features</a></li>
<li><a href="../index.html#pricing">Pricing</a></li>
<li><a href="index.html" class="nav-active">Insights</a></li>
</ul>
<a href="../index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
</div>
</nav>
<!-- ARTICLE HEADER -->
<header class="article-header">
<div class="container">
<div class="article-breadcrumb">
<a href="index.html">← Back to Insights</a>
</div>
<div class="article-tag">Company Story</div>
<h1 class="article-title">Why We Built HOA LedgerIQ</h1>
<p class="article-subtitle">A founder's story about spreadsheet chaos, volunteer burnout, and the financial tools HOA boards actually deserve.</p>
<div class="article-meta">
<span class="article-meta-author">HOA LedgerIQ Team</span>
<span class="article-meta-separator"></span>
<span>March 16, 2026</span>
<span class="article-meta-separator"></span>
<span>6 min read</span>
</div>
</div>
</header>
<!-- ARTICLE BODY: ACT 1 -->
<section class="article-body-section">
<div class="container">
<div class="article-prose">
<h2>The Meeting That Started It All</h2>
<p>It was a Tuesday evening — the kind that makes you question every life decision that led you to volunteer for your HOA board. A handful of homeowners had gathered in the community room. Our treasurer — a retired accountant, someone who genuinely cared about getting this right — was walking the group through a financial update he'd spent most of his weekend building from scratch.</p>
<p>He'd pulled data from three different spreadsheets, logged into two separate bank portals, and referenced a reserve study that was nearly five years old. He was clearly exhausted. And then a homeowner asked what seemed like a perfectly reasonable question:</p>
<blockquote><p>"Are our reserves enough to replace the roof in five years?"</p></blockquote>
<p>There was a pause. Some shuffling of papers. And then the answer no one wants to hear at a financial meeting:</p>
<blockquote><p>"I think so."</p></blockquote>
<p>That was the moment. That's why we built HOA LedgerIQ.</p>
<h2>The Hidden Scale of the Problem</h2>
<p>What we witnessed that night isn't unusual. It's playing out in community rooms, living rooms, and kitchen tables across the country — every single month.</p>
<p>There are over 370,000 homeowners associations in the United States, collectively managing more than $100 billion in annual assessments and governing the financial lives of roughly 74 million Americans. These are real communities, real neighbors, real people's homes — with very real financial stakes attached to every decision a board makes.</p>
<p>And the vast majority of those boards are managing that money with Microsoft Excel.</p>
<p>The problem isn't that board members aren't capable or committed — they absolutely are. The people who volunteer their time to serve on these boards are some of the most dedicated community members you'll find anywhere. The problem is that the tools available to them were never designed for this specific job.</p>
<p>Generic accounting software wasn't built with HOA financial structures in mind. It doesn't understand the difference between operating funds and reserve funds. It doesn't handle assessment cycles or multi-year capital project planning. Property management platforms are often expensive and bloated, designed for large professional management companies — not for a volunteer treasurer trying to answer a straightforward question about roof replacement funding on a Tuesday night.</p>
<h2>What We Went Looking For</h2>
<p>After that board meeting, we did what any problem-solver does when they see a broken system: we went looking for something better.</p>
<p>We evaluated generic accounting platforms. We demoed property management suites. We tested several HOA-specific tools that had been around since the early 2000s. We talked to treasurers, board presidents, property managers, and community CPAs across the country.</p>
<p>What we consistently heard was some version of the same story:</p>
<blockquote><p>"Nothing is actually built for us."</p></blockquote>
<p>The existing tools required too much manual work. Reporting was rigid and time-consuming. Forecasting — the kind that tells you whether your reserve contributions today will actually fund your capital projects tomorrow — was either non-existent or required exporting to a spreadsheet, which was precisely the problem we started with. And none of them could intelligently answer a question like "what's the best use of our idle operating cash right now?" without looping in a paid advisor.</p>
<p>Meanwhile, volunteer board members were spending 15 to 20 hours every month on financial management. Burnout was rampant. Turnover was high. When a treasurer finally stepped down, years of institutional knowledge walked out the door with them.</p>
<p>The financial tool that HOA boards actually needed simply didn't exist.</p>
</div>
</div>
</section>
<!-- SCREENSHOT CAROUSEL: SEE WHAT WE BUILT -->
<section class="article-showcase">
<div class="container">
<div class="article-showcase-header">
<div class="section-label">See the Platform</div>
<h2>What We Set Out to Build</h2>
<p>Real-time financial clarity, AI-powered planning, and one-click board reports — built from the ground up for HOA boards.</p>
</div>
<div class="screenshot-carousel" id="screenshotCarousel">
<div class="carousel-frame">
<div class="carousel-slides">
<div class="carousel-slide active">
<img src="../img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard — Fund health scores, operating and reserve balances" />
<div class="slide-caption">Dashboard — Fund Health &amp; At-a-Glance Metrics</div>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-cashflow.png" alt="HOA LedgerIQ Cash Flow — Projected balances with forward forecasting chart" />
<div class="slide-caption">Cash Flow — Actuals &amp; Forward Projections</div>
</div>
<div class="carousel-slide">
<img src="../img/screenshot-capital.png" alt="HOA LedgerIQ Capital Planning — Multi-year project timeline and budget view" />
<div class="slide-caption">Capital Planning — 5-Year Project Pipeline</div>
</div>
</div>
</div>
<div class="carousel-controls">
<button class="carousel-btn carousel-prev" aria-label="Previous screenshot">&#8592;</button>
<div class="carousel-dots">
<span class="carousel-dot active" data-index="0"></span>
<span class="carousel-dot" data-index="1"></span>
<span class="carousel-dot" data-index="2"></span>
</div>
<button class="carousel-btn carousel-next" aria-label="Next screenshot">&#8594;</button>
</div>
</div>
</div>
</section>
<!-- ARTICLE BODY: ACT 2 -->
<section class="article-body-section">
<div class="container">
<div class="article-prose">
<h2>The Tool We Set Out to Build</h2>
<p>We decided to build it ourselves.</p>
<p>The central question we kept returning to: <em>what would a smart, tireless financial advisor look like if it were designed specifically for community associations?</em></p>
<p>It would understand HOA financial structures from the ground up — the difference between operating and reserve accounts, how assessment cycles work, how to model 5-year capital project timelines. It would connect to your bank and investment accounts directly, automatically categorizing transactions without manual entry. It would maintain a living, real-time picture of the community's financial health at all times — not a snapshot from last month's statement, but an always-current view.</p>
<p>And critically, it would be genuinely intelligent. Not just a better spreadsheet — but a system that actively helps boards make better decisions. One that flags when reserve contributions are drifting off target. One that recommends investment strategies tailored to your community's projected cash flow. One that can answer "are we on track to fund the roof replacement?" in plain English — without requiring a CPA on speed dial.</p>
<p>That vision became HOA LedgerIQ.</p>
<h2>What We Built</h2>
<p>We focused on the problems that every HOA board faces, regardless of size:</p>
<p><strong>Real-Time Financial Clarity.</strong> A live dashboard showing operating and reserve fund health, budget vs. actuals, and forward-looking cash flow — updated continuously, not monthly. Know exactly where your community stands at any moment, without waiting for a bank statement to arrive.</p>
<p><strong>AI-Powered Reserve Planning.</strong> Instead of a static reserve study that begins aging the moment it's published, HOA LedgerIQ maintains a dynamic 5-year capital planning view. The AI continuously evaluates whether your current contribution rates align with your upcoming project needs — and alerts you early when they don't, giving you time to adjust before it becomes a crisis.</p>
<p><strong>Intelligent Recommendations.</strong> Built on GPT-4, our AI advisor gives plain-English guidance on the questions boards actually ask. When should we schedule the parking lot reseal? Should we move operating funds into a short-term CD? Is our assessment rate for next year realistic given projected expenses? No finance degree required.</p>
<p><strong>One-Click Board Reports.</strong> Professional PDF and Excel reports — income statements, balance sheets, variance analysis, reserve fund status, delinquency tracking — ready for every board meeting with a single click. What used to take a treasurer an entire weekend can now be done in under a minute.</p>
<h2>Where We Are Today</h2>
<p>We're in the final stretch before our official launch, and the response from the HOA community has been more energizing than we anticipated.</p>
<p>Board members who've previewed the platform have shared things like:</p>
<blockquote><p>"This would have saved me so many Saturday afternoons."</p></blockquote>
<blockquote><p>"I finally feel like I actually understand where our community stands financially — not just what the balance is, but whether we're actually on track."</p></blockquote>
<blockquote><p>"The AI flagged a reserve shortfall I hadn't noticed. We adjusted our contributions before it became a problem. That alone made the whole thing worth it."</p></blockquote>
<p>We built HOA LedgerIQ because every community association — regardless of size, regardless of whether they have a professional management company or a retired accountant doing their best on a Tuesday night — deserves financial tools that make the job clear, intelligent, and actually manageable.</p>
<p>Your community's financial health is too important to run on spreadsheets and gut feelings. And your volunteers' time is too valuable to spend reconciling data that a system should be handling automatically.</p>
<p>We can't wait to show you what we built.</p>
</div>
</div>
</section>
<!-- ARTICLE CTA -->
<section class="article-cta">
<div class="container">
<h2>Ready to Leave the Spreadsheets Behind?</h2>
<p>Join the early access list and be among the first boards to experience HOA LedgerIQ.</p>
<a href="../index.html#preview-signup" class="btn btn-primary btn-lg">Get Early Access</a>
<p class="article-cta-note">No credit card required &nbsp;·&nbsp; 14-day free trial &nbsp;·&nbsp; No contracts</p>
</div>
</section>
<!-- ARTICLE BOTTOM NAV -->
<div class="insights-grid-section" style="padding: 2.5rem 0 3rem;">
<div class="container">
<div style="border-top: 1px solid rgba(255,255,255,0.07); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
<a href="index.html" style="color: var(--gray-400); font-size: 0.875rem; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: color 0.2s;">← All Insights</a>
<a href="hoa-financial-blind-spots.html" style="color: var(--blue); font-size: 0.875rem; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: opacity 0.2s;">Next: 5 Financial Blind Spots →</a>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-logo">
<img src="../logo_house.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" />
<p>AI-powered HOA finance management.</p>
</div>
<div class="footer-links">
<div class="footer-col">
<div class="footer-col-title">Product</div>
<a href="../index.html#features">Features</a>
<a href="../index.html#pricing">Pricing</a>
<a href="../index.html#preview-signup">Early Access</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Pages</div>
<a href="../investment-management.html">Investment Management</a>
<a href="../reserve-study-software.html">Reserve Studies</a>
<a href="index.html">Insights</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Legal</div>
<a href="../privacy.html">Privacy Policy</a>
<a href="../terms.html">Terms of Service</a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<span>&copy; 2026 HOA LedgerIQ. All rights reserved.</span>
</div>
</div>
</footer>
<script src="../app.js"></script>
<!-- Support Chat Widget -->
<script>
(function(d,t) {
var BASE_URL="https://chat.hoaledgeriq.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: '1QMW1fycL5xHvd6XMfg4Dbb4',
baseUrl: BASE_URL
})
}
})(document,"script");
</script>
</body>
</html>

7
index.html
View File

@@ -85,6 +85,7 @@ document.addEventListener('DOMContentLoaded', function() {
<ul class="nav-links"> <ul class="nav-links">
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
<li><a href="#pricing">Pricing</a></li> <li><a href="#pricing">Pricing</a></li>
<li><a href="articles/">Insights</a></li>
<li><a href="#preview-signup">Early Access</a></li> <li><a href="#preview-signup">Early Access</a></li>
</ul> </ul>
<a href="#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a> <a href="#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
@@ -461,6 +462,12 @@ document.addEventListener('DOMContentLoaded', function() {
<a href="#pricing">Pricing</a> <a href="#pricing">Pricing</a>
<a href="#preview-signup">Early Access</a> <a href="#preview-signup">Early Access</a>
</div> </div>
<div class="footer-col">
<div class="footer-col-title">Pages</div>
<a href="investment-management.html">Investment Management</a>
<a href="reserve-study-software.html">Reserve Studies</a>
<a href="articles/">Insights</a>
</div>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">Legal</div> <div class="footer-col-title">Legal</div>
<a href="privacy.html">Privacy Policy</a> <a href="privacy.html">Privacy Policy</a>

2
investment-management.html
View File

@@ -40,6 +40,7 @@
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
<li><a href="#strategies">Strategies</a></li> <li><a href="#strategies">Strategies</a></li>
<li><a href="#calculator">Calculator</a></li> <li><a href="#calculator">Calculator</a></li>
<li><a href="articles/">Insights</a></li>
</ul> </ul>
<a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a> <a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a> <a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
@@ -285,6 +286,7 @@
<div class="footer-col-title">Pages</div> <div class="footer-col-title">Pages</div>
<a href="investment-management.html">Investment Management</a> <a href="investment-management.html">Investment Management</a>
<a href="reserve-study-software.html">Reserve Studies</a> <a href="reserve-study-software.html">Reserve Studies</a>
<a href="articles/">Insights</a>
</div> </div>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">Legal</div> <div class="footer-col-title">Legal</div>

2
reserve-study-software.html
View File

@@ -40,6 +40,7 @@
<li><a href="#features">Features</a></li> <li><a href="#features">Features</a></li>
<li><a href="#comparison">Comparison</a></li> <li><a href="#comparison">Comparison</a></li>
<li><a href="index.html#pricing">Pricing</a></li> <li><a href="index.html#pricing">Pricing</a></li>
<li><a href="articles/">Insights</a></li>
</ul> </ul>
<a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a> <a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a> <a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
@@ -247,6 +248,7 @@
<div class="footer-col-title">Pages</div> <div class="footer-col-title">Pages</div>
<a href="investment-management.html">Investment Management</a> <a href="investment-management.html">Investment Management</a>
<a href="reserve-study-software.html">Reserve Studies</a> <a href="reserve-study-software.html">Reserve Studies</a>
<a href="articles/">Insights</a>
</div> </div>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">Legal</div> <div class="footer-col-title">Legal</div>

22
sitemap.xml
View File

@@ -34,6 +34,28 @@
<priority>0.95</priority> <priority>0.95</priority>
</url> </url>
<!-- Insights / Blog -->
<url>
<loc>https://www.hoaledgeriq.com/articles/</loc>
<lastmod>2026-04-01</lastmod>
<changefreq>weekly</changefreq>
<priority>0.85</priority>
</url>
<url>
<loc>https://www.hoaledgeriq.com/articles/hoa-financial-blind-spots</loc>
<lastmod>2026-04-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.80</priority>
</url>
<url>
<loc>https://www.hoaledgeriq.com/articles/why-we-built-hoa-ledgeriq</loc>
<lastmod>2026-03-16</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<!-- Legal Pages --> <!-- Legal Pages -->
<url> <url>
<loc>https://www.hoaledgeriq.com/privacy.html</loc> <loc>https://www.hoaledgeriq.com/privacy.html</loc>

318
styles.css
View File

@@ -1298,3 +1298,321 @@ body {
.calc-wrapper { padding: 24px 20px; } .calc-wrapper { padding: 24px 20px; }
.strategy-card { padding: 24px; } .strategy-card { padding: 24px; }
} }
/* ======================================================
INSIGHTS / BLOG
====================================================== */
/* ── Active nav link ─────────────────────────────────── */
.nav-active {
color: var(--blue) !important;
}
/* ── Insights Hub Hero ───────────────────────────────── */
.insights-hub-hero {
background: var(--gray-900);
padding: 5rem 0 3.5rem;
text-align: center;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.insights-hub-hero h1 {
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
letter-spacing: -0.025em;
color: #fff;
line-height: 1.2;
margin-bottom: 1rem;
}
.insights-hub-hero p {
font-size: 1.05rem;
color: var(--gray-400);
max-width: 580px;
margin: 0 auto;
line-height: 1.7;
}
.insights-grid-section { padding: 4rem 0 5rem; }
/* ── Article Cards Grid ──────────────────────────────── */
.article-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.75rem;
margin-top: 2.5rem;
}
.article-card {
background: var(--gray-800);
border: 1px solid rgba(255,255,255,0.07);
border-radius: var(--radius-lg);
padding: 2rem;
display: flex;
flex-direction: column;
gap: 0.9rem;
transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.article-card:hover {
border-color: rgba(37,99,235,0.45);
transform: translateY(-3px);
box-shadow: var(--shadow-lg);
}
.article-card-tag {
display: inline-block;
background: rgba(79,70,229,0.15);
color: var(--blue);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 0.25rem 0.7rem;
border-radius: 100px;
width: fit-content;
}
.article-card-title {
font-size: 1.2rem;
font-weight: 700;
color: #fff;
line-height: 1.35;
margin: 0;
}
.article-card-excerpt {
font-size: 0.93rem;
color: var(--gray-400);
line-height: 1.7;
flex: 1;
}
.article-card-meta {
display: flex;
align-items: center;
gap: 0.65rem;
font-size: 0.78rem;
color: var(--gray-400);
padding-top: 0.75rem;
border-top: 1px solid rgba(255,255,255,0.06);
flex-wrap: wrap;
}
.article-card-meta-dot {
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--gray-600);
display: inline-block;
flex-shrink: 0;
}
.article-card-read-more {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: var(--blue);
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
transition: gap 0.2s;
}
.article-card-read-more:hover { gap: 0.6rem; }
/* ── Article Page Header ─────────────────────────────── */
.article-header {
background: var(--gray-900);
padding: 4.5rem 0 3rem;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.article-header .container { max-width: 800px; }
.article-breadcrumb { padding-bottom: 1.5rem; }
.article-breadcrumb a {
color: var(--gray-400);
font-size: 0.85rem;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.35rem;
transition: color 0.2s;
}
.article-breadcrumb a:hover { color: var(--blue); }
.article-tag {
display: inline-block;
background: rgba(79,70,229,0.15);
color: var(--blue);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 0.25rem 0.7rem;
border-radius: 100px;
margin-bottom: 1.1rem;
}
.article-title {
font-size: clamp(1.65rem, 4vw, 2.6rem);
font-weight: 800;
color: #fff;
line-height: 1.2;
letter-spacing: -0.02em;
margin-bottom: 1rem;
}
.article-subtitle {
font-size: 1.05rem;
color: var(--gray-400);
line-height: 1.7;
max-width: 640px;
margin-bottom: 2rem;
}
.article-meta {
display: flex;
align-items: center;
gap: 0.85rem;
font-size: 0.85rem;
color: var(--gray-400);
flex-wrap: wrap;
}
.article-meta-author { font-weight: 600; color: var(--gray-200); }
.article-meta-separator {
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--gray-600);
display: inline-block;
flex-shrink: 0;
}
/* ── Article Prose Body ──────────────────────────────── */
.article-body-section { padding: 3.5rem 0; }
.article-body-section .container { max-width: 800px; }
.article-prose { max-width: 720px; margin: 0 auto; }
.article-prose p {
font-size: 1.05rem;
line-height: 1.85;
color: var(--gray-200);
margin-bottom: 1.5rem;
}
.article-prose h2 {
font-size: 1.5rem;
font-weight: 700;
color: #fff;
margin: 2.75rem 0 1rem;
line-height: 1.3;
letter-spacing: -0.015em;
}
.article-prose h3 {
font-size: 1.15rem;
font-weight: 600;
color: #fff;
margin: 2rem 0 0.75rem;
}
.article-prose ul {
margin: 0 0 1.5rem 0;
padding-left: 1.5rem;
}
.article-prose li {
font-size: 1.05rem;
line-height: 1.8;
color: var(--gray-200);
margin-bottom: 0.5rem;
}
.article-prose blockquote {
border-left: 3px solid var(--blue);
padding: 0.75rem 1.5rem;
margin: 2rem 0;
background: rgba(37,99,235,0.07);
border-radius: 0 8px 8px 0;
}
.article-prose blockquote p {
font-size: 1.05rem;
font-style: italic;
color: var(--gray-100);
margin: 0;
}
.article-prose strong { color: #fff; font-weight: 600; }
.article-prose em { color: var(--gray-100); }
.article-prose .highlight-box {
background: rgba(37,99,235,0.06);
border: 1px solid rgba(37,99,235,0.2);
border-radius: var(--radius);
padding: 1.25rem 1.5rem;
margin: 2rem 0;
}
.article-prose .highlight-box p { margin: 0; font-size: 0.98rem; }
/* ── Article Screenshot Showcase ─────────────────────── */
.article-showcase {
background: var(--gray-800);
border-top: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid rgba(255,255,255,0.06);
padding: 4rem 0;
}
.article-showcase-header {
text-align: center;
margin-bottom: 2.5rem;
}
.article-showcase-header h2 {
font-size: 1.65rem;
font-weight: 700;
color: #fff;
margin-bottom: 0.5rem;
}
.article-showcase-header p {
color: var(--gray-400);
font-size: 0.95rem;
max-width: 540px;
margin: 0 auto;
}
/* ── Article CTA ─────────────────────────────────────── */
.article-cta {
background: linear-gradient(135deg, rgba(37,99,235,0.1) 0%, rgba(79,70,229,0.08) 100%);
border-top: 1px solid rgba(37,99,235,0.18);
border-bottom: 1px solid rgba(37,99,235,0.18);
padding: 4rem 0;
text-align: center;
}
.article-cta h2 {
font-size: 1.65rem;
font-weight: 700;
color: #fff;
margin-bottom: 0.75rem;
}
.article-cta p {
color: var(--gray-400);
font-size: 1rem;
margin-bottom: 2rem;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.article-cta-note {
font-size: 0.8rem;
color: var(--gray-600);
margin-top: 1.1rem;
margin-bottom: 0;
}
/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
.article-grid { grid-template-columns: 1fr; }
.insights-hub-hero { padding: 3rem 0 2.25rem; }
.insights-hub-hero h1 { font-size: 1.75rem; }
.article-header { padding: 3rem 0 2rem; }
.article-title { font-size: 1.6rem; }
.article-prose { padding: 0; }
.article-prose h2 { font-size: 1.3rem; margin-top: 2rem; }
.article-prose p, .article-prose li { font-size: 1rem; }
.article-meta { gap: 0.5rem; }
.article-showcase { padding: 2.5rem 0; }
}