<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <meta name="description" content="Take control of your money with a complete 110-page printable financial planner for budgeting, savings, debt, bills, expenses and financial goals." />

  <title>110-Page Financial Planner</title>


  <style>

    :root{

      --bg:#F8F6F0;

      --dark:#102E28;

      --gold:#D7A840;

      --light:#DCE8E2;

      --text:#17201D;

      --muted:#66716D;

      --white:#FFFFFF;

      --border:#D9DED9;

    }


    *{

      box-sizing:border-box;

      margin:0;

      padding:0;

    }


    html{

      scroll-behavior:smooth;

    }


    body{

      font-family:Inter, Arial, sans-serif;

      background:var(--bg);

      color:var(--text);

      line-height:1.55;

    }


    img{

      max-width:100%;

      display:block;

    }


    a{

      text-decoration:none;

      color:inherit;

    }


    .container{

      width:min(1120px, calc(100% - 32px));

      margin:auto;

    }


    .hero{

      padding:28px 0 56px;

      text-align:center;

    }


    .badge{

      display:inline-flex;

      align-items:center;

      background:var(--light);

      color:var(--dark);

      padding:9px 14px;

      border-radius:999px;

      font-size:13px;

      font-weight:700;

      margin-bottom:18px;

    }


    h1{

      font-size:clamp(38px,8vw,70px);

      line-height:1.02;

      letter-spacing:-0.04em;

      max-width:900px;

      margin:0 auto 18px;

      color:var(--dark);

    }


    .hero p{

      font-size:18px;

      color:var(--muted);

      max-width:700px;

      margin:0 auto 26px;

    }


    .product-visual{

      background:linear-gradient(180deg,#EEF3EF 0%,#E5ECE7 100%);

      border:1px solid var(--border);

      border-radius:28px;

      padding:22px;

      margin:28px auto;

      max-width:900px;

    }


    .benefits{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:10px;

      margin:22px 0;

    }


    .benefit{

      background:var(--white);

      border:1px solid var(--border);

      border-radius:14px;

      padding:14px;

      font-size:14px;

      font-weight:650;

      text-align:left;

    }


    .price-wrap{

      display:flex;

      justify-content:center;

      align-items:end;

      gap:10px;

      margin:18px 0 14px;

    }


    .price{

      font-size:36px;

      font-weight:800;

      color:var(--dark);

    }


    .original-price{

      font-size:16px;

      color:#8A938F;

      text-decoration:line-through;

      margin-bottom:7px;

    }


    .cta{

      display:flex;

      justify-content:center;

      align-items:center;

      width:100%;

      min-height:56px;

      background:var(--dark);

      color:white;

      border-radius:14px;

      font-weight:800;

      padding:16px 22px;

      transition:transform .2s ease, opacity .2s ease;

    }


    .cta:hover{

      transform:translateY(-2px);

      opacity:.96;

    }


    .microcopy{

      font-size:12px !important;

      margin-top:10px !important;

      color:#7E8783 !important;

    }


    section{

      padding:64px 0;

    }


    .section-title{

      font-size:clamp(30px,6vw,48px);

      line-height:1.08;

      letter-spacing:-0.03em;

      color:var(--dark);

      margin-bottom:16px;

    }


    .section-copy{

      color:var(--muted);

      max-width:700px;

      margin-bottom:28px;

    }


    .problem-list,

    .cards,

    .steps,

    .faq{

      display:grid;

      gap:14px;

    }


    .problem,

    .card,

    .step,

    .faq-item{

      background:var(--white);

      border:1px solid var(--border);

      border-radius:18px;

      padding:20px;

    }


    .problem strong,

    .card h3,

    .step h3{

      color:var(--dark);

    }


    .compare{

      display:grid;

      gap:18px;

    }


    .compare-card{

      padding:24px;

      border-radius:20px;

    }


    .compare-card.bad{

      background:#F3E7E5;

    }


    .compare-card.good{

      background:var(--light);

    }


    .compare-card h3{

      margin-bottom:14px;

      color:var(--dark);

      font-size:22px;

    }


    ul{

      list-style:none;

    }


    li{

      margin:10px 0;

      color:#48524E;

    }


    .grid-6{

      display:grid;

      gap:14px;

    }


    .card h3{

      margin-bottom:12px;

      font-size:20px;

    }


    .preview-strip{

      display:flex;

      overflow-x:auto;

      gap:14px;

      scroll-snap-type:x mandatory;

      padding-bottom:8px;

    }


    .preview-card{

      flex:0 0 84%;

      scroll-snap-align:start;

      background:white;

      border:1px solid var(--border);

      border-radius:18px;

      padding:12px;

      min-height:360px;

    }


    .step-number{

      width:36px;

      height:36px;

      border-radius:50%;

      background:var(--gold);

      display:flex;

      align-items:center;

      justify-content:center;

      font-weight:800;

      margin-bottom:12px;

    }


    .value-box{

      background:var(--dark);

      color:white;

      border-radius:26px;

      padding:28px;

    }


    .value-box .section-title{

      color:white;

    }


    .value-box li{

      color:#EDF3F0;

    }


    .who{

      background:#EFEAE0;

    }


    .faq-item h3{

      font-size:17px;

      margin-bottom:8px;

      color:var(--dark);

    }


    .final{

      background:var(--dark);

      color:white;

      text-align:center;

      border-radius:28px;

      padding:34px 22px;

    }


    .final h2{

      font-size:clamp(32px,7vw,54px);

      line-height:1.05;

      margin-bottom:14px;

    }


    .final p{

      color:#DAE5E0;

      margin-bottom:20px;

    }


    .final .cta{

      background:var(--gold);

      color:#18211E;

    }


    .sticky-cta{

      position:fixed;

      bottom:0;

      left:0;

      right:0;

      z-index:50;

      background:rgba(248,246,240,.96);

      backdrop-filter:blur(12px);

      border-top:1px solid var(--border);

      padding:10px 14px;

    }


    .sticky-inner{

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:12px;

      max-width:520px;

      margin:auto;

    }


    .sticky-info{

      min-width:0;

    }


    .sticky-title{

      font-size:12px;

      font-weight:750;

      color:var(--dark);

      white-space:nowrap;

      overflow:hidden;

      text-overflow:ellipsis;

      max-width:170px;

    }


    .sticky-price{

      font-size:15px;

      font-weight:800;

    }


    .sticky-button{

      background:var(--dark);

      color:white;

      border-radius:12px;

      padding:12px 16px;

      font-size:13px;

      font-weight:800;

      white-space:nowrap;

    }


    body{

      padding-bottom:76px;

    }


    @media(min-width:700px){

      .benefits{

        grid-template-columns:repeat(4,1fr);

      }


      .compare{

        grid-template-columns:1fr 1fr;

      }


      .grid-6{

        grid-template-columns:repeat(3,1fr);

      }


      .steps{

        grid-template-columns:repeat(3,1fr);

      }


      .preview-card{

        flex-basis:32%;

      }


      .sticky-cta{

        display:none;

      }


      body{

        padding-bottom:0;

      }

    }

  </style>

</head>


<body>


  <main>


    <section class="hero">

      <div class="container">


        <div class="badge">

          Complete 110-Page Money Planning System

        </div>


        <h1>Stop Wondering Where Your Money Went.</h1>


        <p>

          Build a clear budget, track every expense, grow your savings,

          and plan your way out of debt with one complete printable financial planner.

        </p>


        <div class="product-visual">

          <div id="hero-product-image">

            <strong>110-Page Financial Planner</strong>

            <p style="margin-top:8px;color:#66716D">

              Replace this area with your real planner cover and preview pages.

            </p>

          </div>

        </div>


        <div class="benefits">

          <div class="benefit">✓ 110 Printable Pages</div>

          <div class="benefit">✓ Instant PDF Download</div>

          <div class="benefit">✓ Budget, Savings, Debt & Expenses</div>

          <div class="benefit">✓ Print & Reuse Anytime</div>

        </div>


        <div class="price-wrap">

          <span

            class="original-price"

            data-gumroad-product="financial-planner-110-pages"

            data-gumroad-field="original-price">

          </span>


          <span

            class="price"

            data-gumroad-product="financial-planner-110-pages"

            data-gumroad-field="price">

          </span>

        </div>


        <a

          class="cta"

          href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">

          Get the 110-Page Financial Planner →

        </a>


        <p class="microcopy">

          Instant digital download • Secure checkout via Gumroad

        </p>


      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">

          Your paycheck shouldn’t disappear without a plan.

        </h2>


        <p class="section-copy">

          When there is no clear system, it becomes easy to lose track of spending,

          savings, bills and debt. This planner gives every dollar a job.

        </p>


        <div class="problem-list">

          <div class="problem">Where did all my money go this month?</div>

          <div class="problem">Why can’t I save consistently?</div>

          <div class="problem">How much am I actually spending?</div>

          <div class="problem">When will I finally pay off my debt?</div>

        </div>


      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">From money chaos to money clarity.</h2>


        <div class="compare">


          <div class="compare-card bad">

            <h3>Without a system</h3>

            <ul>

              <li>✕ Expenses scattered everywhere</li>

              <li>✕ Bills easily forgotten</li>

              <li>✕ No clear savings target</li>

              <li>✕ Debt payoff feels endless</li>

              <li>✕ Financial goals stay vague</li>

            </ul>

          </div>


          <div class="compare-card good">

            <h3>With your Financial Planner</h3>

            <ul>

              <li>✓ See exactly where your money goes</li>

              <li>✓ Plan bills before they are due</li>

              <li>✓ Track savings visually</li>

              <li>✓ Build a debt payoff structure</li>

              <li>✓ Turn goals into monthly actions</li>

            </ul>

          </div>


        </div>

      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">One Planner. Your Entire Financial Life.</h2>


        <p class="section-copy">

          A complete printable system designed to help you organize the financial areas

          that matter most.

        </p>


        <div class="grid-6">


          <div class="card">

            <h3>💰 Budget Planning</h3>

            <ul>

              <li>Monthly Budget</li>

              <li>Weekly Budget</li>

              <li>Income Planning</li>

              <li>Paycheck Planning</li>

            </ul>

          </div>


          <div class="card">

            <h3>📊 Expense Tracking</h3>

            <ul>

              <li>Daily Expenses</li>

              <li>Spending Categories</li>

              <li>Monthly Reviews</li>

            </ul>

          </div>


          <div class="card">

            <h3>🏦 Savings</h3>

            <ul>

              <li>Savings Goals</li>

              <li>Savings Challenges</li>

              <li>Emergency Fund</li>

            </ul>

          </div>


          <div class="card">

            <h3>💳 Debt Payoff</h3>

            <ul>

              <li>Debt Overview</li>

              <li>Debt Snowball</li>

              <li>Payment Progress</li>

            </ul>

          </div>


          <div class="card">

            <h3>📅 Bills</h3>

            <ul>

              <li>Monthly Bills</li>

              <li>Subscriptions</li>

              <li>Payment Calendar</li>

            </ul>

          </div>


          <div class="card">

            <h3>🎯 Financial Goals</h3>

            <ul>

              <li>Financial Goals</li>

              <li>Annual Planning</li>

              <li>Progress Reviews</li>

            </ul>

          </div>


        </div>


        <p style="margin-top:22px;font-weight:750;color:#102E28">

          + dozens of additional worksheets — 110 pages total

        </p>


      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">See Exactly What You’re Getting</h2>


        <p class="section-copy">

          Preview the planner before you buy.

        </p>


        <div class="preview-strip">


          <div class="preview-card">

            <strong>Monthly Budget</strong>

          </div>


          <div class="preview-card">

            <strong>Expense Tracker</strong>

          </div>


          <div class="preview-card">

            <strong>Savings Tracker</strong>

          </div>


          <div class="preview-card">

            <strong>Debt Payoff</strong>

          </div>


          <div class="preview-card">

            <strong>Bill Tracker</strong>

          </div>


          <div class="preview-card">

            <strong>Financial Goals</strong>

          </div>


        </div>

      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">Simple to Start. Easy to Use.</h2>


        <div class="steps">


          <div class="step">

            <div class="step-number">1</div>

            <h3>Purchase</h3>

            <p>Complete your secure Gumroad checkout.</p>

          </div>


          <div class="step">

            <div class="step-number">2</div>

            <h3>Download instantly</h3>

            <p>Get access to your PDF after purchase.</p>

          </div>


          <div class="step">

            <div class="step-number">3</div>

            <h3>Start planning</h3>

            <p>Print the pages you need and begin organizing your money.</p>

          </div>


        </div>

      </div>

    </section>


    <section>

      <div class="container">


        <div class="value-box">


          <h2 class="section-title">

            Everything You Need — Without Another Monthly Subscription

          </h2>


          <ul>

            <li>✓ Budget planner included</li>

            <li>✓ Debt payoff system included</li>

            <li>✓ Savings trackers included</li>

            <li>✓ Expense management pages included</li>

            <li>✓ Financial goal worksheets included</li>

            <li>✓ Reusable printable PDF included</li>

          </ul>


          <p style="margin-top:18px;font-weight:800">

            110 pages. One payment. Use it again and again.

          </p>


        </div>


      </div>

    </section>


    <section class="who">

      <div class="container">


        <h2 class="section-title">Designed for you if you want to…</h2>


        <div class="cards">

          <div class="card">✓ Finally stick to a budget</div>

          <div class="card">✓ Stop overspending without realizing it</div>

          <div class="card">✓ Build an emergency fund</div>

          <div class="card">✓ Organize multiple debts</div>

          <div class="card">✓ Prepare for major purchases</div>

          <div class="card">✓ Feel more organized with your money</div>

        </div>


        <p style="margin-top:24px;font-weight:700;color:#102E28">

          No complicated spreadsheets. No financial jargon.

          Just a clear system you can actually use.

        </p>


      </div>

    </section>


    <section>

      <div class="container">


        <h2 class="section-title">Frequently Asked Questions</h2>


        <div class="faq">


          <div class="faq-item">

            <h3>Is this a physical product?</h3>

            <p>No. This is a digital PDF download. Nothing will be shipped.</p>

          </div>


          <div class="faq-item">

            <h3>How many pages are included?</h3>

            <p>The planner includes 110 printable financial planning pages.</p>

          </div>


          <div class="faq-item">

            <h3>Can I print the planner more than once?</h3>

            <p>Yes, for personal use you can reprint the pages you need.</p>

          </div>


          <div class="faq-item">

            <h3>Do I need special software?</h3>

            <p>No. You only need a standard PDF reader.</p>

          </div>


          <div class="faq-item">

            <h3>When do I receive it?</h3>

            <p>Access is provided after completing your Gumroad purchase.</p>

          </div>


        </div>


      </div>

    </section>


    <section>

      <div class="container">


        <div class="final">


          <h2>Your Money Needs a Plan — Not More Guesswork.</h2>


          <p>

            Start organizing your budget, savings, debt, bills and expenses today.

          </p>


          <div class="price-wrap">

            <span

              class="price"

              style="color:white"

              data-gumroad-product="financial-planner-110-pages"

              data-gumroad-field="price">

            </span>

          </div>


          <a

            class="cta"

            href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">

            Get the 110-Page Financial Planner →

          </a>


        </div>


      </div>

    </section>


  </main>


  <div class="sticky-cta">

    <div class="sticky-inner">


      <div class="sticky-info">

        <div class="sticky-title">110-Page Financial Planner</div>

        <div

          class="sticky-price"

          data-gumroad-product="financial-planner-110-pages"

          data-gumroad-field="price">

        </div>

      </div>


      <a

        class="sticky-button"

        href="https://ultimatefinancial.gumroad.com/l/financial-planner-110-pages">

        Get Access

      </a>


    </div>

  </div>


</body>

</html>