index.html

---
layout: default
title: F.I.R.E. - Techmore
---

<main class="bg-olive-300">
    <!-- Hero -->
    <section class="py-10">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:gap-6">
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 bg-olive-700 rounded-xl flex items-center justify-center text-olive-50">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m6-6H6" />
                        </svg>
                    </div>
                    <div>
                        <h1 class="text-3xl font-display italic text-olive-950">F.I.R.E. Savings System</h1>
                        <p class="text-sm text-olive-800">Repeatable ways to lower recurring costs, measure payback, and compound household savings.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Savings Loops -->
    <section class="pb-8">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid gap-4 lg:grid-cols-4">
                <a href="#blog-posts" class="bg-olive-200 rounded-xl border border-olive-400 p-5 hover:bg-olive-100 transition-colors">
                    <p class="text-xs text-olive-600 font-mono tracking-widest uppercase">Audit</p>
                    <h2 class="mt-3 text-xl text-olive-950">Find The Leak</h2>
                    <p class="mt-2 text-sm text-olive-700">Review bills, subscriptions, suppliers, service plans, and usage patterns until the avoidable spend is visible.</p>
                </a>
                <a href="#blog-posts" class="bg-olive-200 rounded-xl border border-olive-400 p-5 hover:bg-olive-100 transition-colors">
                    <p class="text-xs text-olive-600 font-mono tracking-widest uppercase">Switch</p>
                    <h2 class="mt-3 text-xl text-olive-950">Replace The Vendor</h2>
                    <p class="mt-2 text-sm text-olive-700">Move from expensive defaults to cheaper suppliers, prepaid plans, better cash yield, and right-sized services.</p>
                </a>
                <a href="#blog-posts" class="bg-olive-200 rounded-xl border border-olive-400 p-5 hover:bg-olive-100 transition-colors">
                    <p class="text-xs text-olive-600 font-mono tracking-widest uppercase">Upgrade</p>
                    <h2 class="mt-3 text-xl text-olive-950">Buy Back The Future</h2>
                    <p class="mt-2 text-sm text-olive-700">Model solar, water heating, networking, and resilience projects by annual savings, payback, and risk reduction.</p>
                </a>
                <a href="/pages/energy-monitoring/" class="bg-olive-950 rounded-xl border border-olive-800 p-5 text-olive-50 hover:bg-olive-900 transition-colors">
                    <p class="text-xs text-olive-400 font-mono tracking-widest uppercase">Measure</p>
                    <h2 class="mt-3 text-xl text-olive-50">Watch The System</h2>
                    <p class="mt-2 text-sm text-olive-300">Use energy monitoring and project notes to verify whether savings stayed captured after the first win.</p>
                </a>
            </div>
        </div>
    </section>

    <!-- Savings Options -->
    <section id="blog-posts" class="pb-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid gap-6 lg:grid-cols-5">
                <div class="lg:col-span-2 bg-olive-200/80 rounded-xl border border-olive-400 p-6 shadow-sm" id="content-grid">
                    <h2 class="text-2xl text-olive-950 mb-4">Savings Options</h2>
                    <div class="space-y-4">
                        <a href="#electrical" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">⚡</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Electrical</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$180/yr locked</span>
                                </div>
                                <p class="text-sm text-olive-700">Cutting My Electric Bill by $700/Year</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Supplier switch and rate comparison</li>
                                    <li>Budget billing and assistance options</li>
                                    <li>Panel-level load analysis and solar context</li>
                                </ul>
                            </div>
                        </a>
                        <a href="/pages/e-cars/" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">🚗</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="flex items-center gap-2">
                                        <h3 class="text-base text-olive-900 font-semibold">E-Cars</h3>
                                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-0.5 rounded">Model</span>
                                    </div>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">5-year TCO</span>
                                </div>
                                <p class="text-sm text-olive-700">Used EV ownership cost modeling</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Used EV price and depreciation bands</li>
                                    <li>Volume, stability, and battery-risk scoring</li>
                                    <li>Adjustable five-year ownership model</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#cellphone" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">📱</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Cell Phone</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$840/yr locked</span>
                                </div>
                                <p class="text-sm text-olive-700">Plan Optimization</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>AT&amp;T to Mint Mobile price drop</li>
                                    <li>Actual annual prepaid math</li>
                                    <li>Tradeoffs and coverage considerations</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#internet" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">📶</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Internet</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$480/yr locked</span>
                                </div>
                                <p class="text-sm text-olive-700">Starlink to Fios with standby backup</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Primary/backup WAN cost model</li>
                                    <li>Reliability tradeoffs with dual WAN</li>
                                    <li>Net annual savings after standby service</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#betterment" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">🏦</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Betterment</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$360-600/yr est.</span>
                                </div>
                                <p class="text-sm text-olive-700">High-yield savings optimization</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Emergency fund yield comparison</li>
                                    <li>Cash segmentation by job</li>
                                    <li>Low-effort annual return improvements</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#costco" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">🛒</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Costco</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">ROI varies</span>
                                </div>
                                <p class="text-sm text-olive-700">Membership ROI and order analysis</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Membership payback framing</li>
                                    <li>Per-order savings examples</li>
                                    <li>Repeatable pantry and bulk-buy logic</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#unifi" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">📡</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="flex items-center gap-2">
                                        <h3 class="text-base text-olive-900 font-semibold">UniFi</h3>
                                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-0.5 rounded">Project</span>
                                    </div>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">Resilience focus</span>
                                </div>
                                <p class="text-sm text-olive-700">Network build</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Firewall, switching, and AP design</li>
                                    <li>Per-building rollout model</li>
                                    <li>Cost summary for resilient local networking</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#septic" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">🚽</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <h3 class="text-base text-olive-900 font-semibold">Septic</h3>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">~$150/yr est.</span>
                                </div>
                                <p class="text-sm text-olive-700">Service plan review</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Maintenance cadence and invoice review</li>
                                    <li>Service pricing context</li>
                                    <li>Low-drama upkeep guidance</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#heatpump" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">🔥</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="flex items-center gap-2">
                                        <h3 class="text-base text-olive-900 font-semibold">Heat Pump Water Heater</h3>
                                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-0.5 rounded">Projection</span>
                                    </div>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$350-420/yr est.</span>
                                </div>
                                <p class="text-sm text-olive-700">Projected savings and installation scope</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Current vs projected operating cost</li>
                                    <li>Equipment options and install needs</li>
                                    <li>Payback and F.I.R.E. impact modeling</li>
                                </ul>
                            </div>
                        </a>
                        <a href="#solar" class="flex items-start gap-4 p-4 bg-olive-200 rounded-xl hover:bg-olive-400/60 transition-colors border border-olive-400">
                            <div class="w-12 h-12 bg-olive-300 rounded-lg flex items-center justify-center flex-shrink-0 text-2xl">☀️</div>
                            <div class="flex-1 min-w-0">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="flex items-center gap-2">
                                        <h3 class="text-base text-olive-900 font-semibold">Solar</h3>
                                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-0.5 rounded">Projection</span>
                                    </div>
                                    <span class="text-xs bg-green-100 text-green-800 px-2 py-0.5 rounded whitespace-nowrap">$720-1,800/yr est.</span>
                                </div>
                                <p class="text-sm text-olive-700">6kWh goal with 24-hour backup</p>
                                <ul class="mt-2 list-disc pl-5 text-sm text-olive-800 space-y-1">
                                    <li>Phased solar and battery roadmap</li>
                                    <li>Load profile and ROI assumptions</li>
                                    <li>Off-grid comfort vs cost tradeoffs</li>
                                </ul>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="lg:col-span-3 bg-olive-200/70 rounded-xl border border-olive-400 p-6 shadow-sm">
                    <p class="text-xs text-olive-600 font-mono tracking-widest uppercase">F.I.R.E. Index</p>
                    <h2 class="mt-3 text-2xl text-olive-950">Recurring Savings Playbook</h2>
                    <p class="mt-3 text-base text-olive-800">The homepage is for options that can be repeated: audit a category, switch the default, verify the savings, then revisit it on a schedule.</p>
                    <p class="mt-4 text-base text-olive-800">Completed items are the quick wins: supplier shopping, service plan cleanup, internet and phone optimization, cash yield improvement, and disciplined purchasing. Project and projection items are larger upgrades where the payoff comes from reliability, efficiency, or lower long-term utility exposure.</p>
                    <div class="mt-8 grid grid-cols-1 gap-x-8 gap-y-8 sm:grid-cols-2">
                        <div class="flex flex-col gap-y-2 border-l border-olive-400 pl-6">
                            <p class="text-lg text-olive-950 font-semibold tracking-tight">Completed Savings</p>
                            <p class="text-sm text-olive-700">~$1,800-2,100/year already captured through plan changes, pricing fixes, and account optimization.</p>
                        </div>
                        <div class="flex flex-col gap-y-2 border-l border-olive-400 pl-6">
                            <p class="text-lg text-olive-950 font-semibold tracking-tight">Future Upside</p>
                            <p class="text-sm text-olive-700">~$1,800-2,500/year additional upside tied to water heating, solar, and systems-level upgrades.</p>
                        </div>
                        <div class="flex flex-col gap-y-2 border-l border-olive-400 pl-6">
                            <p class="text-lg text-olive-950 font-semibold tracking-tight">Completed Posts</p>
                            <p class="text-sm text-olive-700">Electrical, cell phone, internet, Betterment, Costco, and septic focus on current-state operating expense reductions.</p>
                        </div>
                        <div class="flex flex-col gap-y-2 border-l border-olive-400 pl-6">
                            <p class="text-lg text-olive-950 font-semibold tracking-tight">Future Projects</p>
                            <p class="text-sm text-olive-700">UniFi is marked as <code class="bg-olive-100 px-1 rounded text-olive-800 font-mono text-xs">Project</code>; heat pump and solar are marked as <code class="bg-olive-100 px-1 rounded text-olive-800 font-mono text-xs">Projection</code>; E-Cars is marked as <code class="bg-olive-100 px-1 rounded text-olive-800 font-mono text-xs">Model</code> so future-state work is visible without mixing it with booked savings.</p>
                        </div>
                    </div>
                    <div class="mt-6 border-t border-olive-400 pt-4">
                        <p class="text-sm text-olive-800">Use the feed for the short version. The article archive below keeps the full original notes available when you need the detailed math, links, and assumptions.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-16 bg-olive-200 border-t border-olive-300">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between mb-6">
                <div>
                    <p class="text-xs text-olive-500 font-mono tracking-widest uppercase">Article Archive</p>
                    <h2 class="text-3xl text-olive-950">Full Notes & Source Detail</h2>
                </div>
            </div>
            <div class="legacy-content bg-olive-200/70 rounded-xl border border-olive-400 p-8">

            <div class="grid gap-8">
                <!-- Electrical Post -->
                <article id="electrical" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">⚡</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Cutting My Electric Bill by $700/Year</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Power costs, supplier switching, and assistance programs, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">After getting a handle on all my bills, I decided to dig into my Met-Ed electric bills from the past year. What I found was shocking — I was significantly overpaying for electricity due to a bad supplier contract. Here's exactly what I did to cut my costs.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🚨 Priority #1: Ditch the Expensive Supplier</h3>
                        <p>I was using <strong>AEP Energy</strong> as my electric generation supplier at <strong>14.49 cents/KWH</strong>. But Met-Ed's "Price to Compare" (their default service rate) was only <strong>11.04 cents/KWH</strong>.</p>
                        
                        <div class="bg-red-50 p-6 rounded-xl border border-red-200">
                            <p class="text-lg"><strong>The Math:</strong> Over 11 months, I used ~20,000 KWH. At 3.5 cents difference, that's roughly <strong>$650–$700 in pure overpayment</strong> just for choosing the wrong supplier.</p>
                        </div>

                        <p><strong>What I did:</strong> Switched from AEP Energy (14.49¢) to <strong>Townsquare Energy (11.17¢)</strong> — a savings of about 3.3 cents per kWh. That's roughly <strong>$15/month</strong> or $180/year in pure savings, just by shopping around.</p>

                        <div class="not-prose bg-olive-300 p-6 rounded-xl border border-olive-400 mt-6">
                            <h4 class="font-medium text-olive-950 mb-3">🔌 Official PA Comparison Tools</h4>
                            <p class="text-sm text-olive-700 mb-3"><strong>PAPowerSwitch</strong> — Pennsylvania's official electricity comparison site, run by the PUC. Enter your ZIP code to compare electric suppliers, rates, and plan terms. It's the go-to checker for PA's deregulated energy market.</p>
                            <p class="text-sm text-olive-700 mb-3"><strong>PAGasSwitch</strong> — The companion site for natural gas rate comparisons in Pennsylvania.</p>
                            <div class="flex gap-3 mt-4">
                                <a href="https://www.papowerswitch.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center px-4 py-2 bg-olive-800 text-olive-50 rounded-lg hover:bg-olive-700 transition-colors text-sm font-medium">Visit PAPowerSwitch →</a>
                                <a href="https://www.pagasswitch.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center px-4 py-2 bg-olive-200 text-olive-800 rounded-lg hover:bg-olive-300 transition-colors text-sm font-medium">Visit PAGasSwitch →</a>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💸 Priority #2: Cancel Junk Charges</h3>
                        <p>Every single bill included a <strong>$6.99/month HomeServe</strong> charge — that's $84/year for an optional home repair protection plan I never used.</p>
                        
                        <p><strong>What I did:</strong> Called <strong>888-658-3800</strong> to cancel. Took about 5 minutes. Immediate $84/year savings.</p>

                        <div class="bg-green-50 p-6 rounded-xl border border-green-200">
                            <p class="text-lg"><strong>Quick win:</strong> Review your bills for recurring charges you don't use — warranty programs, insurance add-ons, etc. Call to cancel.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 Priority #3: Equal Payment Plan</h3>
                        <p>Switched to Met-Ed's <strong>Equal Payment Plan</strong> to lock in <strong>$135/month</strong> instead of wild swings from $300 in summer to $692 in winter.</p>
                        
                        <p>How it works: They take a running 12-month average of your costs, lock you in at that amount each month, then do a "true-up" push or pull at the end of the year to settle up.</p>
                        
                        <p class="text-olive-700 italic"><strong>Note:</strong> Since I just got a heat pump system installed, my winter usage will likely increase this year. I should expect an extra $100-200/month this coming winter and budget accordingly.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🔍 What I Learned About My Usage</h3>
                        <p>My usage pattern tells a clear story:</p>
                        <ul class="list-disc pl-6 space-y-2">
                            <li><strong>Summer:</strong> ~900–1,900 KWH/month</li>
                            <li><strong>Winter:</strong> ~2,100–3,100 KWH/month</li>
                        </ul>
                        
                        <p>This dramatic winter jump strongly suggests <strong>electric heat</strong> (baseboard or heat pump). The good news: a new heat pump is typically 3x more efficient than electric baseboard, so my costs should normalize over time.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🆘 Assistance Programs to Look Into</h3>
                        <p>If you qualify, these PA programs can help significantly:</p>
                        
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">LIHEAP</h4>
                                <p class="text-sm text-olive-700">$200–$1,000 one-time grant sent directly to your utility. Based on income (150% federal poverty). <strong>Apply at compass.state.pa.us</strong></p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">PCAP</h4>
                                <p class="text-sm text-olive-700">Met-Ed's Customer Assistance Program — percentage-of-income payment plan for low-income customers. <strong>Call 1-800-545-7741</strong></p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">LIURP/WARM</h4>
                                <p class="text-sm text-olive-700">Free weatherization — insulation, sealing, heating system upgrades. Based on income and usage. <strong>Call 1-800-764-0111</strong></p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Customer Service</h4>
                                <p class="text-sm text-olive-700">Always worth a call — Met-Ed: 1-800-545-7741. Ask about budget billing, assistance programs, and payment plans.</p>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🏠 Home Energy Audits & Tools</h3>
                        <p>Want to understand your home's energy efficiency? Pennsylvania DEP points to these federal tools:</p>
                        
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">ENERGY STAR Home Energy Yardstick</h4>
                                <p class="text-sm text-olive-700 mt-2">Input your utility bills and square footage to score your home's efficiency (1-10 scale). Great for tracking improvements over time.</p>
                                <a href="https://www.energystar.gov/campaign/home_energy_yardstick" target="_blank" rel="noopener noreferrer" class="inline-block mt-3 text-sm text-olive-700 underline">Visit ENERGY STAR →</a>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Home Energy Advisor</h4>
                                <p class="text-sm text-olive-700 mt-2">Broader tool from ENERGY STAR for understanding where your home uses energy and what improvements have the biggest impact.</p>
                                <a href="https://www.energystar.gov/products/home_energy_advisor" target="_blank" rel="noopener noreferrer" class="inline-block mt-3 text-sm text-olive-700 underline">Visit Home Energy Advisor →</a>
                            </div>
                        </div>

                        <p class="mt-4 text-olive-700 italic">These tools help you understand your home's efficiency and prioritize upgrades (insulation, windows, HVAC) for maximum ROI.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 Summary</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Switched supplier (AEP → Townsquare)</td>
                                        <td class="py-2 font-medium text-right">~$15/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Canceled HomeServe</td>
                                        <td class="py-2 font-medium text-right">$6.99/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Equal Payment Plan</td>
                                        <td class="py-2 font-medium text-right">Predictability</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Total Annual Savings</td>
                                        <td class="py-3 font-bold text-lg text-right">~$260/year+</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-6 text-olive-700 italic">The biggest win was realizing I was even on AEP Energy in the first place. If you're on a third-party supplier, check your rate against your utility's Price to Compare. You might be leaving hundreds of dollars on the table.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 Addendum: Historical Data & Circuit Analysis</h3>

                        <h4 class="text-xl text-olive-800 mt-6">PA Historical Electricity Costs (Bucks County)</h4>
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Year</th>
                                        <th class="text-right py-2">Avg $/kWh (PA)</th>
                                        <th class="text-right py-2">Notes</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">2005</td>
                                        <td class="py-2 text-right">~$0.08</td>
                                        <td class="py-2 text-right">Pre-fracking boom</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2010</td>
                                        <td class="py-2 text-right">~$0.11</td>
                                        <td class="py-2 text-right">Natural gas expansion</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2015</td>
                                        <td class="py-2 text-right">~$0.13</td>
                                        <td class="py-2 text-right">Rate increases begin</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2020</td>
                                        <td class="py-2 text-right">~$0.13</td>
                                        <td class="py-2 text-right">Stable</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2022</td>
                                        <td class="py-2 text-right">~$0.17</td>
                                        <td class="py-2 text-right">Energy crisis</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2024</td>
                                        <td class="py-2 text-right">~$0.14-0.16</td>
                                        <td class="py-2 text-right">Current range</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">2026</td>
                                        <td class="py-2 text-right">~$0.12-0.15</td>
                                        <td class="py-2 text-right">With supplier switch</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">PA Average Monthly Home Usage</h4>
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">PA Average (2023)</td>
                                        <td class="py-2 text-right font-medium">~886 kWh/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">US Average (2023)</td>
                                        <td class="py-2 text-right font-medium">~886 kWh/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">My Usage (Winter 2026)</td>
                                        <td class="py-2 text-right font-medium text-red-600">~2,600-3,200 kWh/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">My Usage vs Average</td>
                                        <td class="py-2 text-right font-bold text-red-600">3-3.6x higher!</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">📈 My Actual Usage Data</h4>
                        <div class="bg-red-50 p-6 rounded-xl border border-red-200 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-red-100">
                                    <tr>
                                        <td class="py-2">Peak Daily Usage</td>
                                        <td class="py-2 text-right font-bold">~150 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Monthly Peak</td>
                                        <td class="py-2 text-right font-bold">~3,200 kWh/month</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Winter Average</td>
                                        <td class="py-2 text-right font-bold">~87 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Summer Estimate</td>
                                        <td class="py-2 text-right font-bold">~30-50 kWh/day</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">🔌 Circuit Analysis (Feb 2026 Data)</h4>
                        <p class="text-olive-700 mt-2">Based on IoTaWatt circuit monitoring data from the Barn panel:</p>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Circuit</th>
                                        <th class="text-right py-2">Daily Avg (kWh)</th>
                                        <th class="text-right py-2">Peak Day (kWh)</th>
                                        <th class="text-right py-2">% of Total</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Heat Pump</td>
                                        <td class="py-2 text-right">~45-50</td>
                                        <td class="py-2 text-right">~142</td>
                                        <td class="py-2 text-right">~55%</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Water Heater</td>
                                        <td class="py-2 text-right">~12-15</td>
                                        <td class="py-2 text-right">~22</td>
                                        <td class="py-2 text-right">~15%</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Mains A + B</td>
                                        <td class="py-2 text-right">~40-50</td>
                                        <td class="py-2 text-right">~90</td>
                                        <td class="py-2 text-right">~50%</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Dryer</td>
                                        <td class="py-2 text-right">~1-11</td>
                                        <td class="py-2 text-right">~11</td>
                                        <td class="py-2 text-right">~5%</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Kitchen</td>
                                        <td class="py-2 text-right">~2-3</td>
                                        <td class="py-2 text-right">~5</td>
                                        <td class="py-2 text-right">~3%</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Well Pump</td>
                                        <td class="py-2 text-right">~0.5-1</td>
                                        <td class="py-2 text-right">~1.5</td>
                                        <td class="py-2 text-right">~1%</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>🔋 Solar Sizing Implications:</strong> The heat pump is the dominant load (~55% of total). This is good news for solar because:</p>
                            <ul class="list-disc pl-6 mt-2 text-amber-800">
                                <li>Heat pump runs mostly during day — direct solar offset possible</li>
                                <li>At ~45-50 kWh/day average, it's predictable</li>
                                <li>Water heater is also daytime-loadable with scheduling</li>
                                <li>If we target 6 kWh/day solar + 24hr backup, we cover baseline — heat pump becomes the variable</li>
                            </ul>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">🎯 Minimum Viable Solar for Off-Grid</h4>
                        <p class="text-olive-700 mt-2">Based on circuit analysis, here's what we'd need to cover essentials:</p>

                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Scenario</th>
                                        <th class="text-right py-2">Daily Target</th>
                                        <th class="text-right py-2">Battery</th>
                                        <th class="text-right py-2">Est. Cost</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Absolute minimum (kitchen + well + basics)</td>
                                        <td class="py-2 text-right">~5 kWh</td>
                                        <td class="py-2 text-right">10 kWh</td>
                                        <td class="py-2 text-right">~$5-8K</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Comfort (add water heater + some HVAC)</td>
                                        <td class="py-2 text-right">~15 kWh</td>
                                        <td class="py-2 text-right">24 kWh</td>
                                        <td class="py-2 text-right">~$12-15K</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Full coverage (including heat pump)</td>
                                        <td class="py-2 text-right">~50+ kWh</td>
                                        <td class="py-2 text-right">50+ kWh</td>
                                        <td class="py-2 text-right">~$30K+</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-green-50 p-4 rounded-xl border border-green-200 mt-4">
                            <p class="text-green-800"><strong>💡 Key Takeaway:</strong> With heat pump being 55% of usage, the most cost-effective approach is to either: (1) get a heat-pump water heater that runs on solar schedule, or (2) accept that full off-grid with heat pump requires a massive system. A 6kWh/day solar with 24hr backup covers everything except heat pump — realistic for ~$8-12K.</p>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">🔮 Cost Projections (2026-2030)</h4>
                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800 mb-2"><strong>📌 Note:</strong> These are projections based on current trends. The Emporia Energy monitor in the panel tracks real-time usage to help optimize.</p>
                        </div>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Year</th>
                                        <th class="text-right py-2">Est. Rate ($/kWh)</th>
                                        <th class="text-right py-2">Est. Monthly</th>
                                        <th class="text-right py-2">Notes</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">2026 (current)</td>
                                        <td class="py-2 text-right">$0.12-0.15</td>
                                        <td class="py-2 text-right">$312-480</td>
                                        <td class="py-2 text-right">With supplier</td>
                                    </tr>
                                    <tr class="bg-amber-50">
                                        <td class="py-2">2027 <span class="text-xs bg-amber-200 text-amber-800 px-1 rounded">PROJECTED</span></td>
                                        <td class="py-2 text-right">$0.13-0.16</td>
                                        <td class="py-2 text-right">$338-512</td>
                                        <td class="py-2 text-right">+5-8% inflation</td>
                                    </tr>
                                    <tr class="bg-amber-50">
                                        <td class="py-2">2028 <span class="text-xs bg-amber-200 text-amber-800 px-1 rounded">PROJECTED</span></td>
                                        <td class="py-2 text-right">$0.14-0.17</td>
                                        <td class="py-2 text-right">$364-544</td>
                                        <td class="py-2 text-right">Infrastructure costs</td>
                                    </tr>
                                    <tr class="bg-amber-50">
                                        <td class="py-2">2029 <span class="text-xs bg-amber-200 text-amber-800 px-1 rounded">PROJECTED</span></td>
                                        <td class="py-2 text-right">$0.14-0.18</td>
                                        <td class="py-2 text-right">$364-576</td>
                                        <td class="py-2 text-right">Possible rate hikes</td>
                                    </tr>
                                    <tr class="bg-amber-50">
                                        <td class="py-2">2030 <span class="text-xs bg-amber-200 text-amber-800 px-1 rounded">PROJECTED</span></td>
                                        <td class="py-2 text-right">$0.15-0.19</td>
                                        <td class="py-2 text-right">$390-608</td>
                                        <td class="py-2 text-right">Grid costs rising</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">🆓 Free Temperature Control Strategy</h4>
                        <p class="text-olive-700 mt-2">With IoT monitoring (Emporia Energy), we can optimize for "free" temperature control:</p>

                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2 font-medium">Strategy</td>
                                        <td class="py-2 font-medium">How It Works</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Pre-heat/cool with solar</td>
                                        <td class="py-2">Run heat pump when solar is producing (daytime)</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Thermal mass</td>
                                        <td class="py-2">Heat water/thermal mass during day, coast at night</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Outdoor temp triggers</td>
                                        <td class="py-2">Set thermostat to activate at certain temp thresholds</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Real-time optimization</td>
                                        <td class="py-2">Use Emporia data to see what's running and when</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-green-50 p-4 rounded-xl border border-green-200 mt-4">
                            <p class="text-green-800"><strong>🎯 The 80% Goal:</strong> Instead of 100% off-grid, target covering 80% of daily power needs (~50-70 kWh) with solar. The remaining 20% is grid backup. With smart scheduling:</p>
                            <ul class="list-disc pl-6 mt-2 text-green-800">
                                <li>Run heat pump during peak solar hours (10am-4pm)</li>
                                <li>Schedule water heater for midday</li>
                                <li>Use thermal mass (hot water tank) as a "battery"</li>
                                <li>Let the grid handle overnight base load</li>
                            </ul>
                            <p class="mt-2 text-green-800">This approach reduces solar requirements by ~40% while still achieving ~80% grid independence.</p>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">📡 Emporia Energy Monitor</h4>
                        <div class="bg-olive-300 p-4 rounded-xl border border-olive-400 mt-4">
                            <p class="text-olive-800">The Emporia Energy monitor is installed in the panel and provides:</p>
                            <ul class="list-disc pl-6 mt-2 text-olive-800">
                                <li>Real-time circuit-level monitoring</li>
                                <li>Historical usage patterns</li>
                                <li>Peak usage identification</li>
                                <li>Per-circuit costs</li>
                                <li>Grid vs solar comparison (when solar is added)</li>
                            </ul>
                            <p class="text-olive-700 mt-2">This data is crucial for optimizing when to run high-draw appliances like heat pump and water heater.</p>
                        </div>

                        <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                            <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Electrical</div>
                            <a href="#electrical" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                        </div>
                    </div>
                </div>

            </article>

            <!-- Septic Post -->
            <article id="septic" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">🚽</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Septic Pumping & Maintenance Costs</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">What to expect for septic service, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">Owning a home with a septic system means planning for regular maintenance. Here's what I learned about septic pumping costs and what to expect as a homeowner.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💰 Recent Invoice</h3>
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Item</th>
                                        <th class="text-right py-2">Qty</th>
                                        <th class="text-right py-2">Unit Price</th>
                                        <th class="text-right py-2">Total</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">OS-R-Pumping 1000</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$419.53</td>
                                        <td class="py-2 text-right">$419.53</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Coupon-LOVEYOURSEPTIC75</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">-$75.00</td>
                                        <td class="py-2 text-right text-green-600">-$75.00</td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium" colspan="3">Estimated Total</td>
                                        <td class="py-3 font-bold text-lg text-right">$344.53</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        <p><strong>Net cost after coupon:</strong> <strong>$344.53</strong> for pumping a 1000 gallon septic tank.</p>

                        <div class="bg-amber-50 p-6 rounded-xl border border-amber-200">
                            <p class="text-lg"><strong>💡 Tip:</strong> Search for septic pumping coupons! I found <strong>LOVEYOURSEPTIC75</strong> which saved $75. Many companies run seasonal promotions — it's worth checking before you book.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📅 How Often to Pump</h3>
                        <p>General guidelines for septic pumping frequency:</p>
                        <ul class="list-disc pl-6 space-y-2 mt-4">
                            <li><strong>Every 2-3 years</strong> for households with 1-2 people</li>
                            <li><strong>Every 3-5 years</strong> for households with 3-4 people</li>
                            <li><strong>Every 1-2 years</strong> if you have a garbage disposal (adds solids)</li>
                            <li><strong>Every 1-2 years</strong> for heavy water users</li>
                        </ul>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🔧 Maintenance Tips</h3>
                        <div class="not-prose grid gap-4 mt-4">
                            <div class="bg-green-50 p-4 rounded-xl border border-green-200">
                                <h4 class="font-medium text-green-800">✅ Do</h4>
                                <ul class="text-sm text-green-700 mt-2 space-y-1">
                                    <li>• Pump every 3-5 years (regular maintenance)</li>
                                    <li>• Use septic-safe toilet paper</li>
                                    <li>• Divert roof drains and surface water away from the drainfield</li>
                                    <li>• Inspect the tank annually</li>
                                </ul>
                            </div>
                            <div class="bg-red-50 p-4 rounded-xl border border-red-200">
                                <h4 class="font-medium text-red-800">❌ Don't</h4>
                                <ul class="text-sm text-red-700 mt-2 space-y-1">
                                    <li>• Flush wipes, paper towels, or grease</li>
                                    <li>• Use harsh chemical drain cleaners</li>
                                    <li>• Park vehicles on the drainfield</li>
                                    <li>• Plant trees near the septic system (roots!)</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💵 Cost Breakdown</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Average pump cost (1000 gal)</td>
                                        <td class="py-2 font-medium text-right">$350–$500</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Inspection</td>
                                        <td class="py-2 font-medium text-right">$100–$250</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Repair (if needed)</td>
                                        <td class="py-2 font-medium text-right">$500–$3,000+</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Annual maintenance budget</td>
                                        <td class="py-3 font-bold text-lg text-right">~$150–$200</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-6 text-olive-700 italic">Pro tip: Set aside $150-200/year for septic maintenance. It's cheaper than a emergency pump or repair. And always — always — use a coupon if you can find one!</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Septic</div>
                        <a href="#septic" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- UniFi Network Post -->
            <article id="unifi" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">📡</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <div class="flex items-center gap-4 mb-2">
                        <h2 class="text-4xl text-olive-950">UniFi Network Build: 2.5GbE</h2>
                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-1 rounded">Project</span>
                    </div>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Dedicated firewall + switch + AP with building expansion modeling, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">After researching UniFi options, I landed on a dedicated firewall + switch + AP approach rather than an all-in-one Dream Machine. Here's the full buildout with expansion options for additional buildings.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🎯 Why Separate Firewall & AP?</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Approach</th>
                                        <th class="text-right py-2">Pros</th>
                                        <th class="text-right py-2">Cons</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2 font-medium">Dream Machine (All-in-One)</td>
                                        <td class="py-2 text-right text-sm">Simple, cheap, one device</td>
                                        <td class="py-2 text-right text-sm">Shared resources, limited throughput</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2 font-medium">Dedicated Gateway + Switch + AP</td>
                                        <td class="py-2 text-right text-sm">Full throughput, PoE, modular, upgradeable</td>
                                        <td class="py-2 text-right text-sm">More expensive, more to manage</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📦 Main Building Build</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Item</th>
                                        <th class="text-right py-2">Price</th>
                                        <th class="text-right py-2">Qty</th>
                                        <th class="text-right py-2">Subtotal</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">UniFi Cloud Gateway Ultra (UCG-Ultra)</td>
                                        <td class="py-2 text-right">$129.00</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$129.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">UniFi Flex Switch 2.5G PoE (8-port)</td>
                                        <td class="py-2 text-right">$199.00</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$199.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">UniFi U7 Long-Range AP</td>
                                        <td class="py-2 text-right">$159.00</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$159.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">AC Adapter 210W (PoE power)</td>
                                        <td class="py-2 text-right">$79.00</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$79.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Vertiv Liebert PSA5 UPS 1500VA</td>
                                        <td class="py-2 text-right">$185.16</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$185.16</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-olive-200">
                                        <td class="py-3 font-bold">Total</td>
                                        <td class="py-3 text-right"></td>
                                        <td class="py-3 text-right"></td>
                                        <td class="py-3 font-bold text-xl text-right">$751.16</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🏗️ Per Building Add-on (No Firewall Needed)</h3>
                        <p class="text-olive-700">Additional buildings connect back to main switch — just need switch + AP:</p>

                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">UniFi Flex Switch 2.5G PoE</td>
                                        <td class="py-2 text-right font-medium">$199.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">UniFi U7 Long-Range AP</td>
                                        <td class="py-2 text-right font-medium">$159.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Cat6a/Fiber Cable (est.)</td>
                                        <td class="py-2 text-right font-medium">~$50</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Per Building Total</td>
                                        <td class="py-3 font-bold text-right">~$408</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💰 Cost Summary</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Configuration</th>
                                        <th class="text-right py-2">Cost</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Main Building Only</td>
                                        <td class="py-2 text-right font-medium">~$800</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">+1 Additional Building</td>
                                        <td class="py-2 text-right font-medium">~$1,250</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">+2 Additional Buildings</td>
                                        <td class="py-2 text-right font-medium">~$1,700</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-4 text-olive-700 italic">Key advantages: 2.5GbE for fast LAN, dedicated firewall for full throughput, PoE+ to power APs, and UPS keeps network online during outages. Additional buildings only need a switch + AP — they're behind the main firewall.</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • UniFi</div>
                        <a href="#unifi" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- Betterment Post -->
            <article id="betterment" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">🏦</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Betterment High-Yield Savings</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Earning 3.25% APY on emergency funds vs. 0.01% at traditional banks, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">If you're keeping cash in a traditional checking or savings account, you're likely earning almost nothing. High-yield savings accounts (HYSAs) like Betterment offer 3%+ APY — over 300x more than the national average. Here's why it matters and how to think about how much to keep there.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 The Interest Difference</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Account Type</th>
                                        <th class="text-right py-2">APY</th>
                                        <th class="text-right py-2">$5,000/yr earned</th>
                                        <th class="text-right py-2">$10,000/yr earned</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Traditional Savings (avg)</td>
                                        <td class="py-2 text-right">0.01%</td>
                                        <td class="py-2 text-right">$0.50</td>
                                        <td class="py-2 text-right">$1.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Betterment HYSA</td>
                                        <td class="py-2 text-right">3.25%</td>
                                        <td class="py-2 text-right text-green-600">$162.50</td>
                                        <td class="py-2 text-right text-green-600">$325.00</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Difference</td>
                                        <td class="py-3 text-right font-bold">+3.24%</td>
                                        <td class="py-3 text-right font-bold text-green-600">+$162/year</td>
                                        <td class="py-3 text-right font-bold text-green-600">+$324/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="text-olive-700 mt-4">That's free money just for moving cash to a better account. No lock-ups, no risk (FDIC insured up to $250K per depositor), and you can withdraw anytime.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🏠 How Much Should You Keep in Savings?</h3>
                        <p class="text-olive-700">The standard recommendation is <strong>3-6 months of expenses</strong>. Here's how to think about it using example monthly costs:</p>

                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Monthly Expenses</th>
                                        <th class="text-right py-2">3 Months</th>
                                        <th class="text-right py-2">6 Months</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">$4,000/month</td>
                                        <td class="py-2 text-right font-medium">$12,000</td>
                                        <td class="py-2 text-right font-medium">$24,000</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">$5,000/month</td>
                                        <td class="py-2 text-right font-medium">$15,000</td>
                                        <td class="py-2 text-right font-medium">$30,000</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">$6,000/month</td>
                                        <td class="py-2 text-right font-medium">$18,000</td>
                                        <td class="py-2 text-right font-medium">$36,000</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-olive-200">
                                        <td class="py-3 font-bold">Interest earned at 3.25%</td>
                                        <td class="py-3 text-right font-bold text-green-600">$390-585/yr</td>
                                        <td class="py-3 text-right font-bold text-green-600">$780-1,170/yr</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💳 But Don't Forget: Checking Account Minimums</h3>
                        <p class="text-olive-700">Many banks charge monthly fees if you don't keep a minimum balance. Here's what to account for:</p>

                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Typical Checking Requirements</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• Minimum balance: $500-1,500</li>
                                    <li>• Monthly direct deposits: $500+</li>
                                    <li>• Monthly fee if not met: $10-25</li>
                                    <li>• Waived with linked savings</li>
                                </ul>
                            </div>
                            <div class="bg-green-50 p-4 rounded-xl">
                                <h4 class="font-medium text-green-800">The Strategy</h4>
                                <ul class="text-sm text-green-700 mt-2 space-y-1">
                                    <li>• Keep minimum in checking ($1,000-2,000)</li>
                                    <li>• Move excess to Betterment HYSA</li>
                                    <li>• Transfer back as bills come due</li>
                                    <li>• Earn 3.25% on the difference</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🧮 Real Numbers: My Breakdown</h3>
                        <p class="text-olive-700">Using a $5,000/month expense example:</p>

                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-3">Monthly expenses</td>
                                        <td class="py-3 text-right font-medium">$5,000</td>
                                    </tr>
                                    <tr>
                                        <td class="py-3">3-month emergency fund target</td>
                                        <td class="py-3 text-right font-medium">$15,000</td>
                                    </tr>
                                    <tr>
                                        <td class="py-3">Checking account minimum</td>
                                        <td class="py-3 text-right font-medium">$1,500</td>
                                    </tr>
                                    <tr>
                                        <td class="py-3">Amount to keep in Betterment</td>
                                        <td class="py-3 text-right font-bold">$13,500</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Interest earned (3.25% APY)</td>
                                        <td class="py-3 text-right font-bold text-green-700">$439/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>Note:</strong> This doesn't include the $500-1,000 you'd keep in checking for daily spending. The real "excess" to move is your emergency fund minus checking minimum.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 Why Betterment?</h3>
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-green-50 p-4 rounded-xl border border-green-200">
                                <h4 class="font-medium text-green-800">✅ Pros</h4>
                                <ul class="text-sm text-green-700 mt-2 space-y-1">
                                    <li>• 3.25% APY (as of March 2026)</li>
                                    <li>• FDIC insured</li>
                                    <li>• No monthly fees</li>
                                    <li>• Easy transfers (ACH)</li>
                                    <li>• Integrates with Betterment investing</li>
                                </ul>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">📝 Notes</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• Rates are variable (can go up or down)</li>
                                    <li>• Not a bank — partner banks for FDIC</li>
                                    <li>• 1-3 day transfers to checking</li>
                                    <li>• Betterment Premium has advisory fee</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🧮 F.I.R.E. Impact</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Cash in traditional savings ($10K)</td>
                                        <td class="py-2 font-medium text-right">~$1/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Betterment HYSA ($10K)</td>
                                        <td class="py-2 font-medium text-right text-green-700">~$325/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Cash in traditional savings ($25K)</td>
                                        <td class="py-2 font-medium text-right">~$2.50/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Betterment HYSA ($25K)</td>
                                        <td class="py-2 font-medium text-right text-green-700">~$813/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">On $15K (3mo @ $5K/mo)</td>
                                        <td class="py-3 font-bold text-xl text-right text-green-700">~$488/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-6 text-olive-700 italic">Not massive money, but free interest that compounds over time. On a $15K emergency fund, you're earning ~$500/year doing nothing. That offsets a phone bill or a month of internet. It's one of the easiest wins in personal finance.</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Betterment</div>
                        <a href="#betterment" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- Costco Post -->
            <article id="costco" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">🛒</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Costco Bulk Shopping Analysis</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Is the membership worth it? A breakdown, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">I finally got a Costco membership to see if the bulk savings justify the $64/year cost. Here's a breakdown of my first order and whether it's worth it for me.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💰 The Membership</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Costco Executive Membership</td>
                                        <td class="py-2 font-medium text-right">~$60/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Sales Tax (PA ~6-7%)</td>
                                        <td class="py-2 font-medium text-right">~$4</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Total First Year</td>
                                        <td class="py-3 font-bold text-lg text-right">~$64</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <p>The Executive membership gives 2% back on most purchases, which adds up if you spend $3,000+/year at Costco.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📦 My First Order Breakdown</h3>
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Item</th>
                                        <th class="text-right py-2">Price</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Kirkland Signature Eggs, 5 dozen</td>
                                        <td class="py-2 text-right">$11.11</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">King Arthur Bread Flour, 12 lbs</td>
                                        <td class="py-2 text-right">$11.34</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Kirkland Butter, 4-pack (16 oz each)</td>
                                        <td class="py-2 text-right">$9.64</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Sweet Onions, 5 lbs</td>
                                        <td class="py-2 text-right">$5.10</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Arm & Hammer Baking Soda, 13.5 lbs</td>
                                        <td class="py-2 text-right">$10.20</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">White Vinegar, 6-pack (64 oz)</td>
                                        <td class="py-2 text-right">$9.07</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Kirkland Parchment Paper, 2-pack</td>
                                        <td class="py-2 text-right">$15.88</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Diamond Crystal Salt, 4 lbs</td>
                                        <td class="py-2 text-right">$1.69</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Classico Pasta Sauce, 3-pack (32 oz)</td>
                                        <td class="py-2 text-right">$14.09</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Purina Friskies Cat Food, 60 cans</td>
                                        <td class="py-2 text-right">$49.93</td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Subtotal</td>
                                        <td class="py-3 font-bold text-right">$154.49</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Sales Tax</td>
                                        <td class="py-2 text-right">$4.36</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Tip</td>
                                        <td class="py-2 text-right">$8.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2 text-green-600">Discounts & Coupons</td>
                                        <td class="py-2 text-right text-green-600">-$16.00</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Total Paid</td>
                                        <td class="py-3 font-bold text-lg text-right">$150.85</td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        <div class="bg-green-50 p-6 rounded-xl border border-green-200">
                            <p class="text-lg"><strong>Total savings on this order:</strong> $16.00 (from discounts, coupons, and delivery promo). That alone almost covers the membership!</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🥖 Sourdough Staples Analysis</h3>
                        <p>As a sourdough baker, I was particularly interested in these value buys:</p>
                        
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">King Arthur Bread Flour</h4>
                                <p class="text-sm text-olive-700 mt-1">12 lbs for $11.34 — that's ~$0.95/lb. Would pay $4-5 for a 5 lb bag at grocery store. <strong>Huge win.</strong></p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Butter</h4>
                                <p class="text-sm text-olive-700 mt-1">4 lbs (4 x 1 lb blocks) for $9.64 — $2.41/lb. Premium butter for baking at a great price.</p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Diamond Crystal Salt</h4>
                                <p class="text-sm text-olive-700 mt-1">4 lbs for $1.69. This will last YEARS. Salt doesn't expire.</p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Arm & Hammer Baking Soda</h4>
                                <p class="text-sm text-olive-700 mt-1">13.5 lbs for $10.20. For baking AND cleaning. This will last 5+ years.</p>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 Is It Worth It?</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">This order value (food)</td>
                                        <td class="py-2 font-medium text-right">~$135</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Equivalent at grocery store (est.)</td>
                                        <td class="py-2 font-medium text-right">~$180–$220</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Savings on this order</td>
                                        <td class="py-2 font-medium text-right">~$45–$85</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Membership cost</td>
                                        <td class="py-2 font-medium text-right">$64</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-medium">Net savings (first order)</td>
                                        <td class="py-3 font-bold text-lg text-right text-green-600">~$0–$20+</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-950 mt-6">Verdict: Yes, worth it if...</h4>
                        <ul class="list-disc pl-6 space-y-2 mt-4">
                            <li>You buy in bulk and have storage space</li>
                            <li>You have a large household or meal-prep habits</li>
                            <li>You buy premium baking supplies (King Arthur flour is cheaper here)</li>
                            <li>You use the 2% Executive cashback</li>
                            <li>You can shop in-store to avoid delivery fees</li>
                        </ul>

                        <p class="mt-6 text-olive-700 italic">Pro tip: Delivery is convenient but adds fees. In-store pickup is free and faster. Also: check for coupons in the Costco app — I saved $16 on this order alone!</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Costco</div>
                        <a href="#costco" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- Heat Pump Water Heater Post -->
            <article id="heatpump" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">🔥</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <div class="flex items-center gap-4 mb-2">
                        <h2 class="text-4xl text-olive-950">Heat Pump Water Heater</h2>
                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-1 rounded">Projection</span>
                    </div>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Switching from electric resistance to hybrid heat pump, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">My current hot water heater uses about 370 kWh/month at ~$44/month. A heat pump water heater could cut that dramatically — here's the analysis.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 Current vs. Projected Costs</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Item</th>
                                        <th class="text-right py-2">Current</th>
                                        <th class="text-right py-2">Heat Pump</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Monthly Electric</td>
                                        <td class="py-2 text-right">370 kWh</td>
                                        <td class="py-2 text-right">~75-120 kWh</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Monthly Cost</td>
                                        <td class="py-2 text-right font-medium">~$44/month</td>
                                        <td class="py-2 text-right text-green-600">~$9-15/month</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Monthly Savings</td>
                                        <td class="py-3 text-right">—</td>
                                        <td class="py-3 font-bold text-right text-green-700">~$29-35/month</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Annual Savings</td>
                                        <td class="py-3 text-right">$528/year</td>
                                        <td class="py-3 font-bold text-right text-green-700">~$350-575/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="text-olive-700 italic">Rheem advertises up to $575/year savings — your actual savings depend on usage patterns, climate, and efficiency settings. The 370kWh → 75-120kWh reduction is typical for heat pump water heaters (3-4x more efficient than electric resistance).</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🛒 Options & Pricing</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Model</th>
                                        <th class="text-right py-2">Size</th>
                                        <th class="text-right py-2">Price</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Rheem Performance Platinum 65 gal</td>
                                        <td class="py-2 text-right">65 gal</td>
                                        <td class="py-2 text-right font-medium">$1,934</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Rheem Performance Platinum 80 gal</td>
                                        <td class="py-2 text-right">80 gal</td>
                                        <td class="py-2 text-right font-medium">$2,479</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Rheem ProTerra 80 gal (leak detection)</td>
                                        <td class="py-2 text-right">80 gal</td>
                                        <td class="py-2 text-right font-medium">$2,357</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Rheem Performance Platinum ProTerra 80 gal (120V plug-in)</td>
                                        <td class="py-2 text-right">80 gal</td>
                                        <td class="py-2 text-right font-medium">$2,525</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>💡 Tip:</strong> The 65-gallon model at $1,934 is the best value. If you need more hot water capacity, the 80-gal ProTerra at $2,357 includes leak detection and auto shutoff — worth the extra $400 for peace of mind.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🔧 Installation Requirements</h3>
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Electrical</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• Most need dedicated 240V circuit (30A)</li>
                                    <li>• The 120V plug-in model works on standard outlet</li>
                                    <li>• But 120V has longer recovery time</li>
                                </ul>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Space</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• Needs ~700+ sq ft ventilated space</li>
                                    <li>• Garage or basement ideal</li>
                                    <li>• Pulls air from surroundings</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">⏰ Payback Calculation</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Unit Cost (65 gal)</td>
                                        <td class="py-2 text-right font-medium">$1,934</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Installation (est.)</td>
                                        <td class="py-2 text-right font-medium">$500-1,000</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Total Investment</td>
                                        <td class="py-2 text-right font-medium">$2,400-2,900</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Annual Energy Savings</td>
                                        <td class="py-2 text-right font-medium text-green-600">~$350-575</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Simple Payback</td>
                                        <td class="py-3 text-right font-bold">~4-7 years</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-4 text-olive-700 italic">With a 10-year warranty and $350-575/year savings, this is a solid investment. The unit pays for itself in 4-7 years and keeps saving for decades after.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 F.I.R.E. Impact</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Current hot water cost</td>
                                        <td class="py-2 font-medium text-right">$528/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Projected cost (heat pump)</td>
                                        <td class="py-2 font-medium text-right">~$110-180/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Annual Savings</td>
                                        <td class="py-3 font-bold text-xl text-right text-green-700">~$350-420/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Heat Pump Water Heater</div>
                        <a href="#heatpump" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- Solar Post -->
            <article id="solar" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">☀️</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <div class="flex items-center gap-4 mb-2">
                        <h2 class="text-4xl text-olive-950">Solar: 6kWh Goal + 24hr Backup</h2>
                        <span class="text-xs bg-amber-100 text-amber-800 px-2 py-1 rounded">Projection</span>
                    </div>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Goal: Generate 6kWh daily with 24-hour backup at 15kWh capacity, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <div class="bg-green-50 p-6 rounded-xl border border-green-200">
                            <p class="text-lg"><strong>🎯 My Goal:</strong> Replace all electric loads (heating, cooking, water heating, dryer) with solar + battery backup using a phased approach starting with EG4 equipment.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 Confirmed Load Profile (Real Data)</h3>
                        
                        <div class="bg-red-50 p-6 rounded-xl border border-red-200 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-red-100">
                                    <tr>
                                        <td class="py-2">Average day</td>
                                        <td class="py-2 text-right font-bold">~80 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Peak day (worst case)</td>
                                        <td class="py-2 text-right font-bold">150 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Spring/Fall baseline</td>
                                        <td class="py-2 text-right">~32 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Summer peak (AC)</td>
                                        <td class="py-2 text-right">~67 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Typical winter</td>
                                        <td class="py-2 text-right">~75-90 kWh/day</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Annual average</td>
                                        <td class="py-2 text-right">~58 kWh/day</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>⚡ All electric:</strong> Heating (Mitsubishi HP), cooking, water heating, dryer. Plan to replace water heater with heat pump (Rheem ProTerra).</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🗺️ Phased Approach: Dolbec Homestead System</h3>
                        
                        <div class="bg-green-50 p-4 rounded-xl border border-green-200 mt-4">
                            <p class="text-green-800"><strong>Architecture:</strong> <strong>Off-Grid</strong> system with EG4 12K XP inverter, EG4/Lithi2 16kWh indoor battery, and BlueSun 460W bifacial panels. Grid connection available as backup via EPP ($135/month equal payment plan).</p>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">Phase 1: Foundation (Recommended Starting Point)</h4>
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Item</th>
                                        <th class="text-right py-2">Qty</th>
                                        <th class="text-right py-2">Unit Cost</th>
                                        <th class="text-right py-2">Extended</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">EG4 12K XP Off-Grid Inverter V2 (12kW/24kW PV)</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$1,899</td>
                                        <td class="py-2 text-right">$1,899</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">RUiXU Lithi2-16 (51.2V 314Ah 16kWh LiFePO4)</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$3,299</td>
                                        <td class="py-2 text-right">$3,299</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">BlueSun 460W Bifacial Panel (pallet of 36)</td>
                                        <td class="py-2 text-right">36</td>
                                        <td class="py-2 text-right">$165.60</td>
                                        <td class="py-2 text-right">$5,961.60</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Panel Mounting Hardware</td>
                                        <td class="py-2 text-right">36</td>
                                        <td class="py-2 text-right">$150</td>
                                        <td class="py-2 text-right">$5,400</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Wiring, MC4, Conduit</td>
                                        <td class="py-2 text-right">36</td>
                                        <td class="py-2 text-right">$10</td>
                                        <td class="py-2 text-right">$360</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Rheem ProTerra 80 Gal Heat Pump Water Heater</td>
                                        <td class="py-2 text-right">1</td>
                                        <td class="py-2 text-right">$2,619</td>
                                        <td class="py-2 text-right">$2,619</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Phase 1 Total</td>
                                        <td class="py-3 text-right"></td>
                                        <td class="py-3 text-right"></td>
                                        <td class="py-3 font-bold text-right">$19,538.60</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">Phase 2: Expand Storage (+4 batteries)</h4>
                        <div class="bg-olive-200 p-4 rounded-xl border border-olive-400 mt-2">
                            <p><strong>4 × RUiXU Lithi2-16:</strong> $13,196 → <strong>80 kWh total storage</strong> — covers full average winter day</p>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">Phase 3: Maximize Generation (+16 panels)</h4>
                        <div class="bg-olive-200 p-4 rounded-xl border border-olive-400 mt-2">
                            <p><strong>16 × BlueSun 460W:</strong> $5,283 → <strong>~24 kW array</strong> — hits inverter PV ceiling, maximizes winter generation</p>
                        </div>

                        <h4 class="text-xl text-olive-800 mt-6">Phase 4: Full Independence (2nd inverter + batteries)</h4>
                        <div class="bg-olive-200 p-4 rounded-xl border border-olive-400 mt-2">
                            <p><strong>EG4 12K XP ×2 + 3 batteries:</strong> $11,796 → <strong>128 kWh storage + 24kW output</strong> — true worst-case (150 kWh/day) coverage</p>
                        </div>

                        <div class="bg-olive-300 p-4 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Phase 1</td>
                                        <td class="py-2 text-right font-medium">$19,539</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Phase 2</td>
                                        <td class="py-2 text-right font-medium">$13,196</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Phase 3</td>
                                        <td class="py-2 text-right font-medium">$5,283</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Phase 4</td>
                                        <td class="py-2 text-right font-medium">$11,796</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">FULL SYSTEM</td>
                                        <td class="py-3 font-bold text-right">$49,814</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 Phase 1 Performance Analysis</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4 overflow-x-auto">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Season</th>
                                        <th class="text-right py-2">Daily Need</th>
                                        <th class="text-right py-2">Phase 1 Generation</th>
                                        <th class="text-right py-2">Grid Backup</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Spring/Fall</td>
                                        <td class="py-2 text-right">32 kWh</td>
                                        <td class="py-2 text-right text-green-600">66-74 kWh</td>
                                        <td class="py-2 text-right text-green-600">None — surplus!</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Summer (AC)</td>
                                        <td class="py-2 text-right">67 kWh</td>
                                        <td class="py-2 text-right">66-74 kWh</td>
                                        <td class="py-2 text-right">Minimal</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Typical Winter</td>
                                        <td class="py-2 text-right">80-90 kWh</td>
                                        <td class="py-2 text-right">45-55 kWh</td>
                                        <td class="py-2 text-right">~25-35 kWh</td>
                                    </tr>
                                    <tr class="bg-red-50">
                                        <td class="py-2 font-bold">Worst Day (0°F)</td>
                                        <td class="py-2 text-right font-bold">150 kWh</td>
                                        <td class="py-2 text-right">~45-55 kWh</td>
                                        <td class="py-2 text-right">~95-105 kWh</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>📌 Key Insight:</strong> Phase 1 covers ~30-37% of worst-day usage. On a 150 kWh day, the single 16 kWh battery is essentially one overnight buffer — useful but not a full solution for extreme cold. This is why phased approach makes sense: you see how the HP performs first.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">💰 ROI & Payback Analysis</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Current annual electric (EPP)</td>
                                        <td class="py-2 text-right font-medium">~$7,020/year ($585/month)</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Phase 1 coverage (avg day)</td>
                                        <td class="py-2 text-right">~80% (spring/fall) / ~50% (winter)</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Estimated savings (Phase 1)</td>
                                        <td class="py-2 text-right text-green-600">~$3,000-4,000/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">30% Federal Tax Credit</td>
                                        <td class="py-2 text-right text-green-600">-$5,861.58</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Phase 1 Net Cost</td>
                                        <td class="py-3 font-bold text-right">$13,677</td>
                                    </tr>
                                    <tr>
                                        <td class="py-3">Payback (savings only)</td>
                                        <td class="py-3 text-right font-bold">~3.4-4.5 years</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-green-50 p-4 rounded-xl border border-green-200 mt-4">
                            <p class="text-green-800"><strong>💡 Note:</strong> With heat pump water heater replacing electric resistance, savings could be higher. The ProTerra has ~3.75 COP, meaning it uses 1 kWh electricity to move 3.75 kWh of heat — massive efficiency gain over traditional electric WH.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🔄 Split Phase vs Single Inverter</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2 font-medium">EG4 12K XP Single</td>
                                        <td class="py-2">12kW continuous, split-phase 120/240V output</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2 font-medium">Your peak loads</td>
                                        <td class="py-2">Heat pump ~3-5kW, water heater ~4kW, dryer ~3kW, AC ~3kW = ~15kW potential simultaneous</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2 font-medium">Verdict</td>
                                        <td class="py-2 text-green-600"><strong>Single 12K XP is likely OK</strong> — you'll manage loads with smart scheduling, not run everything at once</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>⚠️ Important:</strong> With smart scheduling (running heat pump during solar peak, not running dryer + water heater + HP simultaneously), a single 12K XP should work. Phase 4 adds a 2nd inverter for true headroom.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🔧 Replacement & Reinvestment Strategy</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <thead>
                                    <tr class="border-b border-olive-400">
                                        <th class="text-left py-2">Component</th>
                                        <th class="text-right py-2">Lifespan</th>
                                        <th class="text-right py-2">Replacement Cost</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">EG4 Inverter</td>
                                        <td class="py-2 text-right">10-15 years</td>
                                        <td class="py-2 text-right">~$1,900</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">LiFePO4 Batteries (cycles)</td>
                                        <td class="py-2 text-right">~6,000 cycles</td>
                                        <td class="py-2 text-right">~$3,300 each</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Solar Panels</td>
                                        <td class="py-2 text-right">25-30 years</td>
                                        <td class="py-2 text-right">~$170/panel</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Rheem ProTerra WH</td>
                                        <td class="py-2 text-right">10-15 years</td>
                                        <td class="py-2 text-right">~$2,600</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h4 class="text-lg text-olive-800 mt-4">Reinvestment Recommendations</h4>
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-2">
                            <div class="bg-green-50 p-4 rounded-xl border border-green-200">
                                <p class="text-green-800"><strong>Year 1-3:</strong> Focus on Phase 1 ROI. Let savings accumulate.</p>
                            </div>
                            <div class="bg-green-50 p-4 rounded-xl border border-green-200">
                                <p class="text-green-800"><strong>Year 3-5:</strong> Reinvest savings into Phase 2 (batteries) for better winter coverage.</p>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <p class="text-olive-800"><strong>Year 5-7:</strong> Consider Phase 3 (more panels) if roof space allows.</p>
                            </div>
                        </div>
                        <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                            <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Solar</div>
                            <a href="#solar" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                        </div>
                    </div>
                </div>
            </article>

            <!-- Cell Phone Post -->
            <article id="cellphone" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">📱</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Ditching AT&amp;T for Mint Mobile</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">From $85/month to $12/month — a $73/month savings, <span class="opacity-60">February 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">AT&amp;T was costing me ~$85/month for cell service. That's over $1,000/year! I decided to make the switch to Mint Mobile. Here's the breakdown.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 The Cost Comparison</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-3 font-medium">AT&amp;T (previous)</td>
                                        <td class="py-3 text-right">~$85/month</td>
                                        <td class="py-3 text-right font-medium">~$1,020/year</td>
                                    </tr>
                                    <tr class="bg-green-50">
                                        <td class="py-3 font-medium">Mint Mobile (12-month)</td>
                                        <td class="py-3 text-right">~$15/month</td>
                                        <td class="py-3 text-right font-medium text-green-700">~$180/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Annual Savings</td>
                                        <td class="py-3 text-right font-bold">$73/month</td>
                                        <td class="py-3 text-right font-bold text-xl text-green-700">~$840/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🧾 My Actual Receipt</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">12 Month Unlimited SIM Kit</td>
                                        <td class="py-2 text-right">$180.00</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Recovery Fee</td>
                                        <td class="py-2 text-right">$25.25</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Taxes & Fees</td>
                                        <td class="py-2 text-right">$2.53</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Renewal Credit</td>
                                        <td class="py-2 text-right text-green-600">-$60.00</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">First Year Total</td>
                                        <td class="py-3 font-bold text-right">~$148</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="text-olive-700">After the first year, renewal is ~$180/year (or ~$141/year with the auto-pay renewal credit). Still a massive savings!</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">✅ What's Included (Mint Unlimited)</h3>
                        <ul class="list-disc pl-6 space-y-2 mt-4">
                            <li>Unlimited talk, text, and data</li>
                            <li>5G/4G LTE coverage (uses T-Mobile network)</li>
                            <li>Hotspot data included</li>
                            <li>Free SIM kit (or eSIM for $5 less)</li>
                            <li>No contract</li>
                        </ul>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">⚠️ Things to Consider</h3>
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-green-50 p-4 rounded-xl border border-green-200">
                                <h4 class="font-medium text-green-800">✅ Pros</h4>
                                <ul class="text-sm text-green-700 mt-2 space-y-1">
                                    <li>• Massive savings ($840+/year)</li>
                                    <li>• No contract</li>
                                    <li>• Uses T-Mobile's network</li>
                                    <li>• Easy to switch</li>
                                </ul>
                            </div>
                            <div class="bg-red-50 p-4 rounded-xl border border-red-200">
                                <h4 class="font-medium text-red-800">⚠️ Cons</h4>
                                <ul class="text-sm text-red-700 mt-2 space-y-1">
                                    <li>• Must pay upfront (6 or 12 months)</li>
                                    <li>• Customer service is online/chat only</li>
                                    <li>• May not be as fast in rural areas</li>
                                    <li>• Data deprioritization during congestion</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 Total F.I.R.E. Impact</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Cell phone savings</td>
                                        <td class="py-2 font-medium text-right">~$840/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Electric (supplier switch)</td>
                                        <td class="py-2 font-medium text-right">~$180/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">HomeServe canceled</td>
                                        <td class="py-2 font-medium text-right">~$84/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Total Annual Savings</td>
                                        <td class="py-3 font-bold text-xl text-right">~$1,100/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-6 text-olive-700 italic">These small changes add up fast. $1,100/year invested at 7% = $110,000+ over 30 years. Not bad for switching cell providers!</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Cell Phone</div>
                        <a href="#cellphone" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

            <!-- Internet Post -->
            <article id="internet" class="bg-olive-200 rounded-xl shadow-sm border border-olive-400 overflow-hidden">
                <div class="p-8">
                    <div class="flex items-center gap-4 mb-6">
                        <div class="size-16 rounded-full bg-olive-950 flex items-center justify-center text-olive-50 text-2xl font-bold">📶</div>
                        <div class="size-16 rounded-full bg-olive-200 flex items-center justify-center text-olive-800 text-2xl font-bold">$</div>
                    </div>
                    <h2 class="text-4xl text-olive-950 mb-2">Switching from Starlink to Fios</h2>
                    <h3 class="text-xl text-olive-700 mb-6 font-sans italic">Downgrading to $35/month (from $80), keeping Starlink as backup, <span class="opacity-60">March 2026</span></h3>
                    
                    <div class="prose prose-olive max-w-none text-olive-900 space-y-6">
                        <p class="text-lg leading-relaxed">I had Starlink at $80/month. Verizon Fios is available in my area, so I'm making the switch. But I'm keeping Starlink in standby mode ($5/month) as backup for my UniFi USG firewall with dual WAN.</p>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📊 The Cost Comparison</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-3 font-medium">Starlink (previous)</td>
                                        <td class="py-3 text-right">$80/month</td>
                                        <td class="py-3 text-right font-medium">$960/year</td>
                                    </tr>
                                    <tr class="bg-green-50">
                                        <td class="py-3 font-medium">Verizon Fios (300/300)</td>
                                        <td class="py-3 text-right">$34.99/month</td>
                                        <td class="py-3 text-right font-medium text-green-700">$420/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-3 font-medium">Starlink (standby)</td>
                                        <td class="py-3 text-right">$5/month</td>
                                        <td class="py-3 text-right font-medium">$60/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">New Total</td>
                                        <td class="py-3 text-right font-bold">$39.99/month</td>
                                        <td class="py-3 text-right font-bold text-green-700">~$480/year</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400 bg-green-50">
                                        <td class="py-3 font-bold">Annual Savings</td>
                                        <td class="py-3 text-right font-bold">$40/month</td>
                                        <td class="py-3 text-right font-bold text-green-700 text-lg">~$480/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">🛠️ My Setup</h3>
                        
                        <div class="not-prose grid md:grid-cols-2 gap-4 mt-4">
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">UniFi USG Dual WAN</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• WAN1: Verizon Fios (primary)</li>
                                    <li>• WAN2: Starlink (backup)</li>
                                    <li>• Auto-failover configured</li>
                                </ul>
                            </div>
                            <div class="bg-olive-300 p-4 rounded-xl">
                                <h4 class="font-medium text-olive-950">Why Keep Starlink?</h4>
                                <ul class="text-sm text-olive-700 mt-2 space-y-1">
                                    <li>• $5/month standby is cheap insurance</li>
                                    <li>• Instant failover during outages</li>
                                    <li>• Independent infrastructure</li>
                                </ul>
                            </div>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📋 Fios Deal Details</h3>
                        
                        <div class="bg-olive-200 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-100">
                                    <tr>
                                        <td class="py-2">Plan ordered</td>
                                        <td class="py-2 text-right font-medium">$99/month (500/500)</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Why $99 plan?</td>
                                        <td class="py-2 text-right">Included free $99 installation</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">After install</td>
                                        <td class="py-2 text-right">Can downgrade to $34.99 (300/300)</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Install date</td>
                                        <td class="py-2 text-right">March 11, 2026</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Effective monthly cost</td>
                                        <td class="py-3 text-right font-bold">$34.99 + $5 = $39.99</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="bg-amber-50 p-4 rounded-xl border border-amber-200 mt-4">
                            <p class="text-amber-800"><strong>💡 Tip:</strong> The $99 plan came with free professional installation ($99 value). After it's installed and working, I can downgrade to the $34.99 plan through My Verizon. If that doesn't work, I can always cancel after the first month.</p>
                        </div>

                        <hr class="border-olive-400">

                        <h3 class="text-2xl text-olive-950">📈 Updated F.I.R.E. Impact</h3>
                        <div class="bg-olive-300 p-6 rounded-xl border border-olive-400 mt-4">
                            <table class="w-full">
                                <tbody class="divide-y divide-olive-200">
                                    <tr>
                                        <td class="py-2">Cell phone savings</td>
                                        <td class="py-2 font-medium text-right">~$840/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Electric (supplier switch)</td>
                                        <td class="py-2 font-medium text-right">~$180/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">HomeServe canceled</td>
                                        <td class="py-2 font-medium text-right">~$84/year</td>
                                    </tr>
                                    <tr>
                                        <td class="py-2">Internet (Starlink → Fios)</td>
                                        <td class="py-2 font-medium text-right text-green-700">+$480/year savings</td>
                                    </tr>
                                    <tr class="border-t-2 border-olive-400">
                                        <td class="py-3 font-bold">Total Annual Savings</td>
                                        <td class="py-3 font-bold text-xl text-right">~$1,580/year</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <p class="mt-4 text-olive-700 italic">Fios is now $35/month + $5 Starlink standby = $40/month. Still saving ~$480/year vs. full Starlink at $80. The dual-WAN setup gives me reliability without the premium price!</p>
                    </div>

                    <div class="mt-8 pt-8 border-t border-olive-400 flex justify-between items-center">
                        <div class="text-sm font-bold uppercase tracking-widest text-olive-700">F.I.R.E. • Internet</div>
                        <a href="#internet" class="text-olive-700 hover:text-olive-800">↑ Top</a>
                    </div>
                </div>
            </article>

        </div>
</div>
    </div>
</section>

</main>