/** Shopify CDN: Minification failed

Line 12:0 All "@import" rules must come first

**/
/* =========================================================
   Flourish Provider Partner Page — Scoped Vanilla CSS
   Mirrors the Tailwind/oklch design system from the React app.
   Scoped exclusively to .provider-group sections.
========================================================= */
html.providers{font-size: 16px}
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Outfit:wght@300;400;500;600;700&display=swap");

/* Scope variables and base body styles to the wrapper */
.provider-group {
  --cream: oklch(0.96 0.012 85);
  --brown: oklch(0.58 0.1 75);
  --brown-foreground: oklch(0.985 0.012 85);
  --brown-mid: oklch(0.45 0.055 155);
  --navy: oklch(0.32 0.04 155);
  --navy-foreground: oklch(0.985 0.012 85);
  --background: #ffffff;
  --foreground: var(--navy);
  --muted-foreground: oklch(0.45 0.03 250);
  --border: oklch(0.92 0.01 80);
  --input: oklch(0.94 0.008 80);
  --font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --font-sans: "Outfit", system-ui, sans-serif;

  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* ---------- Resets (Scoped) ---------- */
.provider-group *, 
.provider-group *::before, 
.provider-group *::after { 
  box-sizing: border-box; 
}

.provider-group a { color: inherit; text-decoration: none; }
.provider-group img { max-width: 100%; display: block; }
.provider-group button { font: inherit; cursor: pointer; }

.provider-group h1, 
.provider-group h2, 
.provider-group h3, 
.provider-group h4, 
.provider-group h5, 
.provider-group h6 {
  font-family: var(--font-serif);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
}

.provider-group p, 
.provider-group ul, 
.provider-group ol, 
.provider-group blockquote { margin: 0; }

.provider-group ul { list-style: none; padding: 0; }

/* ---------- Typography & Utility (Scoped) ---------- */
.provider-group .font-serif { font-family: var(--font-serif); }
.provider-group .font-sans { font-family: var(--font-sans); }

.provider-group ul li:before { display: none; }
.provider-group p { font-size: 16px; }
.provider-group *:empty { display: flex; }

/* ---------- Layout helpers (Scoped) ---------- */
.provider-group .container { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; }
.provider-group .container-narrow { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; }
.provider-group .container-faq { max-width: 900px; margin: 0 auto; padding: 0 1.5rem; }

.provider-group .section { padding: 5rem 0; }
@media (min-width: 1024px) { 
  .provider-group .section { padding: 7rem 0; } 
}

.provider-group .eyebrow {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 1.25rem;
}

.provider-group .h1 {
  font-size: 2.25rem;
  line-height: 1.07;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) { .provider-group .h1 { font-size: 3.5rem; } }

.provider-group .h2 {
  font-size: 1.75rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) { .provider-group .h2 { font-size: 2.5rem; } }

.provider-group .lede {
  font-size: 1rem;
  line-height: 1.55;
  color: rgb(from var(--foreground) r g b / 0.8);
}
.provider-group .lede p { font-size: 18px; }
@media (min-width: 768px) { 
  .provider-group .lede { font-size: 18px; line-height: 28px; } 
}

.provider-group .max-w-2xl { max-width: 42rem; }
.provider-group .max-w-3xl { max-width: 48rem; }
.provider-group .text-center { text-align: center; }
.provider-group .mx-auto { margin-left: auto; margin-right: auto; }
.provider-group .mt-6 { margin-top: 1.5rem; }
.provider-group .mt-8 { margin-top: 2rem; }
.provider-group .mt-10 { margin-top: 2.5rem; }
.provider-group .mt-12 { margin-top: 3rem; }

/* ---------- Backgrounds (Scoped with iOS Fix) ---------- */
.provider-group .bg-cream { background-color: var(--cream); }
.provider-group .bg-background { background-color: var(--background); }

.provider-group .swirl-bg {
  background-color: var(--navy);
  color: var(--brown-foreground);
  position: relative;
  z-index: 1;
}

.provider-group .swirl-bg-navy {
  background-color: var(--navy);
  color: var(--navy-foreground);
  position: relative;
  z-index: 1;
}

.provider-group .swirl-bg::before,
.provider-group .swirl-bg-navy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("\/\/flourishrx.com\/cdn\/shop\/t\/2\/assets\/swirl-pattern.png?v=64930057501619293771777992633");
  background-repeat: repeat;
  background-size: 600px;
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}

/* ---------- Pill button (Scoped) ---------- */
.provider-group .pill {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  transition: background-color .2s, color .2s, transform .2s;
}

.provider-group .pill svg { width: 1rem; height: 1rem; }

.provider-group .pill-brown { background: var(--brown); color: var(--brown-foreground); }
.provider-group .pill-brown:hover { background: color-mix(in oklab, var(--brown) 90%, black); }

.provider-group .pill-navy { background: var(--navy); color: var(--navy-foreground); }
.provider-group .pill-navy:hover { background: color-mix(in oklab, var(--navy) 90%, black); }

.provider-group .pill-white { background: #fff; color: var(--navy); }
.provider-group .pill-white:hover { background: rgb(255 255 255 / 0.9); }