/** Shopify CDN: Minification failed

Line 8:0 Unexpected "<"
Line 614:0 Unexpected "<"
Line 780:99 Unterminated string token

**/
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Sans+3:wght@300;400;500;600&display=swap" rel="stylesheet">

<style>
/* ============================================================
   SIGNREADY HOMEPAGE — FINAL V2
   Updated: Vault $997 | 8 Bundles | 4 Featured Bundles
   ============================================================ */

  :root {
    --sr-navy: #0f2044;
    --sr-navy-mid: #1a3060;
    --sr-gold: #c49c2a;
    --sr-gold-light: #e0ba5c;
    --sr-gold-pale: rgba(196,156,42,0.12);
    --sr-white: #ffffff;
    --sr-offwhite: #f5f6fa;
    --sr-text-muted: rgba(255,255,255,0.7);
  }

  .sr-home { font-family: 'Source Sans 3', sans-serif; }
  .sr-home h1, .sr-home h2, .sr-home h3 { font-family: 'DM Serif Display', serif; }

  /* ── HERO ── */
  .sr-hero {
    background-color: var(--sr-navy);
    padding: 90px 24px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .sr-hero::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 320px; height: 320px;
    border-radius: 50%;
    background: var(--sr-gold-pale);
    pointer-events: none;
  }
  .sr-hero::after {
    content: '';
    position: absolute;
    bottom: -80px; left: -40px;
    width: 240px; height: 240px;
    border-radius: 50%;
    background: var(--sr-gold-pale);
    pointer-events: none;
  }
  .sr-hero-eyebrow {
    display: inline-block;
    border: 1px solid var(--sr-gold);
    color: var(--sr-gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 24px;
  }
  .sr-hero h1 {
    color: var(--sr-white);
    font-size: clamp(36px, 6vw, 64px);
    line-height: 1.1;
    margin: 0 auto 20px;
    max-width: 780px;
    position: relative;
    z-index: 1;
  }
  .sr-hero h1 em {
    font-style: italic;
    color: var(--sr-gold-light);
  }
  .sr-hero-sub {
    color: var(--sr-text-muted);
    font-size: 18px;
    max-width: 560px;
    margin: 0 auto 36px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
  }
  .sr-hero-ctas {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
  }
  .sr-btn-primary {
    background: var(--sr-gold);
    color: var(--sr-navy);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .sr-btn-primary:hover { background: var(--sr-gold-light); }
  .sr-btn-outline {
    background: transparent;
    color: var(--sr-white);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.35);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
  }
  .sr-btn-outline:hover { border-color: var(--sr-white); color: var(--sr-white); }

  /* ── TRUST BAR ── */
  .sr-trust {
    background: var(--sr-gold);
    padding: 18px 24px;
  }
  .sr-trust-inner {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
  }
  .sr-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--sr-navy);
    font-size: 14px;
    font-weight: 600;
  }
  .sr-trust-item span { font-size: 18px; font-weight: 700; }

  /* ── SECTION SHARED ── */
  .sr-section {
    padding: 80px 24px;
  }
  .sr-section-light { background: var(--sr-offwhite); }
  .sr-section-dark { background: var(--sr-navy); }
  .sr-section-white { background: var(--sr-white); }
  .sr-container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .sr-section-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--sr-gold);
    margin-bottom: 12px;
    text-align: center;
  }
  .sr-section-title {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(28px, 4vw, 42px);
    color: var(--sr-navy);
    text-align: center;
    margin: 0 0 14px;
    line-height: 1.15;
  }
  .sr-section-title-white { color: var(--sr-white); }
  .sr-section-sub {
    text-align: center;
    color: #555;
    font-size: 17px;
    max-width: 560px;
    margin: 0 auto 52px;
    line-height: 1.6;
  }
  .sr-section-sub-white { color: var(--sr-text-muted); }

  /* ── HOW IT WORKS ── */
  .sr-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 32px;
    margin-top: 48px;
  }
  .sr-step {
    text-align: center;
    padding: 36px 24px;
    background: var(--sr-white);
    border-radius: 12px;
    border: 1px solid #e2e6ef;
    position: relative;
  }
  .sr-step-num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--sr-navy);
    color: var(--sr-gold-light);
    font-family: 'DM Serif Display', serif;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
  }
  .sr-step h3 {
    color: var(--sr-navy);
    font-size: 18px;
    margin: 0 0 10px;
  }
  .sr-step p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
  }

  /* ── CATEGORIES ── */
  .sr-cats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  .sr-cat {
    background: var(--sr-navy);
    border: 1px solid var(--sr-navy-mid);
    border-radius: 10px;
    padding: 24px 20px;
    text-decoration: none;
    transition: transform 0.2s;
    display: block;
  }
  .sr-cat:hover { transform: translateY(-3px); }
  .sr-cat-icon { font-size: 28px; margin-bottom: 12px; display: block; }
  .sr-cat-name {
    color: var(--sr-white);
    font-family: 'DM Serif Display', serif;
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
  }
  .sr-cat-count {
    color: var(--sr-gold);
    font-size: 12px;
    font-weight: 600;
  }

  /* ── FEATURED BUNDLES ── */
  .sr-bundles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    max-width: 960px;
    margin: 0 auto 40px;
    justify-items: center;
  }
  .sr-bundle-card {
    background: var(--sr-navy);
    border: 1px solid var(--sr-navy-mid);
    border-radius: 14px;
    padding: 30px 24px;
    width: 100%;
    max-width: 300px;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s;
    text-decoration: none;
    display: block;
  }
  .sr-bundle-card:hover { transform: translateY(-4px); }
  .sr-bundle-card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 80px; height: 80px;
    border-radius: 50%;
    background: var(--sr-gold-pale);
    pointer-events: none;
  }
  .sr-bundle-savings {
    display: inline-block;
    background: var(--sr-gold);
    color: var(--sr-navy);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
  }
  .sr-bundle-name {
    font-family: 'DM Serif Display', serif;
    color: var(--sr-white);
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 1.2;
  }
  .sr-bundle-docs {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    margin: 0 0 20px;
    line-height: 1.5;
  }
  .sr-bundle-price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
  }
  .sr-bundle-price {
    color: var(--sr-gold-light);
    font-size: 26px;
    font-weight: 700;
    font-family: 'DM Serif Display', serif;
  }
  .sr-bundle-was {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    text-decoration: line-through;
  }
  .sr-bundle-cta {
    display: inline-block;
    margin-top: 20px;
    background: transparent;
    border: 1px solid var(--sr-gold);
    color: var(--sr-gold);
    font-size: 13px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    position: relative;
    z-index: 1;
  }
  .sr-bundle-card:hover .sr-bundle-cta {
    background: var(--sr-gold);
    color: var(--sr-navy);
  }
  .sr-bundles-browse {
    text-align: center;
  }
  .sr-browse-link {
    color: var(--sr-navy);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid var(--sr-gold);
    padding-bottom: 2px;
    transition: color 0.2s;
  }
  .sr-browse-link:hover { color: var(--sr-gold); }

  /* ── VAULT ── */
  .sr-vault {
    background: var(--sr-navy);
    border-radius: 16px;
    padding: 60px 48px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 860px;
    margin: 0 auto;
  }
  .sr-vault::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 240px; height: 240px;
    border-radius: 50%;
    background: var(--sr-gold-pale);
  }
  .sr-vault::after {
    content: '';
    position: absolute;
    bottom: -60px; left: -60px;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: var(--sr-gold-pale);
  }
  .sr-vault-eyebrow {
    display: inline-block;
    border: 1px solid var(--sr-gold);
    color: var(--sr-gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
  }
  .sr-vault h2 {
    font-family: 'DM Serif Display', serif;
    color: var(--sr-white);
    font-size: clamp(28px, 4vw, 44px);
    margin: 0 0 16px;
    position: relative;
    z-index: 1;
  }
  .sr-vault-sub {
    color: var(--sr-text-muted);
    font-size: 17px;
    max-width: 500px;
    margin: 0 auto 32px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
  }
  .sr-vault-price-block {
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
  }
  .sr-vault-price {
    font-family: 'DM Serif Display', serif;
    color: var(--sr-gold-light);
    font-size: 56px;
    line-height: 1;
    display: block;
  }
  .sr-vault-value {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    margin-top: 6px;
  }
  .sr-vault-value s { color: rgba(255,255,255,0.35); }
  .sr-vault-saves {
    display: inline-block;
    background: rgba(196,156,42,0.2);
    color: var(--sr-gold-light);
    font-size: 13px;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 20px;
    margin-top: 8px;
  }
  .sr-vault-features {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin: 0 0 36px;
    position: relative;
    z-index: 1;
  }
  .sr-vault-feature {
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .sr-vault-feature::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--sr-gold);
    flex-shrink: 0;
  }
  .sr-vault-btn {
    display: inline-block;
    background: var(--sr-gold);
    color: var(--sr-navy);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 40px;
    border-radius: 8px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: background 0.2s;
  }
  .sr-vault-btn:hover { background: var(--sr-gold-light); }

  /* ── SUBSCRIPTIONS ── */
  .sr-plans {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    max-width: 860px;
    margin: 0 auto;
  }
  .sr-plan {
    background: var(--sr-white);
    border: 1px solid #e2e6ef;
    border-radius: 14px;
    padding: 32px 24px;
    text-align: center;
    position: relative;
  }
  .sr-plan-popular {
    border: 2px solid var(--sr-gold);
  }
  .sr-plan-badge {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--sr-gold);
    color: var(--sr-navy);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 16px;
    border-radius: 20px;
    white-space: nowrap;
  }
  .sr-plan-name {
    font-family: 'DM Serif Display', serif;
    color: var(--sr-navy);
    font-size: 22px;
    margin: 0 0 6px;
  }
  .sr-plan-desc {
    color: #888;
    font-size: 13px;
    margin: 0 0 20px;
  }
  .sr-plan-price {
    font-family: 'DM Serif Display', serif;
    color: var(--sr-navy);
    font-size: 40px;
    line-height: 1;
  }
  .sr-plan-period {
    color: #999;
    font-size: 13px;
    margin: 4px 0 24px;
  }
  .sr-plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    text-align: left;
  }
  .sr-plan-features li {
    font-size: 14px;
    color: #555;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .sr-plan-features li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--sr-gold);
    flex-shrink: 0;
  }
  .sr-plan-btn {
    display: block;
    background: var(--sr-navy);
    color: var(--sr-white);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s;
  }
  .sr-plan-btn:hover { background: var(--sr-navy-mid); }
  .sr-plan-popular .sr-plan-btn {
    background: var(--sr-gold);
    color: var(--sr-navy);
  }
  .sr-plan-popular .sr-plan-btn:hover { background: var(--sr-gold-light); }

  /* ── DISCLAIMER ── */
  .sr-disclaimer {
    background: var(--sr-navy);
    padding: 28px 24px;
    text-align: center;
  }
  .sr-disclaimer p {
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
  }
  .sr-disclaimer a { color: var(--sr-gold); text-decoration: none; }

  @media (max-width: 600px) {
    .sr-hero { padding: 60px 20px 56px; }
    .sr-vault { padding: 40px 24px; }
    .sr-vault-price { font-size: 44px; }
    .sr-vault-features { gap: 16px; flex-direction: column; align-items: center; }
    .sr-bundles-grid { grid-template-columns: 1fr; }
  }
</style>

<div class="sr-home">

  <!-- HERO -->
  <section class="sr-hero">
    <span class="sr-hero-eyebrow">Document Preparation — Simplified</span>
    <h1>Professional Documents.<br><em>Ready When You Are.</em></h1>
    <p class="sr-hero-sub">State-specific, professionally prepared documents delivered straight to your inbox. No law firm required.</p>
    <div class="sr-hero-ctas">
      <a href="/collections/all" class="sr-btn-primary">Browse All 32 Documents</a>
      <a href="/pages/faq" class="sr-btn-outline">How It Works</a>
    </div>
  </section>

  <!-- TRUST BAR -->
  <div class="sr-trust">
    <div class="sr-trust-inner">
      <div class="sr-trust-item"><span>32</span> Ready-to-Use Documents</div>
      <div class="sr-trust-item"><span>8</span> Business Categories</div>
      <div class="sr-trust-item"><span>50+</span> States Covered</div>
      <div class="sr-trust-item"><span>100%</span> Fully Editable</div>
    </div>
  </div>

  <!-- HOW IT WORKS -->
  <section class="sr-section sr-section-light">
    <div class="sr-container">
      <span class="sr-section-label">The Process</span>
      <h2 class="sr-section-title">Done for you in 3 simple steps</h2>
      <p class="sr-section-sub">No legal jargon. No office visits. Just professional documents prepared and delivered fast.</p>
      <div class="sr-steps">
        <div class="sr-step">
          <div class="sr-step-num">1</div>
          <h3>Choose Your Document</h3>
          <p>Browse 32 professionally prepared documents across 8 business categories.</p>
        </div>
        <div class="sr-step">
          <div class="sr-step-num">2</div>
          <h3>Complete Your Intake Form</h3>
          <p>Answer a few quick questions about your specific situation and state.</p>
        </div>
        <div class="sr-step">
          <div class="sr-step-num">3</div>
          <h3>Receive Your Document</h3>
          <p>Your state-specific, fully editable document is delivered straight to your inbox.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- CATEGORIES -->
  <section class="sr-section sr-section-dark">
    <div class="sr-container">
      <span class="sr-section-label">Browse by Category</span>
      <h2 class="sr-section-title sr-section-title-white">8 categories. Every document you need.</h2>
      <p class="sr-section-sub sr-section-sub-white">From LLCs to real estate to digital business — we have the document for your situation.</p>
      <div class="sr-cats">
        <a href="/collections/llc-formation" class="sr-cat">
          <span class="sr-cat-icon">🏢</span>
          <span class="sr-cat-name">LLC Formation</span>
          <span class="sr-cat-count">6 documents</span>
        </a>
        <a href="/collections/real-estate" class="sr-cat">
          <span class="sr-cat-icon">🏠</span>
          <span class="sr-cat-name">Real Estate</span>
          <span class="sr-cat-count">6 documents</span>
        </a>
        <a href="/collections/business-contracts" class="sr-cat">
          <span class="sr-cat-icon">📋</span>
          <span class="sr-cat-name">Business Contracts</span>
          <span class="sr-cat-count">4 documents</span>
        </a>
        <a href="/collections/human-resources" class="sr-cat">
          <span class="sr-cat-icon">👥</span>
          <span class="sr-cat-name">Human Resources</span>
          <span class="sr-cat-count">3 documents</span>
        </a>
        <a href="/collections/ip-coaching" class="sr-cat">
          <span class="sr-cat-icon">💡</span>
          <span class="sr-cat-name">IP &amp; Coaching</span>
          <span class="sr-cat-count">4 documents</span>
        </a>
        <a href="/collections/construction" class="sr-cat">
          <span class="sr-cat-icon">🔨</span>
          <span class="sr-cat-name">Construction</span>
          <span class="sr-cat-count">2 documents</span>
        </a>
        <a href="/collections/digital-business" class="sr-cat">
          <span class="sr-cat-icon">💻</span>
          <span class="sr-cat-name">Digital Business</span>
          <span class="sr-cat-count">5 documents</span>
        </a>
        <a href="/collections/legal-notices" class="sr-cat">
          <span class="sr-cat-icon">⚖️</span>
          <span class="sr-cat-name">Legal Notices</span>
          <span class="sr-cat-count">2 documents</span>
        </a>
      </div>
    </div>
  </section>

  <!-- FEATURED BUNDLES -->
  <section class="sr-section sr-section-light">
    <div class="sr-container">
      <span class="sr-section-label">Popular Bundles</span>
      <h2 class="sr-section-title">Built for your business</h2>
      <p class="sr-section-sub">Curated document bundles for the most common business situations — at one low price.</p>
      <div class="sr-bundles-grid">

        <a href="/products/llc-starter-kit" class="sr-bundle-card">
          <span class="sr-bundle-savings">Save $222</span>
          <h3 class="sr-bundle-name">LLC Starter Kit</h3>
          <p class="sr-bundle-docs">Articles of Organization, Single &amp; Multi-Member OA, Org Resolution, Banking Resolution, Pre-Formation Agreement, NDA</p>
          <div class="sr-bundle-price-row">
            <span class="sr-bundle-price">$197</span>
            <span class="sr-bundle-was">$419 individually</span>
          </div>
          <span class="sr-bundle-cta">Get This Bundle →</span>
        </a>

        <a href="/products/real-estate-agent-pro-pack" class="sr-bundle-card">
          <span class="sr-bundle-savings">Save $315</span>
          <h3 class="sr-bundle-name">Real Estate Agent Pro Pack</h3>
          <p class="sr-bundle-docs">Purchase Agreement, Residential &amp; Commercial Lease, Seller Disclosure, Lease-to-Own, Property Management Agreement</p>
          <div class="sr-bundle-price-row">
            <span class="sr-bundle-price">$197</span>
            <span class="sr-bundle-was">$512 individually</span>
          </div>
          <span class="sr-bundle-cta">Get This Bundle →</span>
        </a>

        <a href="/products/small-business-essentials" class="sr-bundle-card">
          <span class="sr-bundle-savings">Save $215</span>
          <h3 class="sr-bundle-name">Small Business Essentials</h3>
          <p class="sr-bundle-docs">Independent Contractor Agreement, Service Agreement, Partnership Agreement, Offer Letter, Termination Letter, Demand Letter</p>
          <div class="sr-bundle-price-row">
            <span class="sr-bundle-price">$167</span>
            <span class="sr-bundle-was">$382 individually</span>
          </div>
          <span class="sr-bundle-cta">Get This Bundle →</span>
        </a>

        <a href="/products/digital-business-pack" class="sr-bundle-card">
          <span class="sr-bundle-savings">Save $305</span>
          <h3 class="sr-bundle-name">Digital Business Pack</h3>
          <p class="sr-bundle-docs">Website Terms of Service, Privacy Policy, Freelancer Client Agreement, Social Media Management Agreement, NDA, IP Assignment</p>
          <div class="sr-bundle-price-row">
            <span class="sr-bundle-price">$147</span>
            <span class="sr-bundle-was">$452 individually</span>
          </div>
          <span class="sr-bundle-cta">Get This Bundle →</span>
        </a>

      </div>
      <div class="sr-bundles-browse">
        <a href="/collections/bundles" class="sr-browse-link">Browse all 8 bundles →</a>
      </div>
    </div>
  </section>

  <!-- VAULT -->
  <section class="sr-section sr-section-white">
    <div class="sr-container">
      <span class="sr-section-label">Best Value</span>
      <h2 class="sr-section-title">The Complete Business Vault</h2>
      <p class="sr-section-sub">Every document you'll ever need — all at once, for one price.</p>
      <div class="sr-vault">
        <span class="sr-vault-eyebrow">Complete Business Vault</span>
        <h2>All 32 Documents.<br>One Price. Yours Forever.</h2>
        <p class="sr-vault-sub">Every professionally prepared, state-specific document across all 8 categories — delivered to your inbox as you need them.</p>
        <div class="sr-vault-price-block">
          <span class="sr-vault-price">$997</span>
          <p class="sr-vault-value">Individual value: <s>$2,304</s></p>
          <span class="sr-vault-saves">You save $1,307</span>
        </div>
        <div class="sr-vault-features">
          <span class="sr-vault-feature">All 32 documents included</span>
          <span class="sr-vault-feature">All 8 categories covered</span>
          <span class="sr-vault-feature">State-specific preparation</span>
          <span class="sr-vault-feature">Fully editable files</span>
          <span class="sr-vault-feature">Delivered to your inbox</span>
        </div>
        <a href="/products/complete-business-vault" class="sr-vault-btn">Get the Complete Vault — $997</a>
      </div>
    </div>
  </section>

  <!-- SUBSCRIPTIONS -->
  <section class="sr-section sr-section-light">
    <div class="sr-container">
      <span class="sr-section-label">Subscription Plans</span>
      <h2 class="sr-section-title">Access on your terms</h2>
      <p class="sr-section-sub">Need ongoing access? Subscribe and request documents anytime — no one-time purchase required.</p>
      <div class="sr-plans">

        <div class="sr-plan">
          <h3 class="sr-plan-name">Starter</h3>
          <p class="sr-plan-desc">1 category, unlimited requests</p>
          <div class="sr-plan-price">$49</div>
          <p class="sr-plan-period">per month · 3-month minimum</p>
          <ul class="sr-plan-features">
            <li>1 document category</li>
            <li>Unlimited document requests</li>
            <li>State-specific preparation</li>
            <li>Email delivery</li>
          </ul>
          <a href="/pages/subscriptions" class="sr-plan-btn">Get Started</a>
        </div>

        <div class="sr-plan sr-plan-popular">
          <span class="sr-plan-badge">Most Popular</span>
          <h3 class="sr-plan-name">Professional</h3>
          <p class="sr-plan-desc">3 categories, unlimited requests</p>
          <div class="sr-plan-price">$159</div>
          <p class="sr-plan-period">per month · 3-month minimum</p>
          <ul class="sr-plan-features">
            <li>3 document categories</li>
            <li>Unlimited document requests</li>
            <li>State-specific preparation</li>
            <li>Priority email delivery</li>
          </ul>
          <a href="/pages/subscriptions" class="sr-plan-btn">Get Started</a>
        </div>

        <div class="sr-plan">
          <h3 class="sr-plan-name">Unlimited</h3>
          <p class="sr-plan-desc">All 8 categories, all 32 docs</p>
          <div class="sr-plan-price">$399</div>
          <p class="sr-plan-period">per month · 3-month minimum</p>
          <ul class="sr-plan-features">
            <li>All 8 categories</li>
            <li>All 32 documents</li>
            <li>Unlimited document requests</li>
            <li>Priority email delivery</li>
          </ul>
          <a href="/pages/subscriptions" class="sr-plan-btn">Get Started</a>
        </div>

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

  <!-- DISCLAIMER -->
  <div class="sr-disclaimer">
    <p>SignReady Co., LLC is a document preparation service — not a law firm and not a substitute for the advice of an attorney. Documents are templates only. We do not provide legal advice. <a href="/pages/disclaimer">Full Disclaimer</a> · <a href="/pages/privacy-policy">Privacy Policy</a> · <a href="/pages/terms-of-service">Terms of Service</a></p>
  </div>

</div>


/* ============================================================
   SIGNREADY CO — THREE TARGETED FIXES
   1. Gold announcement bar
   2. FAQ hero heading font
   3. Disclaimer above footer
   ============================================================ */

/* ── FIX 1: GOLD ANNOUNCEMENT BAR ── */
.announcement-bar,
.announcement-bar__wrap,
.shopify-section-announcement-bar,
.shopify-section-group-header-group .announcement-bar {
  background-color: #D4AC0D !important;
  border-bottom: 2px solid #b8930b !important;
}
.announcement-bar__message,
.announcement-bar a,
.announcement-bar p,
.announcement-bar span,
.announcement-bar__message p {
  color: #0F2340 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.announcement-bar .icon,
.announcement-bar svg {
  fill: #0F2340 !important;
  color: #0F2340 !important;
}

/* ── FIX 2: FAQ HERO HEADING ── */
/* DM Serif Display is what's imported — use it consistently */
.sr-faq-wrap .sr-hero h1,
section.sr-hero h1,
.sr-hero h1 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* ── FIX 3: DISCLAIMER ABOVE FOOTER ── */
/* Styled disclaimer strip sitting just above the footer */
.sr-disclaimer {
  display: block !important;
  background: #F9FAFB !important;
  border-top: 1px solid #D5E8F0 !important;
  padding: 28px 48px !important;
  text-align: center !important;
}
.sr-disclaimer p {
  font-size: 11px !important;
  color: #9CA3AF !important;
  max-width: 900px !important;
  margin: 0 auto 10px !important;
  line-height: 1.7 !important;
  font-family: 'DM Sans', sans-serif !important;
}
.sr-disclaimer-links {
  display: block !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}
.sr-disclaimer-links a {
  color: #2471A3 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  font-family: 'DM Sans', sans-serif !important;
}
.sr-disclaimer-links a:hover {
  color: #0F2340 !important;
}
.sr-disclaimer-dot {
  color: #9CA3AF !important;
  margin: 0 8px !important;
}

/* Hide any duplicate disclaimer instances */
.sr-site-disclaimer {
  display: none !important;
}

@media (max-width: 768px) {
  .sr-disclaimer {
    padding: 20px 24px !important;
  }
}
.sr-vault h2.sr-vault-title,
.sr-vault .sr-vault-title {
  color: #ffffff !important;
}

.footer-block,
.footer__blocks,
.footer .footer-block__heading,
.footer .footer-block__list {
  text-align: center !important;
}
.footer-block__list a {
  display: block !important;
  text-align: center !important;
}

.sr-vault h2, .sr-vault .sr-vault-title { color: #ffffff !important; }

/* DISCLAIMER FIX */
.sr-site-disclaimer { display: none !important; }
.sr-global-disclaimer {
  background: #F9FAFB !important;
  border-top: 1px solid #D5E8F0 !important;
  padding: 28px 48px !important;
  text-align: center !important;
}
.sr-global-disclaimer p {
  text-align: center !important;
  font-size: 11px !important;
  color: #9CA3AF !important;
  max-width: 860px !important;
  margin: 0 auto 8px !important;
  line-height: 1.7 !important;
  font-family: 'DM Sans', sans-serif !important;
}
.sr-global-disclaimer a {
  color: #2471A3 !important;
  font-weight: 600 !important;
}

/* VAULT TITLE FIX */
.sr-vault h2, .sr-vault .sr-vault-title {
  color: #ffffff !important;
  font-size: 48px !important;
  font-family: 'DM Serif Display', Georgia, serif !important;
}
.card__inner .card__heading { display: none !important; }
.sr-faq-hero h1,
.page-title,
main h1,
.main-page-content h1 {
  font-family: 'DM Serif Display', serif !important;
}
/* ============================================================
   SIGNREADY — OPTION C TILES — DEFINITIVE FIX
   Replace ALL previous tile CSS blocks with this one.
   Root cause: Dawn's .gradient class sets background-image
   which overrides background-color. Must clear both.
   ============================================================ */

/* 1. Kill Dawn's gradient background-image on product cards */
.product-card-wrapper .gradient,
.product-card-wrapper .card__inner.gradient,
.product-card-wrapper .card.gradient {
  background-image: none !important;
}

/* 2. Kill Dawn's color-scheme background on product cards */
.product-card-wrapper [class*="color-"] {
  background-color: #0f2044 !important;
  background-image: none !important;
}

/* 3. Force navy on every card layer */
.product-card-wrapper .card,
.product-card-wrapper .card__inner,
.product-card-wrapper .card__content,
.product-card-wrapper .card__information,
.product-card-wrapper .card-information {
  background-color: #0f2044 !important;
  background-image: none !important;
}

/* 4. Navy border */
.product-card-wrapper .card {
  border-color: #1a3060 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.2s ease !important;
}

.product-card-wrapper:hover .card {
  transform: translateY(-3px) !important;
}

/* 5. Gold orb accent bottom-right */
.product-card-wrapper .card::after {
  content: '' !important;
  position: absolute !important;
  bottom: -20px !important;
  right: -20px !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background: rgba(196, 156, 42, 0.12) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 6. Product title — white */
.product-card-wrapper .card__heading a,
.product-card-wrapper .card__heading a:link,
.product-card-wrapper .card__heading a:visited,
.product-card-wrapper .card__heading a.full-unstyled-link {
  color: #ffffff !important;
}

/* 7. Description text — light grey */
.product-card-wrapper .sr-card-desc {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 13px !important;
}

/* 8. Price — gold */
.product-card-wrapper .price,
.product-card-wrapper .price__regular,
.product-card-wrapper .price-item,
.product-card-wrapper .price-item--regular,
.product-card-wrapper .price .money,
.product-card-wrapper span.money {
  color: #e0ba5c !important;
}

/* 9. Vendor / caption text — muted gold */
.product-card-wrapper .caption-with-letter-spacing,
.product-card-wrapper .card__vendor {
  color: #c49c2a !important;
}

/* 10. Quick-add button — outlined gold */
.product-card-wrapper .quick-add__submit,
.product-card-wrapper .button--secondary {
  background: transparent !important;
  border-color: #c49c2a !important;
  color: #c49c2a !important;
}

.product-card-wrapper .quick-add__submit:hover,
.product-card-wrapper .button--secondary:hover {
  background: #c49c2a !important;
  color: #0f2044 !important;
}

/* ============================================================
   COLLECTION CARDS (Bundles page) — same treatment
   ============================================================ */

.collection-card-wrapper .gradient,
.collection-card-wrapper .card__inner.gradient,
.collection-card-wrapper .card.gradient {
  background-image: none !important;
}

.collection-card-wrapper [class*="color-"] {
  background-color: #0f2044 !important;
  background-image: none !important;
}

.collection-card-wrapper .card,
.collection-card-wrapper .card__inner,
.collection-card-wrapper .card__content,
.collection-card-wrapper .card__information {
  background-color: #0f2044 !important;
  background-image: none !important;
}

.collection-card-wrapper .card {
  border-color: #1a3060 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.2s ease !important;
}

.collection-card-wrapper:hover .card {
  transform: translateY(-3px) !important;
}

.collection-card-wrapper .card__heading a,
.collection-card-wrapper .card__heading a.full-unstyled-link,
.collection-card-wrapper .card__caption {
  color: #ffffff !important;
}
.sr-bundle-docs,
.sr-bundle-name,
.sr-bundle-was,
.sr-bundle-savings,
.sr-bundle-price {
  color: #ffffff !important;
}

.sr-bundle-card li,
.sr-bundle-card p,
.sr-bundle-card span {
  color: #ffffff !important;
}
.sr-bundle-card {
  overflow: visible !important;
}

.sr-bundles-grid {
  padding-top: 20px !important;
}

.page-title,
main .page-title,
.main-page-content h1 {
  text-align: center !important;
}

h1, .page-title {
  font-family: 'DM Serif Display', serif !important;
}
.main-page-content h1,
.page-title {
  font-family: 'DM Serif Display', serif !important;
  text-align: center !important;
  color: #0f2044 !important;
}
.product-card-wrapper .card__heading a,
.product-card-wrapper .card__heading a:link,
.product-card-wrapper .card__heading a:visited {
  color: #ffffff !important;
}

.sr-filter-bar {
  padding: 0 16px !important;
  justify-content: flex-start !important;
}

.sr-filter-btn {
  font-size: 12px !important;
  padding: 12px 14px !important;
}
.main-page-content h1.page-title,
.page-header h1 {
  display: none !important;
}

.main-page-content > h1,
.page-hero__heading {
  display: none !important;
}

.main-page-content > h1:first-child,
.page-hero > h1 {
  display: none !important;
}
.sr-filter-bar {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  justify-content: flex-start !important;
  padding: 0 16px !important;
}

.sr-filter-btn {
  font-size: 11px !important;
  padding: 10px 12px !important;
}

h1.main-page-title.page-title {
  display: none !important;
}

.template-page-all-documents h1.main-page-title,
.template-page h1.main-page-title.page-title {
  display: none !important;
}

.product-recommendations .card__heading a,
.complementary-products .card__heading a {
  color: #ffffff !important;
}

.product-recommendations,
.complementary-products {
  display: none !important;
}

/* Center and fix footer newsletter */
/* Center and fix footer newsletter */
.footer__newsletter,
.footer__newsletter-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.footer__newsletter .newsletter-form__field-wrapper {
  justify-content: center !important;
  display: flex !important;
  width: 100% !important;
  max-width: 400px !important;
}

.footer__newsletter .field__input {
  background: #ffffff !important;
  color: #0f2044 !important;
  border-color: #e2e6ef !important;
}

.footer__newsletter .field__button {
  background: #c49c2a !important;
  color: #0f2044 !important;
}

.footer__newsletter h2 {
  color: #ffffff !important;
}