/* /4-0oooo: landing look. Mirrors the .parent-page__landing rules of the site stylesheet, scoped to this page. Generated by create-landing-page. */
.page__4-0oooo {
  --layout-max-width: 1250px !important;
}

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

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

.page__4-0oooo .notion-callout .notion-callout__icon {
  display: none !important;
}

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

.page__4-0oooo .notion-callout.bg-gray-light {
  background: #f9f9f8 !important;
}

.page__4-0oooo .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__4-0oooo #block-f9136b44b6cd254b8c9cf125f1c228e2-super {
  text-align: center !important;
  margin-bottom: 12px !important;
}

.page__4-0oooo #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__4-0oooo #block-815e42eabf051474068e099132158b02-super.notion-callout .notion-callout__content .notion-image {
  padding: 4px 16px !important;
  max-width: 180px !important;
  align-self: center !important;
}

.page__4-0oooo #block-e08860bf816e1513bda7011f806a7146-super {
  text-align: center !important;
}

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

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

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

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

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 48rem !important;
  margin: 16px auto 0 !important;
}

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-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__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p a.notion-link:hover {
  box-shadow: 0 5px 28px -6px #ffbe3d !important;
}

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p a.notion-link:active {
  transform: translateY(1px) !important;
}

/* Hero badge (home page "NEW" line) */
.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p:nth-of-type(1) {
  display: table !important;
  margin: 0 auto 6px !important;
  padding: 8px 18px !important;
  background: var(--primary-500) !important;
  font-weight: 700 !important;
  font-size: 1.0625rem !important;
  color: var(--base-black) !important;
  border-radius: 10px !important;
  line-height: 1.4 !important;
  max-width: calc(100% - 8px) !important;
}

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p:nth-of-type(1) strong {
  background: var(--base-black) !important;
  color: var(--primary-500) !important;
  border-radius: 6px !important;
  padding: 1px 7px !important;
  margin-right: 6px !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.06em !important;
  vertical-align: 1px !important;
}

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p:nth-of-type(1) a.notion-link {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

.page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p:nth-of-type(1) a.notion-link:hover {
  background: none !important;
  box-shadow: none !important;
  opacity: 0.75 !important;
}

@media (max-width: 576px) {
  .page__4-0oooo #block-e44464a0f2fe65f3c7deb3253c7e1467-super > .notion-callout__content > p:nth-of-type(1) {
    font-size: 0.875rem !important;
    padding: 8px 14px !important;
  }
}
/* Section with artwork */
.page__4-0oooo #block-3cc6099312126196a44d36f41c9b7c1f-super {
  text-align: center !important;
}

.page__4-0oooo #block-3cc6099312126196a44d36f41c9b7c1f-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__4-0oooo #block-3cc6099312126196a44d36f41c9b7c1f-super .notion-image {
  margin-top: 12px !important;
}

/* Cards */
.page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super {
  text-align: center !important;
}

.page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super .notion-callout {
    padding: 16px !important;
  }
}
.page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super .notion-callout {
  text-align: left !important;
}

.page__4-0oooo #block-f3eb75ac53018c217c65fe1872dd576f-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Cards */
.page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super {
  text-align: center !important;
}

.page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super .notion-callout {
    padding: 16px !important;
  }
}
.page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super .notion-callout {
  text-align: left !important;
}

.page__4-0oooo #block-d1a0638ba37e4ae2fcb851e2414b8ca0-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Closing call to action: artwork and button of the shared "Create Something Super" block */
.page__4-0oooo #block-7eedc302265b79e3cf19f22806da4ebf-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__4-0oooo #block-7eedc302265b79e3cf19f22806da4ebf-super h2 {
  margin-top: 0 !important;
}

.page__4-0oooo #block-7eedc302265b79e3cf19f22806da4ebf-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__4-0oooo #block-7eedc302265b79e3cf19f22806da4ebf-super > .notion-callout__content > p a.notion-link:hover {
  background: var(--gray-900) !important;
}

/* launch video under the hero (Notion video block) */
.page__4-0oooo .notion-root video {
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 8px auto 24px !important;
  border-radius: 24px !important;
  box-shadow: 0 30px 80px rgba(38, 42, 46, 0.14) !important;
  background: #000 !important;
  aspect-ratio: 16/9 !important;
  height: auto !important;
  object-fit: contain !important;
}

/* the page is for existing users: no sign-up button in the navbar */
.super-root:has(.page__4-0oooo) .super-navbar__cta {
  display: none !important;
}