

<style>
/* Net Meterings calc page blocks - safe, scoped classes */
.nm-wrap{max-width:1100px;margin:0 auto;padding:24px}
.nm-hero{padding:20px 18px;border:1px solid #eee;border-radius:14px}
.nm-hero h1,.nm-hero h2{margin:0 0 6px 0}
.nm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 6px 0}
.nm-card{border:1px solid #eee;border-radius:14px;padding:14px}
.nm-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.nm-cta a{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;border:1px solid #ddd}
.nm-cta a.primary{border-color:#222}
.nm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.nm-tag{display:inline-block;padding:2px 8px;border:1px solid #ddd;border-radius:999px;font-size:12px;margin-right:6px}
.nm-note{background:#fafafa;border-left:3px solid #ddd;padding:10px 12px;border-radius:8px}
.nm-list{margin:0;padding-left:18px}
.nm-list li{margin:6px 0}
.nm-related a{display:inline-block;margin:6px 10px 0 0}
.nm-small{font-size:12px;opacity:0.9}
.nm-muted{opacity:0.8}
.nm-divider{height:1px;background:#eee;margin:18px 0;border:0}
</style>

<div class="nm-wrap">
  <section class="nm-hero">
    <h1>Solar Savings Calculator</h1>
    <p class="nm-muted">Estimate how much your electricity bill can drop with solar + net metering in Pakistan.</p>
    <div class="nm-kpis">
      <div class="nm-card"><strong>Quick Inputs</strong><br><span class="nm-small">Average monthly units • Tariff • System size</span></div>
      <div class="nm-card"><strong>Outputs</strong><br><span class="nm-small">Estimated monthly savings • Annual savings</span></div>
      <div class="nm-card"><strong>Share/Save</strong><br><span class="nm-small">Export results to PDF or WhatsApp</span></div>
    </div>
    <div class="nm-cta">
      <a class="primary" href="#calculator">Open Calculator</a>
      <a href="#faq">FAQs</a>
      <a href="/apply">How to Apply</a>
    </div>
  </section>

  <hr class="nm-divider" />

  <section>
    <h2>How to Use</h2>
    <ol class="nm-list">
      <li>Enter your <strong>average monthly units</strong> (last 3–6 bills).</li>
      <li>Select your <strong>tariff</strong> (residential/commercial) and slab if applicable.</li>
      <li>Choose a <strong>system size</strong> (kW) and typical generation hours.</li>
      <li>Hit <strong>Calculate</strong> to see monthly &amp; yearly savings.</li>
    </ol>
    <p class="nm-note">Tip: If your daytime usage is high, savings improve even with modest export.</p>
  </section>

  <section id="calculator">
    <h2>Calculator</h2>
    <!-- Replace this with your actual calculator embed/shortcode -->
    <!-- Example: [solar_savings_calculator] -->
    <div class="nm-card">
      <p class="nm-muted">Calculator embed goes here.</p>
    </div>
  </section>

  <section>
    <h2>Understanding Your Results</h2>
    <div class="nm-grid">
      <div class="nm-card">
        <h3>Monthly Savings</h3>
        <p>Projected reduction in your billed units after solar self-consumption and export credits.</p>
      </div>
      <div class="nm-card">
        <h3>Annual Savings</h3>
        <p>Total 12-month impact, helpful for budgeting and comparing financing options.</p>
      </div>
      <div class="nm-card">
        <h3>Next Steps</h3>
        <p>Use the results to size your system and move to application. Share with your installer or family.</p>
      </div>
    </div>
  </section>

  <section>
    <h2>Assumptions &amp; Notes</h2>
    <ul class="nm-list">
      <li>Generation is based on typical sunlight hours; seasonal variation applies.</li>
      <li>Tariff assumptions are generalized; check your bill for exact slabs/surcharges.</li>
      <li>Results are estimates, not guarantees. Site-specific shading and losses apply.</li>
    </ul>
  </section>

  <section class="nm-cta">
    <a class="primary" href="https://wa.me/92xxxxxxxxxx?text=Please%20review%20my%20Solar%20Savings%20result">WhatsApp My Result</a>
    <a href="/costs-and-payback">Costs &amp; Payback</a>
    <a href="/cities/karachi">Karachi Guide</a>
    <a href="/cities/lahore">Lahore Guide</a>
    <a href="/cities/islamabad">Islamabad Guide</a>
  </section>

  <hr class="nm-divider" />

  <section id="faq">
    <h2>FAQ</h2>
    <h3>Does net metering reduce my bill even if I use power at night?</h3>
    <p>Yes. Daytime exports create credits that offset your imports later, subject to policy and carryover rules.</p>
    <h3>What if my roof is shaded?</h3>
    <p>Partial shade reduces output. Consider string optimizers, microinverters, or a slightly larger array.</p>
    <h3>Do I need batteries for savings?</h3>
    <p>No. Batteries help during outages, but savings come mainly from self-consumption and export credits.</p>
  </section>
</div>

<script type="application/ld+json">
{
 "@context":"https://schema.org",
 "@type":"FAQPage",
 "mainEntity":[
  {"@type":"Question","name":"Does net metering reduce my bill even if I use power at night?","acceptedAnswer":{"@type":"Answer","text":"Yes. Daytime exports create credits that offset your imports later, subject to policy and carryover rules."}},
  {"@type":"Question","name":"What if my roof is shaded?","acceptedAnswer":{"@type":"Answer","text":"Partial shade reduces output. Consider string optimizers, microinverters, or a slightly larger array."}},
  {"@type":"Question","name":"Do I need batteries for savings?","acceptedAnswer":{"@type":"Answer","text":"No. Batteries help during outages, but savings come mainly from self-consumption and export credits."}}
 ]
}
</script>
