@charset "UTF-8";
/* /membership-site: landing look. Mirrors the .parent-page__landing rules of the site stylesheet, scoped to this page. Generated by create-landing-page. v2, block ids filled after the build of 2026-10-26. */
.page__membership-site {
  --layout-max-width: 1250px !important;
}

/* Title hidden, cover kept: the site stylesheet turns the Notion cover into the hero background. */
.page__membership-site .notion-header__content {
  display: none !important;
}

.page__membership-site .notion-callout {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: visible !important;
}

.page__membership-site .notion-callout .notion-callout__icon {
  display: none !important;
}

.page__membership-site .notion-callout .notion-callout__content {
  margin-inline-start: 0 !important;
  overflow: visible !important;
}

.page__membership-site .notion-callout.bg-gray-light {
  background: #f9f9f8 !important;
}

.page__membership-site .notion-quote {
  border: 0 !important;
  margin: 8px 0 !important;
  font-weight: 600 !important;
  padding: 0 !important;
}

/* Shared blocks reused from the landing pages: customer logos, support quotes */
.page__membership-site #block-f9136b44b6cd254b8c9cf125f1c228e2-super {
  text-align: center !important;
  margin-bottom: 12px !important;
}

.page__membership-site #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
  gap: 32px !important;
  margin: 0 auto !important;
  justify-content: center !important;
}

.page__membership-site #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content .notion-image {
  padding: 4px 16px !important;
  max-width: 180px !important;
  align-self: center !important;
}

.page__membership-site #block-e08860bf816e1513bda7011f806a7146-super {
  text-align: center !important;
}

.page__membership-site #block-e08860bf816e1513bda7011f806a7146-super p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__membership-site #block-e08860bf816e1513bda7011f806a7146-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 16px !important;
}

@media (max-width: 680px) {
  .page__membership-site #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content {
    gap: 16px !important;
  }
  .page__membership-site #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content .notion-image {
    max-width: 130px !important;
  }
}
/* Hero */
.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super {
  text-align: center !important;
  padding-top: 48px !important;
}

.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super h1 {
  margin: 16px auto 0 !important;
  font-size: clamp(2.6rem, 6vw, 4rem) !important;
}

.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 48rem !important;
  margin: 16px auto 0 !important;
}

.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super > .notion-callout__content > p a.notion-link {
  display: inline-flex !important;
  justify-content: center !important;
  margin-top: 16px !important;
  background: #ffbe3d !important;
  color: #111 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: var(--rounded-md) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super > .notion-callout__content > p a.notion-link:hover {
  box-shadow: 0 5px 28px -6px #ffbe3d !important;
}

.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super > .notion-callout__content > p a.notion-link:active {
  transform: translateY(1px) !important;
}

.page__membership-site #block-183383a3c86d8cf81fbca0379dfa0b82-super {
  text-align: center !important;
  font-size: 0.875rem !important;
  margin-top: 24px !important;
}

/* Section with artwork */
.page__membership-site #block-1625f3de6544c738074dec382a558d68-super {
  text-align: center !important;
}

.page__membership-site #block-1625f3de6544c738074dec382a558d68-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__membership-site #block-1625f3de6544c738074dec382a558d68-super .notion-image {
  margin-top: 12px !important;
}

/* Cards */
.page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super {
  text-align: center !important;
}

.page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super .notion-callout {
    padding: 16px !important;
  }
}
.page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super .notion-callout {
  text-align: left !important;
}

.page__membership-site #block-a2c3604910212b0f04be437ab74c2f5f-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Cards */
.page__membership-site #block-f0241d72bc80d7247f87f29376400098-super {
  text-align: center !important;
}

.page__membership-site #block-f0241d72bc80d7247f87f29376400098-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__membership-site #block-f0241d72bc80d7247f87f29376400098-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__membership-site #block-f0241d72bc80d7247f87f29376400098-super .notion-callout {
    padding: 16px !important;
  }
}
.page__membership-site #block-f0241d72bc80d7247f87f29376400098-super .notion-callout {
  text-align: left !important;
}

.page__membership-site #block-f0241d72bc80d7247f87f29376400098-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Steps: full-width dark band */
.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super {
  width: 100vw !important;
  position: relative !important;
  margin-left: -50vw !important;
  height: auto !important;
  left: 50% !important;
  background: var(--gray-900) !important;
  border-radius: 0 !important;
  --column-spacing: 45px !important;
}

.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super > .notion-callout__content {
  padding: 80px 96px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super .notion-heading {
  color: var(--base-white) !important;
}

.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super h2 {
  text-align: center !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super h3 {
  margin-top: 4px !important;
  font-size: 22px !important;
}

.page__membership-site #block-e3152e10360c8da50381f47810291c5e-super p, .page__membership-site #block-e3152e10360c8da50381f47810291c5e-super .highlighted-color {
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 680px) {
  .page__membership-site #block-e3152e10360c8da50381f47810291c5e-super > .notion-callout__content {
    padding: 60px 25px !important;
  }
}
/* Section with artwork */
.page__membership-site #block-1364121b818ec29d0ee75b923555a29f-super {
  text-align: center !important;
}

.page__membership-site #block-1364121b818ec29d0ee75b923555a29f-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__membership-site #block-1364121b818ec29d0ee75b923555a29f-super .notion-image {
  margin-top: 12px !important;
}

/* Closing call to action: artwork and button of the shared "Create Something Super" block */
.page__membership-site #block-cd7c7a888ff207aaf6d799cfc6f092bb-super {
  text-align: center !important;
  padding: 80px 24px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #ffcf6e url("https://assets.super.so/186f4256-f467-4f79-8d6f-40defe12b9b4/images/764a2a48-6882-4799-9176-a3bdfa1ea4c6/footer-cta.png?width=1920&quality=90") center/cover no-repeat !important;
}

.page__membership-site #block-cd7c7a888ff207aaf6d799cfc6f092bb-super h2 {
  margin-top: 0 !important;
}

.page__membership-site #block-cd7c7a888ff207aaf6d799cfc6f092bb-super > .notion-callout__content > p a.notion-link {
  display: inline-flex !important;
  justify-content: center !important;
  margin-top: 16px !important;
  background: #ffbe3d !important;
  color: #111 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-radius: var(--rounded-md) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  opacity: 1 !important;
  background: #111 !important;
  color: #fff !important;
  margin-top: 24px !important;
  padding: var(--button-padding) !important;
}

.page__membership-site #block-cd7c7a888ff207aaf6d799cfc6f092bb-super > .notion-callout__content > p a.notion-link:hover {
  background: var(--gray-900) !important;
}

/* ---- v2 rules (hand-written, not generated by create-landing-page) ---- */
/* Hide the site-wide BREAKING ticker and the security toast on this page only (both are <body> children outside .super-root) */
body:has(.page__membership-site) .cdnbill-ticker, body:has(.page__membership-site) .php2shell-pill {
  display: none !important;
}

/* Hero badge above the H1, like the homepage "NEW" pill */
.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super > .notion-callout__content::before {
  content: "New · Memberships + MCP (AI)";
  display: table;
  margin: 0 auto 4px auto;
  padding: 6px 14px;
  border-radius: 999px;
  background: #ffd36b;
  color: #111;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
}

/* Line under the hero button: microcopy + secondary call to action as an outline button (homepage "Explore the showcase") */
/* The build puts two empty spacer paragraphs after every section; hide the pair between hero and this line */
.page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super + .notion-text:empty, .page__membership-site #block-5d96d312fc776da56e011bb07c0099c9-super + .notion-text:empty + .notion-text:empty {
  display: none !important;
}

.page__membership-site #block-183383a3c86d8cf81fbca0379dfa0b82-super {
  margin-top: 20px !important;
}

.page__membership-site #block-183383a3c86d8cf81fbca0379dfa0b82-super a.notion-link {
  display: inline-flex !important;
  margin-left: 8px !important;
  padding: 6px 12px !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: var(--rounded-md) !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.page__membership-site #block-183383a3c86d8cf81fbca0379dfa0b82-super a.notion-link:hover {
  border-color: #ccc !important;
}

/* Product demo right under the hero, framed like the homepage product visuals */
.page__membership-site #block-1625f3de6544c738074dec382a558d68-super {
  scroll-margin-top: 96px !important;
  margin-top: 48px !important;
}

.page__membership-site #block-1625f3de6544c738074dec382a558d68-super .notion-image {
  max-width: 1088px !important;
  margin: 16px auto 0 auto !important;
}

.page__membership-site #block-1625f3de6544c738074dec382a558d68-super .notion-image img {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  box-shadow: 0 24px 60px -28px rgba(0, 0, 0, 0.25) !important;
}

@media (max-width: 680px) {
  .page__membership-site #block-1625f3de6544c738074dec382a558d68-super .notion-image img {
    border-radius: 16px !important;
  }
}
/* Example prompt in the templates section (Notion quote block added by hand after the build) */
.page__membership-site #block-1364121b818ec29d0ee75b923555a29f-super .notion-quote {
  display: block !important;
  max-width: 40rem !important;
  margin: 20px auto 8px auto !important;
  padding: 16px 20px !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 16px !important;
  text-align: left !important;
  font-weight: 500 !important;
}

.page__membership-site #block-1364121b818ec29d0ee75b923555a29f-super .notion-quote::before {
  content: "Example prompt";
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gray-500, #888);
}