<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
    <meta name="theme-color" content="#D0A38E" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Circle+Bloom" />
    <meta name="mobile-web-app-capable" content="yes" />

    <title>Circle + Bloom — Guided Meditation for Fertility, Pregnancy &amp; Women&#39;s Wellness</title>
    <meta name="description" content="Circle + Bloom offers guided meditation and visualization audio programs for fertility, IVF, pregnancy, and women&#39;s health — supporting your mind-body con…" />
    <meta name="keywords" content="fertility meditation, IVF meditation, pregnancy meditation, mind body fertility, guided visualization, women's wellness, fertility yoga, fertility audio, Circle Bloom" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    <meta name="googlebot" content="index, follow" />
    <meta name="author" content="Circle + Bloom" />
    <link rel="canonical" href="https://circlebloom.com/" />

    <meta property="og:url" content="https://circlebloom.com/" />
    <meta property="og:site_name" content="Circle + Bloom" />
    <meta property="og:title" content="Circle + Bloom - Fertility &amp; Wellness" />
    <meta property="og:description" content="Circle + Bloom offers guided meditation and visualization audio programs for fertility, IVF, pregnancy, and women&#39;s health — supporting your mind-body con…" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://circlebloom.com/opengraph.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@circlebloom" />
    <meta name="twitter:title" content="Circle + Bloom - Fertility &amp; Wellness" />
    <meta name="twitter:description" content="Circle + Bloom offers guided meditation and visualization audio programs for fertility, IVF, pregnancy, and women&#39;s health — supporting your mind-body con…" />
    <meta name="twitter:image" content="https://circlebloom.com/opengraph.jpg" />

    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png" />
    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- Same Google Fonts as before, but no longer render-blocking: the page
         paints as soon as our own CSS is in, and the fonts swap in when their
         stylesheet arrives (display=swap, as before). Without JavaScript the
         <noscript> copy loads it the old way. -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"></noscript>

    <!-- Google tag (gtag.js) — must be in raw HTML head so it fires on Stripe return before React replaceState clears query params -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18436374064"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'AW-18436374064');
    </script>
    <script type="module" crossorigin src="/assets/index-DchvwwqC.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-C1ajaLjo.css">
  
<style id="__seo-fragment-style">
  body { background: #FDF6F0; margin: 0; }
  #root > main {
    background: #FDF6F0;
    color: #404651;
    font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
    max-width: 42rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }
  #root > main h1 {
    font-family: 'IM Fell English', Georgia, serif;
    font-size: 1.875rem;
    line-height: 1.2;
    margin: 0.5rem 0 1rem;
    color: #404651;
    font-weight: 400;
  }
  #root > main h2 {
    font-family: 'IM Fell English', Georgia, serif;
    font-size: 1.25rem;
    margin: 1.5rem 0 0.5rem;
    color: #404651;
    font-weight: 400;
  }
  #root > main p { margin: 0 0 1rem; }
  #root > main section { margin-top: 1.5rem; }
  #root > main ul { padding-left: 1.25rem; margin: 0 0 1rem; }
  #root > main li { margin: 0.25rem 0; }
  #root > main a { color: #D0A38E; text-decoration: underline; }

  /* Ad landing pages only (see shared/adLandingPages.ts). These rules mirror
     the React layout — hero image block, then a white card overlapping it —
     so nothing moves when React takes over. */
  #root > main.ad-landing { max-width: none; padding: 0; }
  #root > main.ad-landing .ad-hero {
    position: relative; height: 12rem; overflow: hidden; background: #f0e6e2;
  }
  #root > main.ad-landing .ad-hero img {
    display: block; width: 100%; height: 100%; object-fit: cover;
  }
  #root > main.ad-landing .ad-price-pill {
    position: absolute; top: 1rem; right: 1rem; margin: 0;
    background: rgba(255,255,255,0.95); color: #D0A38E; font-weight: 700;
    font-size: 0.875rem; padding: 0.375rem 0.75rem; border-radius: 9999px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
  }
  #root > main.ad-landing .ad-wrap {
    position: relative; max-width: 42rem; margin: -2rem auto 0; padding: 0 1.25rem 3rem;
  }
  #root > main.ad-landing .ad-card {
    background: #fff; border-radius: 1rem; padding: 1.25rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  }
  #root > main.ad-landing .ad-eyebrow {
    font-size: 0.75rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase;
    color: #D0A38E; margin: 0 0 0.5rem;
  }
  #root > main.ad-landing h1 { font-size: 1.5rem; line-height: 1.25; margin: 0 0 0.25rem; }
  #root > main.ad-landing .ad-subtitle { font-size: 0.875rem; color: rgba(64,70,81,0.7); margin: 0 0 0.75rem; }
  #root > main.ad-landing .ad-chips { font-size: 0.75rem; color: rgba(64,70,81,0.7); margin: 0 0 1rem; }
  #root > main.ad-landing .ad-offer { font-size: 0.9375rem; margin: 0 0 0.75rem; }
  #root > main.ad-landing .ad-actions { display: flex; flex-direction: column; gap: 0.75rem; margin: 0 0 0.5rem; }
  #root > main.ad-landing .ad-btn {
    display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;
    padding: 0.875rem 1rem; border-radius: 0.75rem; font-weight: 600; font-size: 1rem;
    background: #fb923c; color: #fff; text-decoration: none;
  }
  #root > main.ad-landing .ad-btn--outline {
    background: #fff; color: #D0A38E; border: 2px solid #D0A38E; padding: 0.75rem 1rem; font-size: 0.875rem;
  }
  #root > main.ad-landing .ad-trust { font-size: 0.75rem; text-align: center; color: rgba(64,70,81,0.6); margin: 0 0 1rem; }
  #root > main.ad-landing .ad-review {
    margin: 0 0 0.5rem; padding: 1rem; border-radius: 1rem; background: #FDF6F0;
  }
  #root > main.ad-landing .ad-review p { font-size: 0.875rem; margin: 0 0 0.5rem; }
  #root > main.ad-landing .ad-review cite { font-style: normal; font-size: 0.75rem; font-weight: 500; color: #D0A38E; }
  #root > main.ad-landing .ad-review-note { font-size: 0.6875rem; color: rgba(64,70,81,0.5); margin: 0 0 1rem; }
  #root > main.ad-landing .ad-description { font-size: 0.875rem; color: rgba(64,70,81,0.8); }
  @media (min-width: 640px) {
    #root > main.ad-landing .ad-hero { height: 20rem; }
    #root > main.ad-landing .ad-card { padding: 1.5rem; }
    #root > main.ad-landing h1 { font-size: 1.875rem; }
    #root > main.ad-landing .ad-description { font-size: 1rem; }
  }
</style>
</head>
  <body>
    <div id="root"><main>
    <h1>Guided Meditation for Fertility, Pregnancy &amp; Women&#39;s Wellness</h1>
    <p>Circle + Bloom offers 20+ guided meditation and visualization programs that support your mind-body connection through fertility, IVF/IUI, pregnancy, miscarriage recovery, and motherhood — in about 15 minutes a day.</p>
    <section>
      <h2>Start here</h2>
      <ul>
        <li><a href="/programs">Browse all programs</a> — fertility, IVF, PCOS, pregnancy, sleep, and more</li>
        <li><a href="/subscribe">All-Access membership</a> — $14.99/mo or $99.99/year with a 7-day free trial</li>
        <li><a href="/program/miscarriage-support">Free miscarriage meditation</a> — two gentle sessions, no credit card</li>
        <li><a href="/success-stories">Success stories</a> — real members, in their own words</li>
      </ul>
    </section>
    <section>
      <h2>Why Circle + Bloom</h2>
      <p>Founded in 2009, our programs combine guided visualization, breathing, and progressive relaxation — designed to be consistent and accessible, not another chore. Stream on any device; offline listening is included with All-Access.</p>
    </section>
    <p><a href="/about">About us</a> &middot; <a href="/contact">Contact support</a> &middot; <a href="/for-practitioners">For practitioners</a></p>
  </main></div>
  </body>
</html>
