Frequency Books Updated Code (Mobile Fix & 100 GSM)

FREQUENCY BOOKS • UPDATED HOMEPAGE V3
Updated Homepage Code (Mobile Fixed • No Size Mentions • 100 GSM)

Click the button below to copy the updated, mobile-responsive homepage code to your clipboard.
Then in your Shopify Theme Editor, open your Custom Liquid box, select all (Cmd+A / Ctrl+A), paste (Cmd+V / Ctrl+V), and click Save!
Manual Backup Box (if button doesn't copy):
{% if request.page_type == 'index' %}
<!-- Frequency Books Luxury Editorial Homepage (V2) -->
<div class="fb-wrapper" style="width: 100%; max-width: 100vw; background: #FAF8F5; margin: 0; padding: 0; overflow-x: hidden !important;">

  <style>
    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap');

    /* Global / Theme Suppression on Homepage */
    header, .header, #header-component, .header-section, .header-announcements, .announcement-bar, announcement-bar, .shopify-section-header, #footer-group, footer.footer, .shopify-section-footer, .footer-utilities {
      display: none !important;
    }

    html, body {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      max-width: 100vw !important;
      background-color: #FAF8F5 !important;
      color: #1C1B1A !important;
      font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
      line-height: 1.7;
      overflow-x: hidden !important;
      scroll-behavior: smooth;
    }

    * {
      box-sizing: border-box;
    }

    /* Typography Classes */
    .fb-sans {
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    }

    .fb-serif {
      font-family: 'Cormorant Garamond', Georgia, serif !important;
    }

    /* Buttons */
    .fb-btn-primary {
      display: inline-block;
      background: #FFA41C;
      color: #0F1111 !important;
      font-family: 'Montserrat', -apple-system, sans-serif;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 18px 36px;
      border: 1px solid #DE7921;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.25s ease;
      box-shadow: 0 4px 18px rgba(255, 164, 28, 0.4);
      text-align: center;
    }
    .fb-btn-primary:hover {
      background: #FA8900;
      color: #0F1111 !important;
      border-color: #C4620B;
      box-shadow: 0 6px 24px rgba(255, 164, 28, 0.55);
      transform: translateY(-2px);
    }

    .fb-btn-secondary {
      display: inline-block;
      background: transparent;
      color: #11100F !important;
      font-family: 'Montserrat', -apple-system, sans-serif;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 18px 30px;
      border: 1px solid #D5C9B5;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-align: center;
    }
    .fb-btn-secondary:hover {
      border-color: #11100F;
      background: rgba(17,16,15,0.03);
    }

    /* Containers */
    .fb-container {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 32px;
      width: 100%;
      box-sizing: border-box;
    }

    .fb-reading-container {
      max-width: 820px;
      margin: 0 auto;
      padding: 0 24px;
      width: 100%;
      box-sizing: border-box;
    }

    /* Responsive Grid for Hero */
    .fb-hero-section {
      padding: 50px 0 80px;
      position: relative;
    }
    .fb-hero-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 60px;
      align-items: center;
    }

    .fb-hero-headline {
      font-size: 58px;
      line-height: 1.1;
      font-weight: 500;
      color: #11100F;
      letter-spacing: -0.5px;
      margin: 0 0 20px;
    }

    .fb-hero-sub {
      font-size: 24px;
      line-height: 1.35;
      font-weight: 400;
      color: #3A352F;
      margin: 0 0 20px;
    }

    .fb-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: center;
      margin-bottom: 32px;
    }

    .fb-hero-img-wrap {
      position: relative;
      text-align: center;
      padding: 20px;
    }

    .fb-book-mockup-img {
      max-width: 420px;
      width: 100%;
      height: auto;
      border-radius: 4px;
      box-shadow: 0 25px 60px rgba(10,17,40,0.35), 0 5px 15px rgba(0,0,0,0.1);
      transition: transform 0.4s ease;
      display: inline-block;
    }
    .fb-book-mockup-img:hover {
      transform: translateY(-4px) scale(1.01);
    }

    /* Card Grids */
    .fb-tasks-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 28px;
    }

    .fb-task-card {
      background: #FFFFFF;
      border: 1px solid #EBE5DB;
      padding: 36px 32px;
      border-radius: 3px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.03);
      transition: all 0.3s ease;
      position: relative;
    }
    .fb-task-card:hover {
      border-color: #C5A869;
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(197,168,105,0.12);
    }

    /* Fascination Bullets Grid */
    .fb-lessons-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }

    .fb-lesson-card {
      background: #FFFFFF;
      border: 1px solid #EBE5DB;
      padding: 28px 24px;
      border-radius: 3px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.02);
      transition: all 0.3s ease;
    }
    .fb-lesson-card:hover {
      border-color: #C5A869;
      transform: translateY(-2px);
    }

    /* Reviews Grid */
    .fb-reviews-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    /* Product Spotlight Section (#order) */
    .fb-spotlight-section {
      padding: 90px 0;
      background: #FAF8F5;
      border-bottom: 1px solid #EBE5DB;
    }
    .fb-spotlight-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }
    .fb-spotlight-images {
      display: flex;
      gap: 16px;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    .fb-spotlight-img-card {
      flex: 1;
      max-width: 250px;
    }
    .fb-spotlight-img {
      width: 100%;
      height: auto;
      border-radius: 4px;
      box-shadow: 0 20px 45px rgba(0,0,0,0.2);
      display: block;
    }
    .fb-spotlight-details {
      width: 100%;
    }
    .fb-spotlight-eyebrow {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #9A7B38;
      display: block;
      margin-bottom: 10px;
    }
    .fb-spotlight-headline {
      font-size: 38px;
      line-height: 1.2;
      font-weight: 500;
      color: #11100F;
      margin: 0 0 16px;
    }
    .fb-spotlight-desc {
      font-size: 16px;
      line-height: 1.7;
      color: #5C564E;
      margin: 0 0 24px;
    }
    .fb-spotlight-specs {
      background: #FFFFFF;
      border: 1px solid #EBE5DB;
      padding: 24px;
      border-radius: 4px;
      margin-bottom: 28px;
    }
    .fb-specs-list {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 14px;
      line-height: 2.1;
      color: #3A352F;
    }
    .fb-spotlight-actions {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    /* Mobile Overrides */
    @media (max-width: 991px) {
      .fb-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
      }
      .fb-hero-headline {
        font-size: 42px;
      }
      .fb-hero-sub {
        font-size: 20px;
      }
      .fb-hero-actions {
        justify-content: center;
      }
      .fb-tasks-grid, .fb-lessons-grid {
        grid-template-columns: 1fr;
      }
      .fb-reviews-grid {
        grid-template-columns: 1fr;
      }
      .fb-header-nav {
        display: none !important;
      }
      .fb-spotlight-section {
        padding: 50px 0 !important;
      }
      .fb-spotlight-grid {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        text-align: center !important;
      }
      .fb-spotlight-headline {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin: 0 0 14px !important;
      }
      .fb-spotlight-desc {
        font-size: 15px !important;
        line-height: 1.65 !important;
        margin: 0 auto 20px !important;
        max-width: 600px;
      }
      .fb-spotlight-specs {
        padding: 20px 18px !important;
        margin: 0 auto 24px !important;
        max-width: 500px;
        text-align: left !important;
      }
      .fb-specs-list {
        display: block;
        font-size: 13.5px !important;
        line-height: 2 !important;
      }
      .fb-spotlight-images {
        gap: 12px !important;
        margin: 0 auto !important;
      }
      .fb-spotlight-img-card {
        max-width: 165px !important;
      }
      .fb-spotlight-actions {
        max-width: 480px;
        margin: 0 auto;
        width: 100%;
      }
    }

    @media (max-width: 600px) {
      .fb-hero-headline {
        font-size: 34px;
      }
      .fb-hero-actions {
        flex-direction: column;
        width: 100%;
      }
      .fb-btn-primary, .fb-btn-secondary {
        width: 100%;
      }
      .fb-container {
        padding: 0 20px !important;
      }
      .fb-spotlight-headline {
        font-size: 25px !important;
      }
      .fb-spotlight-specs {
        padding: 16px 14px !important;
      }
      .fb-specs-list {
        font-size: 13px !important;
        line-height: 1.9 !important;
      }
      .fb-spotlight-img-card {
        max-width: 145px !important;
      }
    }
  </style>

  <!-- Top Announcement Bar -->
  <div style="background: #11100F; color: #FAF8F5; text-align: center; padding: 11px 16px; border-bottom: 1px solid #2A2825;">
    <p class="fb-sans" style="margin: 0; font-size: 10.5px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase;">
      ✦ COMPLIMENTARY WORLDWIDE TRACKED SHIPPING ON ORDERS OVER $50 • DISPATCHED IN 24–48 HOURS ✦
    </p>
  </div>

  <!-- ========================================================= -->
  <!-- EDITORIAL BRAND NAVIGATION HEADER                         -->
  <!-- ========================================================= -->
  <header style="background: #FAF8F5; border-bottom: 1px solid #EBE5DB; padding: 22px 0;">
    <div class="fb-container" style="display: flex; justify-content: space-between; align-items: center;">
      <div>
        <a href="/" style="text-decoration: none; display: block;">
          <span class="fb-serif" style="font-size: 24px; font-weight: 600; letter-spacing: 3.5px; color: #11100F; text-transform: uppercase; display: block;">
            FREQUENCY BOOKS
          </span>
          <span class="fb-sans" style="font-size: 9px; font-weight: 600; letter-spacing: 3.5px; color: #9A7B38; text-transform: uppercase; display: block; margin-top: 2px;">
            SACRED EDITIONS • BY LAURA CATELLA
          </span>
        </a>
      </div>

      <nav class="fb-header-nav" style="display: flex; align-items: center; gap: 32px;">
        <a href="#ethos" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE ETHOS</a>
        <a href="#protocol" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE PROTOCOL</a>
        <a href="#lessons" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE LESSONS</a>
        <a href="#order" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">THE ARTIFACT</a>
        <a href="#receipts" class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #4A453E; text-decoration: none; transition: color 0.2s;">RECEIPTS</a>
      </nav>

      <div>
        <a href="#order" class="fb-btn-primary" style="padding: 10px 22px; font-size: 11px; letter-spacing: 1.5px;">
          ACQUIRE ($35)
        </a>
      </div>
    </div>
  </header>

  <!-- ========================================================= -->
  <!-- SECTION 1: HERO SHOWCASE                                  -->
  <!-- ========================================================= -->
  <section class="fb-hero-section">
    <div class="fb-container">
      <div class="fb-hero-grid">
        
        <!-- Left: Editorial Content -->
        <div>
          <div style="margin-bottom: 14px;">
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38;">
              ✧ &nbsp; ☽ &nbsp; ✦ &nbsp; THE FLAGSHIP ARTIFACT
            </span>
          </div>

          <h1 class="fb-serif fb-hero-headline">
            Stop Over-Functioning.<br>Start Magnetizing.
          </h1>

          <p class="fb-serif fb-hero-sub">
            The 5-to-10 minute daily practice for the woman ready to stop chasing love, money, and validation, and watch them effortlessly chase her.
          </p>

          <p style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0 0 32px; max-width: 580px;">
            Small, daily real-world shifts that dissolve burnout, rewire your presence, and make getting what you want feel shockingly natural.
          </p>

          <div class="fb-hero-actions">
            <a href="#order" class="fb-btn-primary">
              ACQUIRE JOURNAL • $35 USD
            </a>
            <a href="#protocol" class="fb-btn-secondary">
              EXPLORE THE PROTOCOL &rarr;
            </a>
          </div>

          <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; border-top: 1px solid #EBE5DB; padding-top: 20px;">
            <div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
              <span style="color: #9A7B38;">✓</span> Luxury Velvet-Touch Softcover
            </div>
            <div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
              <span style="color: #9A7B38;">✓</span> 100 GSM Cream Archival Paper
            </div>
            <div class="fb-sans" style="font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #4A453E; display: flex; align-items: center; gap: 6px;">
              <span style="color: #9A7B38;">✓</span> 365-Day Reality-Shifts Guarantee
            </div>
          </div>
        </div>

        <!-- Right: Physical Artifact Showcase -->
        <div class="fb-hero-img-wrap">
          <div style="position: relative; display: inline-block;">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Your High Frequency Initiation 30 Day Journal" class="fb-book-mockup-img">
            <div style="margin-top: 20px; text-align: center;">
              <p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38; margin: 0 0 4px;">
                PHYSICAL SOFTCOVER ARTIFACT • $35 USD
              </p>
              <p style="font-size: 14px; font-style: italic; color: #736B63; margin: 0;">
                Stunning Celestial Edition • Lay Flat Flexible Spine
              </p>
            </div>
          </div>
        </div>

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

  <!-- ========================================================= -->
  <!-- SECTION 2: THE ETHOS                                      -->
  <!-- ========================================================= -->
  <section id="ethos" style="padding: 90px 0; background: #FFFFFF; border-top: 1px solid #EBE5DB; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-reading-container" style="text-align: center;">
      <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 16px;">
        THE FREQUENCY BOOKS ETHOS
      </span>

      <h2 class="fb-serif" style="font-size: 40px; line-height: 1.25; font-weight: 500; color: #11100F; margin: 0 0 28px;">
        Words Are Not Neutral.<br>Ink Is An Energetic Anchor.
      </h2>

      <p style="font-size: 17px; line-height: 1.85; color: #4A453E; margin: 0 0 24px; text-align: left;">
        In an era of relentless digital noise and dopamine-driven distraction, high-performing women have forgotten the sacred weight of physical technology.
      </p>

      <p style="font-size: 17px; line-height: 1.85; color: #4A453E; margin: 0 0 36px; text-align: left;">
        A glowing phone screen triggers vigilance, judgment, and a reactive posture. A physical book, crafted with velvet-touch paper, heavy archival stock, and sacred celestial proportions, commands reverent presence. It slows your brainwaves from frenzied beta into intuitive alpha, where sovereign creation occurs.
      </p>

      <div style="padding: 30px; border-left: 2px solid #9A7B38; background: #FAF8F5; text-align: left; margin: 40px 0;">
        <p class="fb-serif" style="font-size: 21px; line-height: 1.6; font-style: italic; color: #1C1B1A; margin: 0 0 12px;">
          “Your transformation requires neither effort nor exertion. You need only ten daily minutes of an open mind, and an ink-stained container potent enough to deliver to you, wrapped in a bow, your highest timeline.”
        </p>
        <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38;">
          &mdash; LAURA CATELLA
        </span>
      </div>
    </div>
  </section>

  <!-- ========================================================= -->
  <!-- SECTION 3: THE 30-DAY ARCHITECTURE (DUAL LOVE BLOCKS)    -->
  <!-- ========================================================= -->
  <section id="protocol" style="padding: 90px 0; background: #FAF8F5;">
    <div class="fb-container">
      
      <div style="text-align: center; max-width: 720px; margin: 0 auto 50px;">
        <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 12px;">
          THE 30-DAY ARCHITECTURE
        </span>
        <h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 20px;">
          This Is Not "Dear Diary."<br>You'll Move From Awareness to Action.
        </h2>
        <p style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0 0 16px;">
          Most journals ask you to sit on your couch, dump your feelings onto 200 blank pages, or scribble affirmations until your fingers cramp. That doesn't change your life. It just keeps you trapped in your head.
        </p>
        <p style="font-size: 17px; line-height: 1.7; color: #11100F; font-weight: 500; margin: 0 0 16px;">
          Your High Frequency Initiation does the polar opposite.
        </p>
        <p style="font-size: 16px; line-height: 1.7; color: #5C564E; margin: 0;">
          Not hustle. Not forcing, pushing, or exhausting yourself. This is aligned, divine feminine action that gets you what you want in the most effortless way possible. Every morning takes under 60 seconds to set your intention. Then, you carry <strong>one calibrated micro-task</strong> out into your day:
        </p>
      </div>

      <!-- 4 Daily Shift Cards (Top 2 Dedicated to Love) -->
      <div class="fb-tasks-grid">
        
        <!-- BLOCK 01: ATTRACTING DEEP LOVE & PROVISION (SINGLES / DATING) -->
        <div class="fb-task-card">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 01</span>
            <span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
          </div>
          <h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
            Attracting Deep Love &amp; Provision
          </h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
            <em>For singles, dating, or calling in your equal:</em> You stop over-explaining, auditioning, or waiting by your phone hoping to be chosen. You execute one quiet shift in presence, and suddenly become the prize. High-caliber men lean in, pursue with clear intention, and step eagerly into protective provision and devotion—because you are no longer chasing.
          </p>
        </div>

        <!-- BLOCK 02: REIGNITING DEVOTION IN PARTNERSHIP (RELATIONSHIPS / MARRIAGE) -->
        <div class="fb-task-card">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 02</span>
            <span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
          </div>
          <h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
            Reigniting Devotion &amp; Reverence in Partnership
          </h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
            <em>If you are already in a relationship or marriage:</em> You stop managing his moods, carrying the emotional load, or tiptoeing around resentment. The moment you execute this posture shift, the dynamic flips. He stops mid-sentence, softens his tone, and steps forward to shower you with real attention, emotional safety, and romantic leadership.
          </p>
        </div>

        <!-- BLOCK 03: WEALTH & ABUNDANCE -->
        <div class="fb-task-card">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 03</span>
            <span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
          </div>
          <h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
            The Wealth Hygiene Audit
          </h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
            You locate where you have been quietly tolerating financial leaks or hoarding out of fear, run the 3-minute physical reset, and clear the pipe. The second you stop suffocating money, unexpected funds flow in. (This is the exact exercise that led one reader to an unexpected $2,000 spot bonus within 48 hours).
          </p>
        </div>

        <!-- BLOCK 04: SOVEREIGN NON-RESISTANCE -->
        <div class="fb-task-card">
          <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
            <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7B38;">MICRO-SHIFT • 04</span>
            <span class="fb-serif" style="font-size: 24px; color: #D5C9B5;">✦</span>
          </div>
          <h3 class="fb-serif" style="font-size: 24px; line-height: 1.25; font-weight: 600; color: #11100F; margin: 0 0 12px;">
            The Sovereign Pause &amp; Non-Resistance
          </h3>
          <p style="font-size: 15px; line-height: 1.7; color: #5C564E; margin: 0;">
            When an anxious spiral, difficult text, or old fear flares up, you deploy a 60-second nervous system reset instead of spiraling. You do not react. You drop the white-knuckled grip on the timeline, let your stillness do the heavy lifting, and watch reality rearrange in your favor.
          </p>
        </div>

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

  <!-- ========================================================= -->
  <!-- SECTION 4: CURRICULUM FASCINATIONS                        -->
  <!-- ========================================================= -->
  <section id="lessons" style="padding: 90px 0; background: #FFFFFF; border-top: 1px solid #EBE5DB; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-container">
      
      <div style="text-align: center; max-width: 760px; margin: 0 auto 50px;">
        <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 12px;">
          INSIDE THE 8 MASTER LESSONS
        </span>
        <h2 class="fb-serif" style="font-size: 42px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 18px;">
          What You'll Discover Between The Tasks
        </h2>
        <p style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0;">
          Woven throughout your 30-day journey are eight foundational masterclasses written by Laura Catella. These are not vague philosophies. They are the condensed, practical laws of reality calibration:
        </p>
      </div>

      <div class="fb-lessons-grid">
        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The Astronomical Proof of Your Inevitability
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            The exact mathematical calculation showing the odds of your physical existence are 1 in 10^2,685,000. Why you were already crowned the universal winner before your first breath, and why asking anyone for permission to take up space is an insult to your design. <em>(Lesson 1)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The One-Notch Emotional Lever
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            Why you don't need to force fake happiness to transform your life. How shifting your daily baseline up just one single notch on the vibrational scale instantly flips how strangers, partners, and clients treat you. <em>(Lesson 2)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The Poison of "Positive Thinking"
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            Why categorizing your thoughts into "good" versus "bad" traps you in toxic shame cycles. Use the single diagnostic question that cuts clean through mental static in three seconds flat: <em>"Where does this thought take me?"</em> <em>(Lesson 3)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            Turning Reality on Its Head
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            Why waiting for life to "give you a sign" keeps you powerless. How to flip the script so you realize that life is actively waiting for your command. <em>(Lesson 4)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The Bad-Day Conversion Protocol
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            What to do when anxiety strikes, a trigger hits, or old fears flare up. The counter-intuitive method for taking heavy emotional friction and turning it into high-octane fuel that leaves you more magnetic than before. <em>(Lesson 5)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The Law of Sovereign Detachment
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            Wanting something without needing it. How to release the anxious, white-knuckled grip on people and outcomes so reality actually has the breathing room to deliver what you asked for. <em>(Lesson 6)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            The 5-Minute Lifelong Anchor
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            Built across Days 26 to 30, this guided ritual builder stacks your identity, daily asks, and belief upgrades into an unshakeable five-minute morning protocol you will keep for the rest of your life. <em>(Lesson 7)</em>
          </p>
        </div>

        <div class="fb-lesson-card">
          <div style="color: #9A7B38; font-size: 14px; margin-bottom: 8px;">✦</div>
          <h3 class="fb-serif" style="font-size: 20px; font-weight: 600; color: #11100F; margin: 0 0 8px;">
            Walking In as the Center of Gravity
          </h3>
          <p style="font-size: 14.5px; line-height: 1.65; color: #5C564E; margin: 0;">
            How to enter any room, meeting, or date with quiet authority, unwavering self-trust, and zero need to prove yourself. The somatic shift that makes your presence intoxicating without saying a word. <em>(Lesson 8)</em>
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- ========================================================= -->
  <!-- SECTION 5: FULL-WIDTH FLAGSHIP PRODUCT SPOTLIGHT          -->
  <!-- ========================================================= -->
  <section id="order" class="fb-spotlight-section">
    <div class="fb-container">
      <div class="fb-spotlight-grid">
        
        <!-- Imagery: Front & Back Covers -->
        <div class="fb-spotlight-images">
          <div class="fb-spotlight-img-card">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Celestial_6x9_300dpi.png?v=1792522653" alt="Your High Frequency Initiation Front" class="fb-spotlight-img">
          </div>
          <div class="fb-spotlight-img-card">
            <img src="https://cdn.shopify.com/s/files/1/0836/8799/7691/files/Your_High_Frequency_Initiation_Back_6x9_Color_Matched.png?v=1792522653" alt="Your High Frequency Initiation Back" class="fb-spotlight-img">
          </div>
        </div>

        <!-- Copy & Offer Details -->
        <div class="fb-spotlight-details">
          <span class="fb-sans fb-spotlight-eyebrow">
            THE FLAGSHIP VESSEL
          </span>
          <h2 class="fb-serif fb-spotlight-headline">
            Your High Frequency Initiation<br>The Next 30 Days Change Everything
          </h2>
          <p class="fb-spotlight-desc">
            This is not another blank notebook sitting on your shelf. It is a daily ceremonial altar in book form. Built specifically for the woman ready to stop over-functioning and step into effortless attraction.
          </p>

          <div class="fb-spotlight-specs">
            <ul class="fb-specs-list">
              <li>✦ <strong>Edition:</strong> Stunning Celestial Edition</li>
              <li>✦ <strong>Binding:</strong> Lay Flat Flexible Spine (Smyth-Sewn)</li>
              <li>✦ <strong>Cover Finish:</strong> Velvet-Touch Softcover with Celestial Inlay</li>
              <li>✦ <strong>Interior:</strong> 100 GSM Cream Archival Paper</li>
              <li>✦ <strong>Structure:</strong> 30 Daily Micro-Tasks + 8 Master Lessons</li>
              <li>✦ <strong>Guarantee:</strong> 365-Day Reality-Shifts Guarantee</li>
            </ul>
          </div>

          <div class="fb-spotlight-actions">
            <a href="/products/your-high-frequency-initiation" class="fb-btn-primary" style="text-align: center; width: 100%; box-sizing: border-box;">
              ACQUIRE SINGLE EDITION • $35 USD
            </a>
            <div style="text-align: center; margin-top: 10px;">
              <span class="fb-sans" style="font-size: 12px; color: #736B63;">
                Or get the <strong>Sisterhood Duo</strong> (2 copies for $50) with code <strong style="color: #9A7B38;">DUO10</strong> at checkout
              </span>
            </div>
          </div>
        </div>

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

  <!-- ========================================================= -->
  <!-- SECTION 6: REAL RECEIPTS & SOCIAL PROOF                   -->
  <!-- ========================================================= -->
  <section id="receipts" style="padding: 90px 0; background: #FFFFFF; border-bottom: 1px solid #EBE5DB;">
    <div class="fb-container">
      
      <div style="text-align: center; max-width: 720px; margin: 0 auto 50px;">
        <p class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #9A7B38; margin: 0 0 12px;">
          FIELD EXPERIENCES
        </p>
        <h2 class="fb-serif" style="font-size: 40px; font-weight: 500; color: #11100F; margin: 0 0 16px;">
          When You Shift Frequency, Circumstances Follow
        </h2>
        <p style="font-size: 16px; color: #5C564E; margin: 0;">
          Unsolicited reflections from students living the teachings:
        </p>
      </div>

      <div class="fb-reviews-grid">
        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “I did the Wealth frequency lesson a few days ago. Did the exercise flipping my money beliefs. Hung them up and looked at them every morning. And out of the blue got a call from my boss yesterday that they're adding a $2K 'spot bonus' to my paycheck for something I honestly didn't think I'd get paid for. F YEAH! 😆”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>

        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “My partner is SHOWERING me with love, and I am feeling so absolutely safe, solid, and POWERFUL! This is a complete turnaround from where I was a month ago in ways you couldn't imagine Laura! Thank you!”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>

        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “I talked to my Baby Daddy about it today at our weekly co-parent/kid dinner. He stopped and went all 'what's different about you?' [hair flip]. It's really just so good.”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>

        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “Last night was a life changing experience for my whole love life at the age of 33. I have been listening to people's reels about how to detach and realized I truly didn't understand it until now. Now how I view myself and how I view men around me has completely changed. I am no longer scared because I am the one choosing. 😄”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>

        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “Well it's been 2 weeks and not only has my husband's usage dropped by like 90% (?!?!), we also got an offer accepted on a house (we've been trying for 5 years) and I also randomly got offered some work that is so fun and pays cash?? Coincidence? I think not 😂”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>

        <div class="fb-task-card" style="display: flex; flex-direction: column; justify-content: space-between;">
          <div>
            <div style="color: #9A7B38; font-size: 13px; margin-bottom: 12px;">★★★★★</div>
            <p class="fb-serif" style="font-size: 16px; font-style: italic; line-height: 1.65; color: #2C2925; margin: 0 0 18px;">
              “I have spent 6 figures in the last 2 years on my education. Your course Frequency is the best, if not one of the best I have invested in. Completely rewiring my brain over here in the best of ways.”
            </p>
          </div>
          <span class="fb-sans" style="font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #9A7B38;">
            — VERIFIED STUDENT
          </span>
        </div>
      </div>
    </div>
  </section>

  <!-- ========================================================= -->
  <!-- SECTION 7: FINAL SACRED INITIATION CALL                   -->
  <!-- ========================================================= -->
  <section style="padding: 100px 0; background: #FAF8F5; text-align: center;">
    <div class="fb-reading-container">
      <span class="fb-sans" style="font-size: 11px; font-weight: 700; letter-spacing: 3.5px; text-transform: uppercase; color: #9A7B38; display: block; margin-bottom: 14px;">
        YOUR HIGHEST TIMELINE AWAITS
      </span>

      <h2 class="fb-serif" style="font-size: 44px; line-height: 1.2; font-weight: 500; color: #11100F; margin: 0 0 20px;">
        Begin Your 30-Day Initiation
      </h2>

      <p style="font-size: 17px; line-height: 1.7; color: #5C564E; margin: 0 0 36px;">
        Stop carrying the weight of the world on sheer willpower. Step into the effortless magnetism of the divine feminine. The journal ships within 24 to 48 hours.
      </p>

      <div style="display: inline-block; margin-bottom: 24px;">
        <a href="#order" class="fb-btn-primary">
          EXPLORE THE INITIATION JOURNAL &rarr;
        </a>
      </div>

      <div style="margin-top: 14px;">
        <a href="#order" class="fb-sans" style="font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #9A7B38; text-decoration: none;">
          365-DAY REALITY-SHIFTS GUARANTEE &bull; RISK-FREE INITIATION
        </a>
      </div>
    </div>
  </section>

  <!-- Editorial Minimalist Footer -->
  <footer style="background: #11100F; color: #FAF8F5; padding: 40px 0; border-top: 1px solid #222;">
    <div class="fb-container" style="display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;">
      <div class="fb-serif" style="font-size: 20px; letter-spacing: 2.5px; text-transform: uppercase; color: #FAF8F5;">
        FREQUENCY BOOKS
      </div>
      <div class="fb-sans" style="font-size: 10px; color: #8C827A; letter-spacing: 1px;">
        &copy; 2026 Frequency Books. All Rights Reserved. &bull; Sacred Editions by Laura Catella
      </div>
    </div>
  </footer>

</div>
{% endif %}
Frequency Books Updated Code (Mobile Fix & 100 GSM)

Updated Homepage Code (Mobile Fixed • No Size Mentions • 100 GSM)

Your cart is empty

Your cart is empty
