/* Pricing section. Light colors are pinned to brand values (not the flipping
   color-scheme tokens) so the section always renders the mockup's light design. */

.zW0cbT0mSQIT4blgR_zk {
  --pp-ink: var(--_primitives---colors--neutral-darkest, #050b0d);
  --pp-muted: #505455;
  --pp-surface: var(--_primitives---colors--white, #ffffff);
  --pp-line: #e5e4df;
  --pp-font-body: var(--_typography---font-styles--body, "Inter", system-ui, sans-serif);
  --pp-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  font-family: var(--pp-font-body);
  width: 100%;
  color: var(--pp-ink);
}

.zW0cbT0mSQIT4blgR_zk *,
.zW0cbT0mSQIT4blgR_zk *::before,
.zW0cbT0mSQIT4blgR_zk *::after {
  box-sizing: border-box;
}

.R8dAjL0lFFuY2jcNBf0P {
  max-width: var(--pp-max-width, 100%);
  margin: 0 auto;
}

.TwU2YgaNHNkVnPyHChnM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
}

/* Heading — unbolded; size / line-height / letter-spacing are overridable per
   instance via inline style props (rem). Values here are the fallbacks. */
.AXEmtvnZfqe7c56gis8Q {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01rem;
}

/* Segmented toggle — matches the live fetch.ly/pricing control exactly:
   #f6f5f1 track (0.625rem radius, 0.25rem padding); 0.5rem-radius segments with
   0.625rem 1.75rem padding, 0.875rem Inter 400, dark text on both; active is
   white with a soft shadow. */
.rEsu0nqWWh92rAWxFnhF {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem;
  border-radius: 0.625rem;
  background-color: var(--_primitives---colors--neutral-lighter, #f6f5f1);
}

.PiVPhaC_4PAbyaarX5Bg {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  padding: 0.625rem 1.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: var(--pp-ink);
  white-space: nowrap;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.zyrF4gXrjFvGKkTenhVd {
  background-color: var(--pp-surface);
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05);
}

.dIRa2W32k6pSy_l45kTd {
  display: grid;
  grid-template-columns: repeat(var(--pp-cols, 3), 1fr);
  gap: 0.875rem;
  align-items: stretch;
}

@media (max-width: 991px) {
  .dIRa2W32k6pSy_l45kTd {
    gap: 0.75rem;
  }
}

@media (max-width: 767px) {
  .TwU2YgaNHNkVnPyHChnM {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
  .dIRa2W32k6pSy_l45kTd {
    grid-template-columns: 1fr;
  }
}

/* Pricing card. Light colors are pinned to brand values (not the flipping
   color-scheme tokens) so the card always renders the mockup's light design,
   whatever theme the section sits in. */

.rJB7Ysu1dQwnGbuarStD {
  --pp-ink: var(--_primitives---colors--neutral-darkest, #050b0d);
  --pp-muted: #505455; /* Neutral Dark */
  --pp-surface: var(--_primitives---colors--white, #ffffff);
  --pp-line: #e5e4df; /* Neutral hairline */
  --pp-featured: #1c5de0; /* Rhys mockup royal blue (overridable per instance) */
  --pp-on-featured: var(--_primitives---colors--white, #ffffff);
  --pp-on-featured-muted: rgba(255, 255, 255, 0.72);
  --pp-font-body: var(--_typography---font-styles--body, "Inter", system-ui, sans-serif);
  --pp-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  font-family: var(--pp-font-body);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.75rem;
  border: 0.0625rem solid var(--pp-line);
  border-radius: 0.875rem;
  background-color: var(--pp-surface);
  color: var(--pp-ink);
}

.rJB7Ysu1dQwnGbuarStD *,
.rJB7Ysu1dQwnGbuarStD *::before,
.rJB7Ysu1dQwnGbuarStD *::after {
  box-sizing: border-box;
}

.lVxyNs9Wk5p2AE79JLmL {
  border-color: transparent;
  background-color: var(--pp-featured);
  color: var(--pp-on-featured);
}

/* Eyebrow / tier label — Geist Mono uppercase per brand */
.VGohuRUTx54VNVPeTHue {
  display: block;
  margin-bottom: 1.25rem;
  font-family: var(--pp-font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-muted);
}

.lVxyNs9Wk5p2AE79JLmL .VGohuRUTx54VNVPeTHue {
  color: var(--pp-on-featured-muted);
}

.ensLfBxcfdTGFKsIlmt0 {
  margin-bottom: 1.5rem;
}

.SyIqadb96nCPeWFiUW2o {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9375rem;
  color: var(--pp-muted);
}

.lVxyNs9Wk5p2AE79JLmL .SyIqadb96nCPeWFiUW2o {
  color: var(--pp-on-featured-muted);
}

.riD6VcedfjjybL4P6Stf {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}

.VVCJUsAoocCSQJiod8Hh {
  font-size: 2.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

.UncvGFeZKkXNYdLnFAMY {
  font-size: 0.875rem;
  color: var(--pp-muted);
}

.lVxyNs9Wk5p2AE79JLmL .UncvGFeZKkXNYdLnFAMY {
  color: var(--pp-on-featured-muted);
}

.pldwH7_ettids4utwSTI {
  margin: 0 0 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--pp-ink);
}

.lVxyNs9Wk5p2AE79JLmL .pldwH7_ettids4utwSTI {
  color: var(--pp-on-featured);
}

/* Section label above the feature list — Geist Mono uppercase */
.jjhukfvt9GqjM7Hbi8ec {
  display: block;
  margin-bottom: 1rem;
  font-family: var(--pp-font-mono);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-muted);
}

.lVxyNs9Wk5p2AE79JLmL .jjhukfvt9GqjM7Hbi8ec {
  color: var(--pp-on-featured-muted);
}

/* Feature list — each row is [check icon] [text] */
.H05UA25gu_QTIwkOwAM9 {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9375rem;
  line-height: 1.45;
}

.XteZrOlkcIoiHPIUXwh0 {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}

.XteZrOlkcIoiHPIUXwh0:last-child {
  margin-bottom: 0;
}

.Oa8TgWYtJqc2VvsBm8dM {
  flex: 0 0 auto;
  display: inline-flex;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.05em;
  color: var(--pp-muted);
}

.lVxyNs9Wk5p2AE79JLmL .Oa8TgWYtJqc2VvsBm8dM {
  color: var(--pp-on-featured);
}

.IlsdwYOztd5IRs2zjG9Q {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

.cPdZ4GlEP4w1NCeKzCFU {
  flex: 1 1 auto;
}

/* CTA — light pill button with trailing arrow icon, full width */
.TNKOGwk4YBPZmjKuEeUL {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 2rem;
  padding: 0.75rem 1rem;
  border: 0.0625rem solid var(--pp-line);
  border-radius: 0.625rem;
  background-color: var(--pp-surface);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--pp-ink);
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.TNKOGwk4YBPZmjKuEeUL:hover {
  border-color: var(--pp-ink);
}

.lVxyNs9Wk5p2AE79JLmL .TNKOGwk4YBPZmjKuEeUL {
  border-color: transparent;
  background-color: var(--pp-on-featured);
  color: var(--pp-ink);
}

.lVxyNs9Wk5p2AE79JLmL .TNKOGwk4YBPZmjKuEeUL:hover {
  background-color: rgba(255, 255, 255, 0.88);
}

.Imqjrn68QDx0HDpUxQeM {
  flex: 0 0 auto;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}

.rnt05d8xIvk_Ae1_Nxq8 {
  width: 1rem;
  height: 1rem;
  display: block;
}