/* Public widgets share the homepage's theme, typography, navigation and spacing. */
.widget-public-marketing .widget-showcase {
  --showcase-ink: var(--bs-heading-color, #232333);
  --showcase-muted: var(--bs-body-color, #626b82);
  --showcase-accent: #656096;
  padding-top: 140px;
  padding-bottom: 72px;
  font-family: inherit;
}
.widget-public-marketing .widget-showcase__hero {
  gap: 56px;
  padding: 36px 0 88px;
}
.widget-public-marketing .widget-showcase__hero h1 {
  font-size: clamp(36px, 3.7vw, 56px);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.widget-public-marketing .widget-showcase__lede { font-size: 17px; line-height: 1.7; }
.widget-public-marketing .widget-showcase__eyebrow {
  color: var(--showcase-accent);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
}
.widget-public-marketing .widget-showcase__cta {
  background: #656096;
  border-radius: 6px;
  font: inherit;
  font-weight: 500;
  box-shadow: 0 4px 12px #65609626;
}
.widget-public-marketing .widget-showcase__cta:hover { background: #565181; }
.widget-public-marketing .widget-showcase__art { border-radius: 20px; }
.widget-public-marketing .widget-showcase__playground {
  background: var(--bs-paper-bg, #fff);
  border-color: var(--bs-border-color, #e7e7ef);
  border-radius: 20px;
}
.widget-public-marketing .widget-showcase__venue {
  background: var(--bs-body-bg, #f6f6fb);
  color: var(--showcase-ink);
}
.widget-public-marketing .widget-showcase__section-heading h2 { font-size: 30px; }
.widget-public-marketing .widget-showcase__benefits { margin-top: 64px; }
.widget-public-marketing .widget-public__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 40px;
  border-top: 1px solid var(--bs-border-color, #e7e7ef);
}
.widget-public-marketing .widget-public__footer p { margin: 0 auto 0 0; }
.widget-public-marketing .widget-public__footer nav { display: flex; flex-wrap: wrap; gap: 24px; }
.widget-public-marketing .widget-public__brand { font-weight: 700; color: var(--bs-heading-color, #232333); }
.dark-style .widget-public-marketing .widget-showcase { --showcase-ink: #e1def5; --showcase-muted: #b4b0ce; --showcase-accent: #b9b3ed; }
.dark-style .widget-public-marketing .widget-showcase__playground { background: #323449; border-color: #44465e; }
.dark-style .widget-public-marketing .widget-showcase__venue { background: #2b2c40; }
.dark-style .widget-public-marketing .widget-showcase__modes > div { background: #2b2c40; border-color: #44465e; }
.dark-style .widget-public-marketing .widget-showcase__modes input:checked + span { background: #44465e; color: #e1def5; }
.dark-style .widget-public-marketing .widget-showcase__modes label span,
.dark-style .widget-public-marketing .widget-showcase legend { color: #b4b0ce; }
.dark-style .widget-public-marketing .widget-showcase__start { background: #323449; border-color: #44465e; }
@media (max-width: 767px) {
  .widget-public-marketing .widget-showcase { padding-top: 108px; }
  .widget-public-marketing .widget-showcase__hero { gap: 28px; padding: 24px 0 48px; }
  .widget-public-marketing .widget-showcase__hero h1 { font-size: 36px; }
  .widget-public-marketing .widget-showcase__lede { font-size: 16px; }
  .widget-public-marketing .widget-showcase__section-heading h2 { font-size: 26px; }
  .widget-public-marketing .widget-showcase__playground { padding: 18px; }
}