[data-sprout-design="v1"] {
  --sprout-background: #f6fbf4;
  --sprout-surface: #ffffff;
  --sprout-text: #183020;
  --sprout-muted-text: #4d6655;
  --sprout-accent: #166534;
  --sprout-accent-text: #ffffff;
  --sprout-border: #c9ddcd;
  --sprout-display-font: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --sprout-body-font: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --sprout-content-width: 72rem;
  --sprout-section-gap: clamp(4rem, 8vw, 7rem);
  --sprout-control-radius: 0.9rem;
  --sprout-card-radius: 1.5rem;
  color: var(--sprout-text);
  background: var(--sprout-background);
  font-family: var(--sprout-body-font);
  text-rendering: optimizeLegibility;
}
[data-sprout-design="v1"] main {
  display: grid;
  width: min(100% - 2rem, var(--sprout-content-width));
  margin-inline: auto;
  gap: clamp(2rem, 5vw, 5rem);
  min-height: min(54rem, 86vh);
  padding-block: clamp(4rem, 10vw, 9rem);
}
[data-sprout-design="v1"] main > section {
  padding-block: var(--sprout-section-gap);
}
[data-sprout-design="v1"] main h1 {
  margin: 0;
  color: var(--sprout-text);
  font-family: var(--sprout-display-font);
  font-size: clamp(3rem, 8vw, 7.5rem);
  line-height: 0.94;
  text-wrap: balance;
}
[data-sprout-design="v1"] main p {
  max-width: 58ch;
  color: var(--sprout-muted-text);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.65;
}
[data-sprout-design="v1"] main a {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--sprout-accent);
  border-radius: var(--sprout-control-radius);
  padding: 0.75rem 1.15rem;
  color: var(--sprout-accent-text);
  background: var(--sprout-accent);
  font: 700 0.95rem/1 var(--sprout-body-font);
  text-decoration: none;
}
[data-sprout-design="v1"] main > section {
  border: 1px solid var(--sprout-border);
  border-radius: var(--sprout-card-radius);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--sprout-surface);
  box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--sprout-text) 10%, transparent);
}

[data-sprout-design="v1"] main {
  grid-template-columns: minmax(0, 52rem);
  justify-content: center;
  text-align: center;
}

@keyframes sprout-quiet-reveal {
  from { opacity: 0; transform: translateY(0.75rem); }
  to { opacity: 1; transform: translateY(0); }
}
[data-sprout-design="v1"] main > * {
  animation: sprout-quiet-reveal 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (max-width: 48rem) {
  [data-sprout-design="v1"] main {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    text-align: left;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-sprout-design="v1"] {
    scroll-behavior: auto;
  }
  [data-sprout-design="v1"] *,
  [data-sprout-design="v1"] *::before,
  [data-sprout-design="v1"] *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}