<!-- STEADY BY DESIGN — MINI COURSE PAGE FOR WEBADOR
PASTE INTO: Webador → New Page "Mini Course" → Add element → Embed Code / HTML
Recommended page URL/slug: /mini-course
DO NOT paste into the HEAD section.
Mini Course price: $49.99
-->

<div id="sbd-mini">
  <style>
    html, body { overflow-x: hidden !important; }

    #sbd-mini,
    #sbd-mini * { box-sizing: border-box; }

    #sbd-mini {
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
      background: #f7f1e8;
      color: #111111;
      font-family: Georgia, "Times New Roman", serif;
      line-height: 1.6;
    }

    #sbd-mini a { text-decoration: none; }

    #sbd-mini .wrap {
      max-width: 1080px;
      margin: 0 auto;
      padding: 0 22px;
    }

    #sbd-mini .section { padding: 76px 0; }

    #sbd-mini .eyebrow {
      margin: 0 0 12px;
      font-family: Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #d4a32d;
      font-weight: 700;
    }

    #sbd-mini h1,
    #sbd-mini h2,
    #sbd-mini h3 {
      margin-top: 0;
      font-weight: 400;
    }

    #sbd-mini h1 {
      font-size: clamp(42px, 7vw, 70px);
      line-height: 1.02;
      color: #ffffff;
      margin-bottom: 22px;
    }

    #sbd-mini h2 {
      font-size: clamp(34px, 5vw, 50px);
      line-height: 1.08;
      margin-bottom: 18px;
    }

    #sbd-mini h3 {
      font-size: 28px;
      line-height: 1.15;
      margin-bottom: 12px;
    }

    #sbd-mini p,
    #sbd-mini li {
      font-family: Arial, sans-serif;
      font-size: 16px;
      color: #444444;
    }

    #sbd-mini .hero {
      background:
        radial-gradient(circle at 86% 10%, rgba(212,163,45,.35), transparent 25%),
        linear-gradient(135deg, #26362a 0%, #405743 58%, #788a7b 100%);
      padding: 88px 0;
    }

    #sbd-mini .hero p {
      color: #fff8ec;
      font-size: 18px;
      max-width: 760px;
      margin-bottom: 28px;
    }

    #sbd-mini .btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 24px;
    }

    #sbd-mini .btn {
      display: inline-block;
      padding: 14px 24px;
      border-radius: 6px;
      font-family: Arial, sans-serif;
      font-weight: 700;
      font-size: 15px;
      text-align: center;
    }

    #sbd-mini .btn-gold { background: #d4a32d; color: #111111; }
    #sbd-mini .btn-green { background: #405743; color: #ffffff; }
    #sbd-mini .btn-light { background: #ffffff; color: #26362a; }

    #sbd-mini .price-box {
      background: #fbf8f1;
      border: 1px solid #e4dac8;
      border-radius: 18px;
      padding: 28px;
      max-width: 360px;
      box-shadow: 0 24px 55px rgba(0,0,0,.16);
    }

    #sbd-mini .price {
      font-size: 58px;
      line-height: 1;
      color: #405743;
      margin: 8px 0 8px;
    }

    #sbd-mini .grid-2 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr);
      gap: 34px;
      align-items: start;
    }

    #sbd-mini .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    #sbd-mini .card {
      background: #ffffff;
      border: 1px solid #e4dac8;
      border-radius: 16px;
      padding: 26px;
      box-shadow: 0 14px 30px rgba(0,0,0,.045);
    }

    #sbd-mini .lesson {
      background: #ffffff;
      border: 1px solid #e4dac8;
      border-radius: 18px;
      padding: 30px;
      margin-bottom: 24px;
    }

    #sbd-mini .lesson-number {
      display: inline-block;
      background: #405743;
      color: #ffffff;
      font-family: Arial, sans-serif;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 16px;
    }

    #sbd-mini .prompt {
      background: #f7f1e8;
      border-left: 4px solid #d4a32d;
      padding: 18px;
      border-radius: 8px;
      margin-top: 18px;
    }

    #sbd-mini .prompt strong {
      font-family: Arial, sans-serif;
      color: #111111;
    }

    #sbd-mini .soft { background: #f7f1e8; }
    #sbd-mini .white { background: #ffffff; }

    #sbd-mini .final {
      background: #101010;
      color: #ffffff;
      text-align: center;
      padding: 80px 0;
    }

    #sbd-mini .final h2 {
      color: #ffffff;
      font-style: italic;
      max-width: 840px;
      margin-left: auto;
      margin-right: auto;
    }

    #sbd-mini .final p {
      color: #f5eee4;
      max-width: 740px;
      margin: 0 auto 28px;
    }

    @media (max-width: 850px) {
      #sbd-mini .grid-2,
      #sbd-mini .grid-3 {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 520px) {
      #sbd-mini .wrap { padding: 0 16px; }
      #sbd-mini .btn { width: 100%; }
    }
  </style>

  <section class="hero">
    <div class="wrap grid-2">
      <div>
        <p class="eyebrow">Mini Course • $49.99</p>
        <h1>The Steady Reset</h1>
        <p>
          A focused mini course to help you pause, identify what is draining you, and choose steady actions that support your growth without overwhelming your life.
        </p>

        <div class="btn-row">
          <a class="btn btn-gold" href="#purchase">Purchase Mini Course</a>
          <a class="btn btn-light" href="/course">See Full Course</a>
        </div>
      </div>

      <div class="price-box" id="purchase">
        <p class="eyebrow">One-Time Payment</p>
        <div class="price">$49.99</div>
        <p>Includes mini course lessons, reflection prompts, leadership reset exercises, and next-step guidance.</p>
        <a class="btn btn-green" href="/checkout-mini-course" style="margin-top:14px;">Buy Now</a>
      </div>
    </div>
  </section>

  <section class="section white">
    <div class="wrap grid-3">
      <div class="card">
        <h3>Pause</h3>
        <p>Slow down long enough to notice what you have been carrying, tolerating, or overmanaging.</p>
      </div>

      <div class="card">
        <h3>Name</h3>
        <p>Identify the pattern underneath the pressure so you can stop treating every symptom as the real issue.</p>
      </div>

      <div class="card">
        <h3>Reset</h3>
        <p>Choose steady actions that create clarity, protect your energy, and help you move forward with intention.</p>
      </div>
    </div>
  </section>

  <section class="section soft" id="lesson-one">
    <div class="wrap grid-2">
      <div>
        <p class="eyebrow">Mini Course Lessons</p>
        <h2>Move through this slowly. You do not have to rush your reset.</h2>
        <p>
          Use these lessons as a starting point. Write your answers in a notebook, journal, or downloadable workbook if you add one later.
        </p>
      </div>

      <div class="card">
        <h3>What is included</h3>
        <p>Three focused lessons, reflection prompts, action steps, and a practical leadership reset plan.</p>
      </div>
    </div>
  </section>

  <section class="section white">
    <div class="wrap">
      <div class="lesson">
        <span class="lesson-number">Lesson 1</span>
        <h2>Notice the Drain</h2>
        <p>
          Growth often becomes heavy when responsibility increases but structure does not. Start by noticing what is taking more from you than it is giving back.
        </p>

        <div class="prompt">
          <strong>Reflection:</strong>
          <p>What has been draining me lately that I keep minimizing, excusing, or calling “just part of the job”?</p>
        </div>
      </div>

      <div class="lesson">
        <span class="lesson-number">Lesson 2</span>
        <h2>Name the Pattern</h2>
        <p>
          Sometimes the issue is not the workload itself. Sometimes the pattern is overleading, overexplaining, overfunctioning, avoiding a hard conversation, or carrying what belongs to someone else.
        </p>

        <div class="prompt">
          <strong>Reflection:</strong>
          <p>Where am I leading from pressure instead of clarity?</p>
        </div>
      </div>

      <div class="lesson">
        <span class="lesson-number">Lesson 3</span>
        <h2>Choose One Steady Action</h2>
        <p>
          Do not try to change everything today. Choose one action that creates relief, clarity, or better structure.
        </p>

        <div class="prompt">
          <strong>Action Step:</strong>
          <p>Today, I will create steadiness by taking this one action: _______________________________</p>
        </div>
      </div>
    </div>
  </section>

  <section class="final">
    <div class="wrap">
      <h2>Ready for the full Steady by Design framework?</h2>
      <p>
        The full course gives you deeper structure, tools, reflection questions, and a 90-day implementation roadmap.
      </p>

      <div class="btn-row" style="justify-content:center;">
        <a class="btn btn-gold" href="/course">Enroll in the Full Course</a>
        <a class="btn btn-light" href="/coaching">Work with Anitra</a>
      </div>
    </div>
  </section>
</div>