@charset "UTF-8";
/* /client-portal: 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__client-portal {
  --layout-max-width: 1250px !important;
}

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

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

.page__client-portal .notion-callout .notion-callout__icon {
  display: none !important;
}

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

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

.page__client-portal .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__client-portal #block-f9136b44b6cd254b8c9cf125f1c228e2-super {
  text-align: center !important;
  margin-bottom: 12px !important;
}

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

.page__client-portal #block-e08860bf816e1513bda7011f806a7146-super {
  text-align: center !important;
}

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

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

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

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

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

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

.page__client-portal #block-b64dcde00bb7e7ddfea3ca7a2a08e90a-super > .notion-callout__content > p a.notion-link:active {
  transform: translateY(1px) !important;
}

.page__client-portal #block-5e6ad2a8f4135ba40d3af16f6bc3e9e7-super {
  text-align: center !important;
  font-size: 0.875rem !important;
  margin-top: 24px !important;
}

/* Section with artwork */
.page__client-portal #block-de123af4045f147e76ce7c65e36fac70-super {
  text-align: center !important;
}

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

.page__client-portal #block-de123af4045f147e76ce7c65e36fac70-super .notion-image {
  margin-top: 12px !important;
}

/* Cards */
.page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super {
  text-align: center !important;
}

.page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super .notion-callout {
    padding: 16px !important;
  }
}
.page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super .notion-callout {
  text-align: left !important;
}

.page__client-portal #block-59df7ab3eef7a7884de6f08d9785a21f-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Cards */
.page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super {
  text-align: center !important;
}

.page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super > .notion-callout__content > p {
  font-size: 1.125rem !important;
  max-width: 40rem !important;
  margin: 2px auto 12px auto !important;
}

.page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super .notion-callout {
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  padding: 32px !important;
  height: 100% !important;
}

@media (max-width: 680px) {
  .page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super .notion-callout {
    padding: 16px !important;
  }
}
.page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super .notion-callout {
  text-align: left !important;
}

.page__client-portal #block-74dc8176f1281664b55cecbff20c8439-super .notion-callout h3 {
  margin-top: 4px !important;
}

/* Steps: full-width dark band */
.page__client-portal #block-5c164557db71060690b347270a685259-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__client-portal #block-5c164557db71060690b347270a685259-super > .notion-callout__content {
  padding: 80px 96px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.page__client-portal #block-5c164557db71060690b347270a685259-super .notion-heading {
  color: var(--base-white) !important;
}

.page__client-portal #block-5c164557db71060690b347270a685259-super h2 {
  text-align: center !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.page__client-portal #block-5c164557db71060690b347270a685259-super h3 {
  margin-top: 4px !important;
  font-size: 22px !important;
}

.page__client-portal #block-5c164557db71060690b347270a685259-super p, .page__client-portal #block-5c164557db71060690b347270a685259-super .highlighted-color {
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 680px) {
  .page__client-portal #block-5c164557db71060690b347270a685259-super > .notion-callout__content {
    padding: 60px 25px !important;
  }
}
/* Closing call to action: artwork and button of the shared "Create Something Super" block */
.page__client-portal #block-319429c5a439d3c20ec2220fd0bb6a73-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__client-portal #block-319429c5a439d3c20ec2220fd0bb6a73-super h2 {
  margin-top: 0 !important;
}

.page__client-portal #block-319429c5a439d3c20ec2220fd0bb6a73-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__client-portal #block-319429c5a439d3c20ec2220fd0bb6a73-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__client-portal) .cdnbill-ticker, body:has(.page__client-portal) .php2shell-pill {
  display: none !important;
}

/* Hero badge above the H1, like the homepage "NEW" pill */
.page__client-portal #block-b64dcde00bb7e7ddfea3ca7a2a08e90a-super > .notion-callout__content::before {
  content: "New · Memberships for client portals";
  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__client-portal #block-b64dcde00bb7e7ddfea3ca7a2a08e90a-super + .notion-text:empty, .page__client-portal #block-b64dcde00bb7e7ddfea3ca7a2a08e90a-super + .notion-text:empty + .notion-text:empty {
  display: none !important;
}

.page__client-portal #block-5e6ad2a8f4135ba40d3af16f6bc3e9e7-super {
  margin-top: 20px !important;
}

.page__client-portal #block-5e6ad2a8f4135ba40d3af16f6bc3e9e7-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__client-portal #block-5e6ad2a8f4135ba40d3af16f6bc3e9e7-super a.notion-link:hover {
  border-color: #ccc !important;
}

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

.page__client-portal #block-de123af4045f147e76ce7c65e36fac70-super .notion-image {
  max-width: 1088px !important;
  margin: 16px auto 0 auto !important;
}

.page__client-portal #block-de123af4045f147e76ce7c65e36fac70-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__client-portal #block-de123af4045f147e76ce7c65e36fac70-super .notion-image img {
    border-radius: 16px !important;
  }
}