1d:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/0bd8yj_0o4eiy.js","/_next/static/chunks/3zsx8o-w60ckh.js","/_next/static/chunks/27v2vx76cztdw.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/5ff57467-bc0d-437b-979f-e39c45ab80c4.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/c84375f1-7b8a-45cd-89d9-be5f38ca4d9f.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/e8c4662f-56c9-4a99-ab63-18338844fcff.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","custom-font-regular-sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/5ff57467-bc0d-437b-979f-e39c45ab80c4.woff2",{"rel":"preload","href":"https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/5ff57467-bc0d-437b-979f-e39c45ab80c4.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","custom-font-medium-sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/c84375f1-7b8a-45cd-89d9-be5f38ca4d9f.woff2",{"rel":"preload","href":"https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/c84375f1-7b8a-45cd-89d9-be5f38ca4d9f.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","custom-font-bold-sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/e8c4662f-56c9-4a99-ab63-18338844fcff.woff2",{"rel":"preload","href":"https://assets-v2.super.so/sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/e8c4662f-56c9-4a99-ab63-18338844fcff.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 18:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 19:["$","meta","0",{"name":"facebook-domain-verification","content":"ini3v1cjuq8vo1tbyp6w1tk1z610x8","children":null}] 1a:["$","style","2",{"dangerouslySetInnerHTML":{"__html":"\n [data-ff-el=\"root\"].ff-6033ccf8305534e19892ab4d .ff-6033ccf8305534e19892ab4d__form { padding: 0!important;}\n \n .parent-page__blog .notion-header__content {\n padding-top: 40px!important;\n }\n \n .parent-page__blog .notion-header__content.no-cover {\n padding-top: 80px!important;\n padding-bottom: 40px!important;\n }\n \n .parent-page__blog .notion-header__cover.no-cover {\n display: none!important;\n }\n"},"children":null}] 1b:["$","style","4",{"dangerouslySetInnerHTML":{"__html":"\n #block-16ea50d5f2cc80a6912ee144eecb66b8 h2,\n #block-16ea50d5f2cc80fa91c3f83d7c09ebd6 h2 {\n text-align: center!important;\n }\n\n#block-16ea50d5f2cc80a6912ee144eecb66b8 .notion-table tr td:first-child,\n #block-16ea50d5f2cc80fa91c3f83d7c09ebd6 .notion-table tr td:first-child {\n width: 100%!important;\n border-top: 0!important;\n }\n \n #block-16ea50d5f2cc80a6912ee144eecb66b8 .notion-table tr:first-child td,\n #block-16ea50d5f2cc80fa91c3f83d7c09ebd6 .notion-table tr:first-child td {\n border-top: 0!important;\n }\n \n #block-16ea50d5f2cc80a6912ee144eecb66b8 .notion-table td,\n #block-16ea50d5f2cc80fa91c3f83d7c09ebd6 .notion-table td {\n border-left: 0!important;\n border-right: 0!important;\n }\n"},"children":null}] 1e:T4eb, 1f:Tc7e, 20:T1223a,:root { --collection-card-cover-height-small:48px!important; --rounded-md:8px!important; --padding-layout:1rem!important; --primary-500:#ffbe3c!important; --primary-600:#fbb43c!important; --gray-25:#F9F9F8!important; --gray-50:#f2f4f5!important; --gray-100:#e6e9ed!important; --gray-200:#ccd1d6!important; --gray-300:#b3bac2!important; --gray-500:#808c99!important; --gray-600:#66707a!important; --gray-700:#4d545c!important; --gray-800:#33383d!important; --gray-900:#262a2e!important; --base-white:#ffffff!important; --base-warm-gray:#fdfdfc!important; --base-cold-white:#f9fafe!important; --base-black:#111111!important; --color-bg-default:#fdfdfc!important; --color-text-default:var(--gray-900)!important; --column-spacing:32px!important; --navbar-height:80px!important; --button-padding:13px 16px 14px 16px!important; --shadow-md:0px 12px 40px -3px rgba(18, 18, 32, 0.05)!important; } .notion-collection-gallery { border-top: 0 !important; } .notion-collection__header-wrapper { display: flex !important; } .notion-collection-card__property.notion-property__select::-webkit-scrollbar { display: none !important; } .notion-collection-gallery.small .notion-collection-card { box-shadow: none !important; border: 1px solid var(--gray-50) !important; text-align: center !important; padding: 24px 0 !important; background: 0 0 !important; } .notion-collection-gallery.small .notion-collection-card:hover { border: 1px solid var(--gray-100) !important; } .notion-collection-gallery.small .notion-collection-card:hover .notion-property__title { color: var(--base-black) !important; } .notion-collection-gallery.small .notion-collection-card .notion-property__title { justify-content: center !important; font-size: 0.875rem !important; color: var(--gray-300) !important; } .notion-collection-gallery.large, .notion-collection-gallery.medium { gap: 32px !important; border-top: 0 !important; } .notion-collection-gallery.large .notion-collection-card, .notion-collection-gallery.medium .notion-collection-card { border-radius: 8px !important; box-shadow: 2.6px 4px 2.6px rgba(0, 0, 0, 0.007), 7.3px 11px 7.1px rgba(0, 0, 0, 0.01), 17.5px 26.5px 17.2px rgba(0, 0, 0, 0.013), 58px 88px 57px rgba(0, 0, 0, 0.02) !important; position: relative !important; transition: transform 0.15s ease-in-out !important; cursor: pointer !important; } .notion-collection-gallery.large .notion-collection-card:hover, .notion-collection-gallery.medium .notion-collection-card:hover { box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12) !important; background: var(--base-white) !important; transform: translateY(-8px) !important; } .notion-collection-gallery.large .notion-collection-card .notion-property__title, .notion-collection-gallery.medium .notion-collection-card .notion-property__title { font-size: 1.125rem !important; } .notion-collection-gallery.large .notion-collection-card .notion-property__title__icon-wrapper, .notion-collection-gallery.medium .notion-collection-card .notion-property__title__icon-wrapper { display: none !important; } .notion-collection-gallery.large .notion-collection-card__content, .notion-collection-gallery.medium .notion-collection-card__content { margin-top: 0 !important; } .notion-collection-gallery.large .notion-collection-card__content .property-7a5f6142 span, .notion-collection-gallery.medium .notion-collection-card__content .property-7a5f6142 span { position: absolute !important; top: 8px !important; right: 8px !important; background: var(--base-white) !important; color: var(--base-black) !important; width: 48px !important; height: 48px !important; padding: 4px !important; display: flex !important; justify-content: center !important; align-items: center !important; border-radius: 100% !important; font-size: 1.125rem !important; font-weight: 500 !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06) !important; } .notion-collection-gallery.large .notion-collection-card__content .property-52525675, .notion-collection-gallery.medium .notion-collection-card__content .property-52525675 { display: flex !important; align-items: center !important; font-size: 1rem !important; } .notion-collection-gallery.large .notion-collection-card__content .property-52525675 .notion-page__icon, .notion-collection-gallery.medium .notion-collection-card__content .property-52525675 .notion-page__icon { display: none !important; } .notion-collection-gallery.large .notion-collection-card__content .property-52525675 .notion-page, .notion-collection-gallery.medium .notion-collection-card__content .property-52525675 .notion-page { padding: 0 !important; } .notion-collection-gallery.large .notion-collection-card__content .property-52525675 .notion-page__title .notion-semantic-string, .notion-collection-gallery.medium .notion-collection-card__content .property-52525675 .notion-page__title .notion-semantic-string { border: 0 !important; font-weight: 300 !important; } .notion-collection-gallery.large .notion-collection-card__content .property-52525675::before, .notion-collection-gallery.medium .notion-collection-card__content .property-52525675::before { color: var(--gray-500) !important; content: "by"; } .notion-collection-gallery.large .notion-collection-card__content .property-5f417276, .notion-collection-gallery.medium .notion-collection-card__content .property-5f417276 { margin-top: 8px !important; } .notion-collection-gallery.large .notion-collection-card__content .property-5f417276 span, .notion-collection-gallery.medium .notion-collection-card__content .property-5f417276 span { background: var(--gray-25) !important; color: var(--gray-500) !important; font-size: 1rem !important; padding: 4px 8px !important; } .notion-collection-gallery.large .notion-collection-card__property, .notion-collection-gallery.medium .notion-collection-card__property { min-height: unset !important; } .notion-collection-gallery.large .notion-collection-card__property span, .notion-collection-gallery.medium .notion-collection-card__property span { color: var(--gray-500) !important; font-size: 1rem !important; } .notion-pill { padding: 3px 8px !important; border-radius: 30px !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 { padding: 0 !important; margin: 0 !important; border: none !important; overflow: visible !important; text-align: center !important; padding: 80px 24px !important; background-position: center !important; background-size: cover !important; position: relative !important; overflow: hidden !important; border-radius: 24px !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-callout__icon { display: none !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-callout__content { margin-inline-start: 0 !important; overflow: visible !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-link { margin-top: 24px !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 0 !important; background: var(--base-black) !important; color: var(--base-white) !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-link:active { transform: translateY(1px) !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-link:hover { box-shadow: 0 5px 28px -6px #ffbe3d !important; -webkit-box-shadow: 0 5px 28px -6px #ffbe3d !important; background: var(--gray-900) !important; } .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-image:last-child { position: absolute !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; top: -5% !important; left: 50% !important; transform: translate(-50%, -50%); z-index: -1 !important; } @media screen and (max-width: 992px) { .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-image:last-child { top: 20% !important; width: 100% !important; max-width: 140% !important; max-height: 140% !important; } } @media screen and (max-width: 576px) { .super-root .super-content #block-1efa808dfcce4ebaae1f7d5c21cc5bf6 .notion-image:last-child { top: 135% !important; width: 140% !important; height: 280% !important; max-width: 280% !important; max-height: 280% !important; } } .super-navbar { height: var(--navbar-height) !important; transition: height 0.3s ease-in-out, background 0.2s ease-in-out !important; } .super-navbar .super-navbar__item { color: var(--color-text-default) !important; } @media screen and (max-width: 576px) { .super-navbar .super-navbar__item-list :last-child .super-navbar__item { transition: none !important; font-weight: 700 !important; color: var(--base-black) !important; } } @media all and (min-width: 576px) { .super-navbar .super-navbar__item-list :last-child .super-navbar__item { height: 44px !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 1px solid var(--gray-50) !important; color: var(--gray-700) !important; background: var(--base-white) !important; margin-left: 8px !important; padding: 10px 16px !important; transition: none !important; font-weight: 500 !important; } .super-navbar .super-navbar__item-list :last-child .super-navbar__item:hover { background: var(--gray-25) !important; color: var(--gray-900) !important; } } .super-navbar .super-navbar__cta { border-radius: 8px !important; padding: 10px 16px !important; background: var(--primary-500) !important; color: var(--base-black) !important; font-weight: 500 !important; } @media screen and (max-width: 576px) { .super-navbar .super-navbar__cta { padding: 8px 12px !important; } } .super-navbar__list-item-icon { opacity: 0.35 !important; } .super-navbar__list-item:hover { background: var(--gray-50) !important; } .super-navbar { -webkit-backdrop-filter: blur(4px) !important; -moz-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.04) !important; background: rgba(255, 255, 255, 0.85) !important; } .notion-toggle.open:before { position: absolute !important; font-weight: 100 !important; font-size: 24px !important; line-height: 1 !important; opacity: 0.4 !important; content: "-" !important; top: 24px !important; right: 20px !important; } .notion-toggle { border: 1px solid #ebebeb !important; border-radius: 12px !important; margin-bottom: 16px !important; position: relative !important; text-align: left !important; transition: background 0.2s ease-in-out !important; } .notion-toggle:hover { background: var(--gray-25) !important; } .notion-toggle:before { position: absolute !important; font-weight: 100 !important; font-size: 24px !important; line-height: 1 !important; opacity: 0.4 !important; content: "+" !important; top: 24px !important; right: 20px !important; } .notion-toggle h3 { font-weight: 300 !important; } .notion-toggle__trigger { display: none !important; } .notion-toggle__summary { margin: 0 !important; margin-left: 0 !important; padding: 20px !important; } .notion-toggle__content { padding: 20px !important; padding-top: 0 !important; padding-left: 20px !important; } .notion-dropdown { font-family: var(--primary-font) !important; width: 100% !important; z-index: 1 !important; } .notion-dropdown__button svg:first-of-type, .notion-dropdown__menu-header, .notion-dropdown__option-icon { display: none !important; } .notion-dropdown__button { justify-content: space-between !important; width: 100% !important; border: 1px solid var(--color-border-default) !important; padding: 10px !important; border-radius: 8px !important; } .notion-dropdown__menu-wrapper { margin-bottom: 16px !important; position: relative !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu { width: 100% !important; border-radius: 8px !important; transform: none !important; left: auto !important; top: auto !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option-list { padding: 0 !important; flex-wrap: wrap !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option { padding: 4px 12px !important; height: 42px !important; } @media all and (min-width: 576px) { .notion-dropdown__button { display: none !important; } .notion-dropdown__menu.initial-state { z-index: 1 !important; opacity: 1 !important; transform: none !important; } .notion-dropdown__menu.animate-in, .notion-dropdown__menu.animate-in.animate-out, .notion-dropdown__menu.animate-out { animation: none !important; } .notion-dropdown__menu { width: 80% !important; margin: 0 auto !important; background: 0 0 !important; box-shadow: unset !important; position: relative !important; } .notion-dropdown__menu .notion-dropdown__option-list { display: flex !important; gap: 8px !important; } .notion-dropdown__menu .notion-dropdown__option.active { background: var(--gray-50) !important; } .notion-dropdown__menu .notion-dropdown__option { border-radius: 8px !important; border: 1px solid var(--gray-100) !important; transition: all 0.15s ease-in-out !important; align-items: center !important; } .notion-dropdown__menu .notion-dropdown__option:hover { background: var(--gray-50) !important; } .notion-dropdown__menu .notion-dropdown__option p { font-size: 1rem !important; color: var(--color-grey) !important; } } .notion-callout.bg-gray-light .notion-dropdown__menu .notion-dropdown__option { border: 1px solid var(--gray-800) !important; } .notion-callout.bg-gray-light .notion-dropdown__menu .notion-dropdown__option:hover { background: var(--gray-800) !important; } .notion-callout.bg-gray-light .notion-dropdown__menu .notion-dropdown__option.active { background: var(--gray-800) !important; } @media screen and (max-width: 576px) { .notion-callout.bg-gray-light .notion-dropdown__button { border: 1px solid var(--gray-700) !important; } .notion-callout.bg-gray-light .notion-dropdown__button:hover { background: var(--gray-800) !important; } .notion-callout.bg-gray-light .notion-dropdown__menu { background: var(--gray-900) !important; } .notion-callout.bg-gray-light .notion-dropdown__menu .notion-dropdown__option { border: 1px solid var(--gray-900) !important; } } ::selection { background: rgba(255, 193, 88, 0.4) !important; } ::-moz-selection { background: rgba(255, 193, 88, 0.4) !important; } body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; font-weight: 400 !important; overflow-x: hidden !important; } @media screen and (min-width: 1114px) { .super-navbar__button { display: none !important; } } .notion-toggle.bg-brown { display: none !important; } .resource .notion-page__title.notion-semantic-string { text-decoration: none !important; font-weight: 400 !important; } .notion-embed__container > iframe, .notion-video video { border-radius: 24px !important; } .notion-bookmark__content { padding: 16px !important; align-content: center !important; } .notion-bookmark__title { font-size: 18px !important; line-height: 1.4rem !important; margin-bottom: 16px !important; } .notion-bookmark__description { display: none !important; } .notion-bookmark__link p { margin-bottom: 0 !important; opacity: 0.6 !important; } .notion-bookmark__cover { height: 100% !important; } h1, h1.notion-heading, h1.notion-heading span { font-size: clamp(2.6rem, 6vw, 3.6rem) !important; line-height: 1.1 !important; letter-spacing: -2.5px !important; } h2, h2.notion-heading, h2.notion-heading span { font-size: clamp(2rem, 4vw, 2.4rem) !important; line-height: 1.1 !important; margin-bottom: 8px !important; letter-spacing: -1px !important; } h3.notion-heading:not(.toggle), h3.notion-heading:not(.toggle) span, h3:not(.toggle) { letter-spacing: -0.8px !important; font-size: clamp(0.275rem, 4vw, 1.6rem) !important; line-height: 1.2 !important; margin-bottom: 8px !important; margin-top: 24px !important; } @media screen and (max-width: 576px) { h3.notion-heading:not(.toggle), h3.notion-heading:not(.toggle) span, h3:not(.toggle) { font-size: 1.4rem !important; } } h2.notion-heading .notion-semantic-string { letter-spacing: -1.5px !important; } .notion-text { color: var(--gray-600) !important; } .notion-text * { line-height: 1.6 !important; } .notion-root > .notion-heading { margin-bottom: 16px !important; } main:not(#page-index, #page-pricing, #page-pricing-annual, #page-super-analytics) .notion-root > h1:first-of-type { max-width: 48rem !important; margin-top: 16px !important; } .super-footer__footnote { opacity: 0.4 !important; text-align: left !important; } #page-index .notion-header__title, #page-pricing .notion-header__title, #page-pricing-annual .notion-header__title { display: none !important; } #page-blog .notion-header__title, #page-builder .notion-header__title, #page-create .notion-header__title, #page-faqs .notion-header__title, #page-features .notion-header__title, #page-guides .notion-header__title, #page-icons .notion-header__title, #page-icons-light .notion-header__title, #page-illustrations .notion-header__title, #page-report .notion-header__title, #page-showcase .notion-header__title, #page-status .notion-header__title, #page-templates .notion-header__title { color: var(--gray-300) !important; letter-spacing: -1px !important; position: absolute !important; font-size: 24px !important; top: 100px !important; left: 2px !important; } @media screen and (max-width: 576px) { #page-blog .notion-header__title, #page-builder .notion-header__title, #page-create .notion-header__title, #page-faqs .notion-header__title, #page-features .notion-header__title, #page-guides .notion-header__title, #page-icons .notion-header__title, #page-icons-light .notion-header__title, #page-illustrations .notion-header__title, #page-report .notion-header__title, #page-showcase .notion-header__title, #page-status .notion-header__title, #page-templates .notion-header__title { top: 86px !important; } } #page-index .notion-header__cover, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover, .parent-page__promo .notion-header__cover { height: 78vh !important; width: 100% !important; max-height: none !important; z-index: -9999 !important; position: absolute !important; top: -185px !important; } @media screen and (max-width: 576px) { #page-index .notion-header__cover, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover, .parent-page__promo .notion-header__cover { top: 0 !important; height: 37vh !important; } } #page-index .notion-header__cover::after, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover::after, .parent-page__promo .notion-header__cover::after { content: "" !important; position: absolute !important; z-index: 1 !important; left: 0 !important; bottom: -2px !important; background-image: linear-gradient(to bottom, rgba(253, 253, 252, 0), #fdfdfc 100%) !important; width: 100% !important; height: 100vh !important; height: 55vh !important; } @media screen and (max-width: 576px) { #page-index .notion-header__cover::after, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover::after, .parent-page__promo .notion-header__cover::after { height: 15vh !important; } } #page-index .notion-header__cover img, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover img, .parent-page__promo .notion-header__cover img { position: absolute; object-position: center !important; object-fit: cover !important; height: 100% !important; z-index: -9999 !important; } #page-index .notion-header__cover.no-cover, #page-index .notion-header__icon-wrapper, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__cover.no-cover, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__icon-wrapper, .parent-page__promo .notion-header__cover.no-cover, .parent-page__promo .notion-header__icon-wrapper { display: none !important; } #page-index .notion-root, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-root, .parent-page__promo .notion-root { max-width: 1280px !important; margin: 120px auto 0 auto !important; } @media screen and (max-width: 576px) { #page-index .notion-root, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-root, .parent-page__promo .notion-root { padding-top: 90px !important; margin-top: 0 !important; } } #page-index .notion-header__content, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__content, .parent-page__promo .notion-header__content { margin: 0 auto !important; max-width: 1280px !important; } #page-index .notion-header__content .notion-header__title-wrapper, .parent-page__index:not(#page-privacy, #page-memberships, #page-terms, #page-analytics) .notion-header__content .notion-header__title-wrapper, .parent-page__promo .notion-header__content .notion-header__title-wrapper { margin-bottom: 4px; position: relative; margin-top: 0 !important; z-index: 1 !important; } #page-index .notion-root { padding-top: 0 !important; } #page-icons .notion-page, #page-icons-light .notion-page, #page-illustrations .notion-page, #page-pricing .notion-page, #page-pricing-annual .notion-page { display: none !important; } #block-1b6a89ce78f34f42b0bfe60f07482ffa .notion-link, #block-4bc224d57a9d4a33acf1c1115706792d .notion-link, #block-7ee63c2361cb48188152939336f9ea8e .notion-link, #block-85d934e03c8840b29134ed96836c9b33 .notion-link, #block-a86b81903a6543e79aaccdb292aaefa2 .notion-link, #block-d4275c52214e4bc3929a23f991fa9c18 .notion-link { margin-top: 16px !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 1px solid var(--gray-50) !important; color: var(--gray-700) !important; background: var(--base-white) !important; padding: 7px 16px 8px 16px !important; } #block-1b6a89ce78f34f42b0bfe60f07482ffa .notion-link:hover, #block-4bc224d57a9d4a33acf1c1115706792d .notion-link:hover, #block-7ee63c2361cb48188152939336f9ea8e .notion-link:hover, #block-85d934e03c8840b29134ed96836c9b33 .notion-link:hover, #block-a86b81903a6543e79aaccdb292aaefa2 .notion-link:hover, #block-d4275c52214e4bc3929a23f991fa9c18 .notion-link:hover { background: var(--gray-25) !important; color: var(--gray-900) !important; } #page-builder .notion-callout.bg-gray-light, #page-index .notion-callout.bg-gray-light { background: var(--gray-900) !important; color: var(--base-white) !important; fill: var(--base-white) !important; transition: box-shadow 0.2s ease-out !important; padding: 48px !important; background-clip: padding-box !important; position: relative !important; } @media screen and (max-width: 576px) { #page-builder .notion-callout.bg-gray-light, #page-index .notion-callout.bg-gray-light { padding: 8px !important; } } #page-builder .notion-callout.bg-gray-light .notion-text, #page-index .notion-callout.bg-gray-light .notion-text { color: var(--gray-200) !important; } .parent-page__create #block-fab75fae37de455eac5b04faea2b9026 .notion-link:first-of-type { margin-top: 16px !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 1px solid var(--gray-50) !important; color: var(--gray-700) !important; background: var(--base-white) !important; padding: 7px 16px 8px 16px !important; } .parent-page__create #block-fab75fae37de455eac5b04faea2b9026 .notion-link:first-of-type:hover { background: var(--gray-25) !important; color: var(--gray-900) !important; } .parent-page__create .notion-collection-gallery.small .notion-property__title__icon-wrapper { display: none !important; } .parent-page__templates .notion-header__cover.no-cover { display: none !important; } .parent-page__templates .notion-header__content.no-cover { padding-top: 80px !important; padding-bottom: 40px !important; } .parent-page__blog, .parent-page__case-studies, .parent-page__create, .parent-page__faqs, .parent-page__guides, .parent-page__templates { --header-cover-height:42vh!important; --image-border-radii:12px!important; --quote-size:1.4rem!important; } .parent-page__blog .super-content .notion-link:not(.notion-collection-card__anchor), .parent-page__case-studies .super-content .notion-link:not(.notion-collection-card__anchor), .parent-page__create .super-content .notion-link:not(.notion-collection-card__anchor), .parent-page__faqs .super-content .notion-link:not(.notion-collection-card__anchor), .parent-page__guides .super-content .notion-link:not(.notion-collection-card__anchor), .parent-page__templates .super-content .notion-link:not(.notion-collection-card__anchor) { font-weight: 500 !important; color: #000 !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 { width: 100vw !important; position: relative !important; margin-left: -50vw !important; height: auto !important; left: 50% !important; background: 0 0 !important; border-radius: 0 !important; --column-spacing:24px!important; text-align: center !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content { padding-top: 80px !important; padding-bottom: 80px !important; max-width: 1280px !important; margin: 0 auto !important; padding-left: calc(env(safe-area-inset-left) + 96px); padding-right: calc(env(safe-area-inset-right) + 96px); } @media screen and (max-width: 576px) { .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content { padding: 60px 25px !important; } } @media screen and (max-width: 768px) { .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-column { padding: 0 !important; } } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-link { text-decoration: 0 !important; border: 0 !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout__content > .notion-text { opacity: 0.7 !important; margin-top: 8px !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout { padding: 24px !important; padding-top: 20px !important; border: 1px solid #f2f1f1 !important; border-radius: 16px !important; margin-bottom: 24px !important; text-align: left !important; cursor: default !important; transition: all 0.15s ease-out !important; font-size: 0.875rem !important; background: #fdfdfc !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout:hover { box-shadow: rgba(0, 0, 0, 0.05) 0 10px 20px 0 !important; border: 1px solid transparent !important; transform: translateY(-2px) !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list { align-items: center !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image { width: 56px !important; height: 56px !important; border-radius: 50% !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column-list .notion-image img { border-radius: 50% !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column { padding: 0 !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:first-child { max-width: fit-content !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child { margin-inline-start: 16px !important; } @media screen and (max-width: 768px) { .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column:last-child { width: calc((100% - var(--column-spacing) * 1) * 0.75) !important; } } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text { min-height: auto !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 .notion-callout .notion-column .notion-text__content { padding: 0 !important; } .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list { margin-top: 26px !important; } @media screen and (max-width: 992px) { .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list > :last-child { display: none !important; } } @media screen and (max-width: 992px) { .parent-page__blog #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column, .parent-page__case-studies #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column, .parent-page__create #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column, .parent-page__faqs #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column, .parent-page__guides #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column, .parent-page__templates #block-8c2505c01a7d44d3b95db58542a095b4 > .notion-callout__content > .notion-column-list .notion-column { flex-grow: 1 !important; } } .parent-page__blog .notion-quote, .parent-page__case-studies .notion-quote, .parent-page__create .notion-quote, .parent-page__faqs .notion-quote, .parent-page__guides .notion-quote, .parent-page__templates .notion-quote { margin: 1.2rem 0 !important; color: var(--gray-600) !important; letter-spacing: -0.3px !important; } .parent-page__blog .notion-bulleted-list, .parent-page__blog .notion-numbered-list, .parent-page__case-studies .notion-bulleted-list, .parent-page__case-studies .notion-numbered-list, .parent-page__create .notion-bulleted-list, .parent-page__create .notion-numbered-list, .parent-page__faqs .notion-bulleted-list, .parent-page__faqs .notion-numbered-list, .parent-page__guides .notion-bulleted-list, .parent-page__guides .notion-numbered-list, .parent-page__templates .notion-bulleted-list, .parent-page__templates .notion-numbered-list { color: var(--gray-600) !important; margin-left: 16px !important; } .parent-page__blog .notion-bulleted-list li, .parent-page__case-studies .notion-bulleted-list li, .parent-page__create .notion-bulleted-list li, .parent-page__faqs .notion-bulleted-list li, .parent-page__guides .notion-bulleted-list li, .parent-page__templates .notion-bulleted-list li { color: var(--gray-600) !important; } .parent-page__blog .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image), .parent-page__case-studies .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image), .parent-page__create .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image), .parent-page__faqs .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image), .parent-page__guides .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image), .parent-page__templates .notion-image:not(.notion-callout.notion-image):not(.notion-column.notion-image) { margin-top: 2rem !important; } .parent-page__blog .notion-embed, .parent-page__case-studies .notion-embed, .parent-page__create .notion-embed, .parent-page__faqs .notion-embed, .parent-page__guides .notion-embed, .parent-page__templates .notion-embed { margin-top: 2rem !important; } .parent-page__blog .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__blog .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__case-studies .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__case-studies .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__case-studies h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__create .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__create .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__create h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__faqs .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__faqs .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__faqs h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__guides .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__guides .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__guides h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__templates .parent-page__blog h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__templates .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading), .parent-page__templates h2.notion-heading:not(.notion-callout, h2.notion-heading) { margin-top: 3rem !important; } .parent-page__blog .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__blog .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__case-studies .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__case-studies .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__case-studies h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__create .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__create .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__create h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__faqs .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__faqs .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__faqs h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__guides .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__guides .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__guides h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__templates .parent-page__blog h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__templates .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading), .parent-page__templates h3.notion-heading:not(.notion-callout, h3.notion-heading) { margin-top: 2.2rem !important; } .parent-page__blog .notion-text, .parent-page__case-studies .notion-text, .parent-page__create .notion-text, .parent-page__faqs .notion-text, .parent-page__guides .notion-text, .parent-page__templates .notion-text { margin: 0.3rem 0 !important; } .parent-page__blog blockquote, .parent-page__case-studies blockquote, .parent-page__create blockquote, .parent-page__faqs blockquote, .parent-page__guides blockquote, .parent-page__templates blockquote { margin: 1rem 0 !important; } .parent-page__blog h3, .parent-page__blog h3.notion-heading, .parent-page__blog h3.notion-heading span, .parent-page__case-studies h3, .parent-page__case-studies h3.notion-heading, .parent-page__case-studies h3.notion-heading span, .parent-page__create h3, .parent-page__create h3.notion-heading, .parent-page__create h3.notion-heading span, .parent-page__faqs h3, .parent-page__faqs h3.notion-heading, .parent-page__faqs h3.notion-heading span, .parent-page__guides h3, .parent-page__guides h3.notion-heading, .parent-page__guides h3.notion-heading span, .parent-page__templates h3, .parent-page__templates h3.notion-heading, .parent-page__templates h3.notion-heading span { letter-spacing: -0.8px !important; font-size: clamp(0.275rem, 4vw, 1.6rem) !important; line-height: 1.2 !important; margin-bottom: 8px !important; margin-top: 24px !important; } .parent-page__blog .notion-link strong, .parent-page__blog strong .notion-link, .parent-page__case-studies .notion-link strong, .parent-page__case-studies strong .notion-link, .parent-page__create .notion-link strong, .parent-page__create strong .notion-link, .parent-page__faqs .notion-link strong, .parent-page__faqs strong .notion-link, .parent-page__guides .notion-link strong, .parent-page__guides strong .notion-link, .parent-page__templates .notion-link strong, .parent-page__templates strong .notion-link { text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 0 !important; background: var(--primary-500) !important; color: var(--base-black) !important; } .parent-page__blog .notion-link strong:active, .parent-page__blog strong .notion-link:active, .parent-page__case-studies .notion-link strong:active, .parent-page__case-studies strong .notion-link:active, .parent-page__create .notion-link strong:active, .parent-page__create strong .notion-link:active, .parent-page__faqs .notion-link strong:active, .parent-page__faqs strong .notion-link:active, .parent-page__guides .notion-link strong:active, .parent-page__guides strong .notion-link:active, .parent-page__templates .notion-link strong:active, .parent-page__templates strong .notion-link:active { transform: translateY(1px) !important; } .parent-page__blog .notion-link strong:hover, .parent-page__blog strong .notion-link:hover, .parent-page__case-studies .notion-link strong:hover, .parent-page__case-studies strong .notion-link:hover, .parent-page__create .notion-link strong:hover, .parent-page__create strong .notion-link:hover, .parent-page__faqs .notion-link strong:hover, .parent-page__faqs strong .notion-link:hover, .parent-page__guides .notion-link strong:hover, .parent-page__guides strong .notion-link:hover, .parent-page__templates .notion-link strong:hover, .parent-page__templates strong .notion-link:hover { box-shadow: 0 5px 28px -6px #ffbe3d !important; -webkit-box-shadow: 0 5px 28px -6px #ffbe3d !important; background: var(--primary-600) !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 { padding: 0 !important; margin: 0 !important; border: none !important; overflow: visible !important; text-align: center !important; padding: 80px 24px !important; background-position: center !important; background-size: cover !important; position: relative !important; overflow: hidden !important; border-radius: 24px !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-callout__icon { display: none !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-callout__content { margin-inline-start: 0 !important; overflow: visible !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-link { margin-top: 24px !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 0 !important; background: var(--base-black) !important; color: var(--base-white) !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-link:active { transform: translateY(1px) !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-link:hover { box-shadow: 0 5px 28px -6px #ffbe3d !important; -webkit-box-shadow: 0 5px 28px -6px #ffbe3d !important; background: var(--gray-900) !important; } #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-image:last-child { position: absolute !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; top: -5% !important; left: 50% !important; transform: translate(-50%, -50%); z-index: -1 !important; } @media screen and (max-width: 992px) { #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-image:last-child { top: 20% !important; width: 100% !important; max-width: 140% !important; max-height: 140% !important; } } @media screen and (max-width: 576px) { #block-e79bc599f53e43ac8e25706f10fa5f63 .notion-image:last-child { top: 135% !important; width: 140% !important; height: 280% !important; max-width: 280% !important; max-height: 280% !important; } } #block-63f40025d3f344f6b53bca6279746f51 { padding: 0 !important; margin: 0 !important; border: none !important; overflow: visible !important; } #block-63f40025d3f344f6b53bca6279746f51 .notion-callout__icon { display: none !important; } #block-63f40025d3f344f6b53bca6279746f51 .notion-callout__content { margin-inline-start: 0 !important; overflow: visible !important; } #block-63f40025d3f344f6b53bca6279746f51 .notion-heading { text-align: center !important; } @media screen and (max-width: 576px) { #block-63f40025d3f344f6b53bca6279746f51 .notion-heading { font-size: 24px !important; } } #block-e3e869ea4829488893e2a8767af9f57e .notion-link { background: var(--primary-500) !important; } #block-e3e869ea4829488893e2a8767af9f57e .notion-link:hover { background: #ffcc6a !important; } #block-e3e869ea4829488893e2a8767af9f57e .notion-link::after { width: 20px !important; height: 20px !important; margin-left: 4px !important; content: url(https://sites.super.so/super/assets/arrow-right-black.svg) !important; } #block-1f2516c0a13841bc8d4ba00ebc554fe1, #block-e3db84374788481b822017d293ba9366 { margin: 0 auto !important; text-align: center !important; margin-top: 16px !important; } .parent-page__features { --header-cover-height:32vh!important; } .parent-page__features .notion-link strong, .parent-page__features strong .notion-link { text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 0 !important; background: var(--primary-500) !important; color: var(--base-black) !important; } .parent-page__features .notion-link strong:active, .parent-page__features strong .notion-link:active { transform: translateY(1px) !important; } .parent-page__features .notion-link strong:hover, .parent-page__features strong .notion-link:hover { box-shadow: 0 5px 28px -6px #ffbe3d !important; -webkit-box-shadow: 0 5px 28px -6px #ffbe3d !important; background: var(--primary-600) !important; } .parent-page__features .notion-header__icon-wrapper.has-icon-image { width: 140px !important; height: 140px !important; left: -10px !important; z-index: 1 !important; } .parent-page__features .notion-header__cover:after { content: "" !important; position: absolute !important; z-index: 1 !important; left: 0 !important; bottom: -2px !important; background-image: linear-gradient(to bottom, rgba(253, 253, 252, 0), #fdfdfc 100%) !important; width: 100% !important; height: 100% !important; } .parent-page__features .notion-header__content .notion-header__title-wrapper { margin-top: 20px !important; } .parent-page__features .notion-header__icon-wrapper.has-cover.has-icon-image { top: -160px !important; } .parent-page__features .notion-header__title { font-size: 12px !important; padding: 4px 6px !important; background: var(--gray-50) !important; border-radius: 4px !important; font-weight: 300 !important; font-size: 12px !important; line-height: 14px !important; letter-spacing: 2px !important; text-transform: uppercase !important; min-height: auto !important; display: inline-flex !important; width: auto !important; color: var(--gray-400) !important; } .parent-page__features .notion-image { filter: drop-shadow(0 0.4rem 0.8rem rgba(0, 0, 0, 0.08)) !important; } .parent-page__features .notion-quote.large { font-weight: 500 !important; font-size: 30px !important; line-height: 36px !important; border: 0 !important; padding: 0 !important; letter-spacing: -0.8px !important; } .parent-page__features .notion-quote { font-weight: 500 !important; font-size: 26px !important; line-height: 30px !important; border: 0 !important; padding: 0 !important; letter-spacing: -0.6px !important; } .parent-page__features .notion-root > p { margin-bottom: 16px !important; line-height: 1.72rem !important; font-size: 18px !important; } .parent-page__features ul { margin-bottom: 16px !important; } .parent-page__features li { font-size: 18px !important; color: var(--gray-600) !important; } .ff-6627d5a574c939f764353815__form { padding: 0 !important; } .ff-6627d5a574c939f764353815__subtitle, .ff-6627d5a574c939f764353815__title { display: none !important; } .ff-6627d5a574c939f764353815__button fd-btn { border-radius: 8px !important; } .ff-6627d5a574c939f764353815__container { width: 100% !important; max-width: 550px !important; } .parent-page__blog, .parent-page__templates { --header-cover-height:24vh!important; } .parent-page__blog .notion-table-of-contents, .parent-page__templates .notion-table-of-contents { margin: 0 !important; padding: 0 !important; } @media only screen and (max-width: 1301px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:first-child, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:first-child { display: none; } } .parent-page__blog article > .notion-column-list h2, .parent-page__templates article > .notion-column-list h2 { margin-top: 32px !important; } .parent-page__blog .notion-header, .parent-page__templates .notion-header { border-bottom: 1px solid var(--color-border-default) !important; padding-bottom: 42px !important; background: #f7f7f7 !important; } .parent-page__blog .notion-header__content, .parent-page__templates .notion-header__content { top: 0 !important; width: 100% !important; border-top: 1px solid var(--color-border-default) !important; } .parent-page__blog .notion-header__title-wrapper, .parent-page__templates .notion-header__title-wrapper { display: flex !important; justify-content: center !important; } .parent-page__blog .notion-header__title, .parent-page__templates .notion-header__title { text-align: center !important; max-width: 800px !important; } .parent-page__blog .notion-root.full-width, .parent-page__templates .notion-root.full-width { margin: 0 auto !important; max-width: 1450px !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) { gap: 42px !important; justify-content: space-between !important; } @media screen and (max-width: 576px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) { gap: 16px !important; } } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) .notion-column, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) .notion-column { margin: 0 !important; } @media only screen and (max-width: 1301px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) { gap: 24px !important; justify-content: center !important; } } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)) { height: 700px !important; overflow: auto !important; position: sticky !important; top: 100px !important; min-width: 212px !important; } @media screen and (max-width: 576px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)) { height: auto !important; } } @media screen and (max-width: 768px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:not(:nth-child(2)) { width: 100% !important; } } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child > .notion-image:first-of-type, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child > .notion-image:first-of-type { margin-top: 0 !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:nth-child(2), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:nth-child(2) { max-width: 620px !important; } @media only screen and (max-width: 1032px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:nth-child(2), .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:nth-child(2) { max-width: 100% !important; width: 100% !important; } } .parent-page__blog .notion-table-of-contents__item .notion-semantic-string:not(.no-border), .parent-page__templates .notion-table-of-contents__item .notion-semantic-string:not(.no-border) { text-decoration: none !important; } .parent-page__blog .super-embed, .parent-page__templates .super-embed { max-width: 550px !important; width: 100% !important; } @media only screen and (max-width: 1032px) { .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child { width: 100% !important; align-items: center !important; text-align: center !important; height: auto !important; } } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout { background: #f7f7f7 !important; margin-top: 16px !important; padding: 16px !important; border-radius: 16px !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout p:last-child, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout p:last-child { margin: 0 !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-callout__content, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-callout__content { margin: 0 !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-link strong, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-link strong { width: 100% !important; text-decoration: none !important; opacity: 1 !important; padding: var(--button-padding) !important; border-radius: var(--rounded-md) !important; font-weight: 500 !important; font-size: 1rem !important; display: inline-flex !important; justify-content: center !important; cursor: pointer !important; transition: background 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out !important; border: 1px solid #e9e9e7 !important; color: var(--gray-700) !important; background: var(--base-white) !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-link strong:hover, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-link strong:hover { background: var(--gray-50) !important; color: var(--gray-900) !important; box-shadow: none !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-callout__icon, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-callout__icon { display: none !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-bulleted-list, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-bulleted-list { position: relative !important; text-align: left !important; list-style: none !important; margin-left: 0 !important; padding-left: 36px !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-list-item, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-list-item { margin: 8px 0 !important; } .parent-page__blog article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-list-item::before, .parent-page__templates article > .notion-column-list:first-child:has(.notion-column:nth-child(3)) > .notion-column:last-child .notion-callout .notion-list-item::before { content: ""; position: absolute; background: url(https://sites.super.so/super/assets/check-icon.svg); background-size: cover !important; background-position: center !important; left: 0; width: 24px; height: 24px; } .parent-page__landing { --layout-max-width:1250px!important; } .parent-page__landing .notion-callout { padding: 0 !important; margin: 0 !important; border: none !important; overflow: visible !important; } .parent-page__landing .notion-callout .notion-callout__icon { display: none !important; } .parent-page__landing .notion-callout .notion-callout__content { margin-inline-start: 0 !important; overflow: visible !important; } .parent-page__landing .notion-quote { border: 0 !important; margin: 8px 0 !important; font-weight: 600 !important; padding: 0 !important; } .parent-page__landing .notion-button__content { background: #ffbe3d !important; color: #111 !important; padding: 10px 16px !important; border: 0 !important; } .parent-page__landing .notion-header { display: none !important; } .parent-page__landing #block-143a50d5f2cc807cac06d0a998aad0f3, .parent-page__landing #block-143a50d5f2cc80c6a434cf01d9181d2f { text-align: center !important; margin-bottom: 12px !important; } .parent-page__landing #block-143a50d5f2cc809181ebc8c8cda016dc { text-align: center !important; } .parent-page__landing #block-143a50d5f2cc809181ebc8c8cda016dc h1 { margin: 0 auto !important; margin: 16px auto 0 !important; font-size: clamp(2.6rem, 6vw, 4rem) !important; } .parent-page__landing #block-143a50d5f2cc809181ebc8c8cda016dc p { font-size: 1.125rem !important; max-width: 48rem !important; margin: 16px auto 0 !important; } .parent-page__landing #block-143a50d5f2cc809181ebc8c8cda016dc .notion-button__content { margin-top: 16px !important; } .parent-page__landing #block-143a50d5f2cc80398e73e59506e8b7c2.notion-callout .notion-callout__content { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; max-width: 1200px !important; gap: 32px !important; margin: 0 auto !important; justify-content: center !important; } @media screen and (max-width: 576px) { .parent-page__landing #block-143a50d5f2cc80398e73e59506e8b7c2.notion-callout .notion-callout__content { max-width: 100% !important; gap: 16px !important; } } .parent-page__landing #block-143a50d5f2cc80398e73e59506e8b7c2.notion-callout .notion-callout__content .notion-image { padding: 4px 16px !important; max-width: 180px !important; align-self: center !important; } @media screen and (max-width: 576px) { .parent-page__landing #block-143a50d5f2cc80398e73e59506e8b7c2.notion-callout .notion-callout__content .notion-image { max-width: 130px !important; } } .parent-page__landing #block-143a50d5f2cc8018957dda90f26f0b3c .notion-callout { border-radius: 24px !important; border: 1px solid #eee !important; padding: 16px !important; } .parent-page__landing #block-143a50d5f2cc8018957dda90f26f0b3c h3 { margin-top: 4px !important; } .parent-page__landing #block-143a50d5f2cc8018957dda90f26f0b3c .notion-callout__content { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } .parent-page__landing .notion-callout.bg-gray-light { background: #f9f9f8 !important; } .parent-page__landing #block-143a50d5f2cc8066b396e8a431b083eb .notion-callout { border-radius: 24px !important; border: 1px solid #eee !important; padding: 32px !important; } @media screen and (max-width: 576px) { .parent-page__landing #block-143a50d5f2cc8066b396e8a431b083eb .notion-callout { padding: 16px !important; } } .parent-page__landing #block-143a50d5f2cc80798cb3e7b22934f074 { text-align: center !important; } .parent-page__landing #block-143a50d5f2cc80798cb3e7b22934f074 p { font-size: 1.125rem !important; max-width: 40rem !important; margin: 2px auto 12px auto !important; } .parent-page__landing #block-143a50d5f2cc809b9732d8356eb6aa88, .parent-page__landing #block-14ba50d5f2cc81ff8bbef552f46cadf9 { border-radius: 24px !important; padding: 32px !important; text-align: center !important; } .parent-page__landing #block-143a50d5f2cc809b9732d8356eb6aa88 .notion-image, .parent-page__landing #block-14ba50d5f2cc81ff8bbef552f46cadf9 .notion-image { margin-top: 12px !important; box-shadow: 0 10px 40px -14px rgba(0, 0, 0, 0.1) !important; } .parent-page__landing #block-143a50d5f2cc809b9732d8356eb6aa88 h3, .parent-page__landing #block-14ba50d5f2cc81ff8bbef552f46cadf9 h3 { margin-top: 0 !important; } .parent-page__landing #block-143a50d5f2cc809b9732d8356eb6aa88 .notion-column, .parent-page__landing #block-14ba50d5f2cc81ff8bbef552f46cadf9 .notion-column { padding: 0 !important; } .parent-page__landing #block-143a50d5f2cc808db86bc80246343b3b { text-align: center !important; } .parent-page__landing #block-143a50d5f2cc808db86bc80246343b3b p { font-size: 1.125rem !important; max-width: 40rem !important; margin: 2px auto 12px auto !important; } .parent-page__landing #block-143a50d5f2cc808db86bc80246343b3b .notion-callout { border-radius: 24px !important; border: 1px solid #eee !important; padding: 16px !important; } .parent-page__landing #block-143a50d5f2cc8083ae92e156d30f84e5 { text-align: center !important; } .parent-page__landing #block-143a50d5f2cc8083ae92e156d30f84e5 p { font-size: 1.125rem !important; max-width: 48rem !important; margin: 2px auto 12px auto !important; } .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 { 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; } .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 > .notion-callout__content { padding-top: 80px !important; padding-bottom: 80px !important; max-width: 1280px !important; margin: 0 auto !important; padding-left: calc(env(safe-area-inset-left) + 96px); padding-right: calc(env(safe-area-inset-right) + 96px); } @media screen and (max-width: 576px) { .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 > .notion-callout__content { padding: 60px 25px !important; } } .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 .notion-heading { color: var(--base-white) !important; } .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 h2 { text-align: center !important; margin-bottom: 20px !important; margin-top: 0 !important; } .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 h3 { margin-top: 4px !important; } @media screen and (max-width: 576px) { .parent-page__landing #block-143a50d5f2cc8001b102e413ddb776c2 h3 { font-size: 22px !important; } }1c:["$","body",null,{"children":[["$","$L1d",null,{"settings":{"siteId":"186f4256-f467-4f79-8d6f-40defe12b9b4","userId":"null","domainName":"super.so","name":"Super","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/186f4256-f467-4f79-8d6f-40defe12b9b4/uploads/favicon/54a7f247-1005-4b2b-a424-8669cdda7a7f.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"9deae5ec3ab44495b15d8f0011e921ba","indexPageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::3b84a9a2-f7f6-4cb8-b9fd-556c77360803","pageProperties":false,"hidePageProperties":true,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"siteSearch":false,"advancedSearch":true,"themeToggle":false,"mondayFirst":false,"loadLimits":false,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"analytics":true,"noIndex":false,"showBadge":true,"viewsExceeded":false,"cacheTTL":150000,"manualSync":false,"syncStatus":"unsynced","publishedAt":"2026-03-19T06:55:01.856Z","custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"#111111","ctaBackgroundColor":"#f9be3d","isSticky":true,"shadow":{"type":"none","color":"rgba(0, 0, 0, 1)","opacity":12}},"links":[{"id":"f5604ca1-8c79-441b-9abf-c28997132213","type":"page","label":"Templates","link":"/templates","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::ea4467e4-db8b-4f3b-861b-9852bfc80fad","list":[]},{"id":"9b754817-78cd-4d67-a31a-3f0f95a3d19c","type":"page","label":"Showcase","link":"/showcase","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::bdcc4aa4-8404-4c16-ae6b-7a6b97a0d260","list":[]},{"id":"9751ed68-4d43-4d62-bdd0-84f2a9ef24c8","type":"list","label":"Features","list":[{"id":"fd81ff14-3832-4b3b-81e6-582bb502f3f8","type":"page","label":"High Performance","link":"/features/high-performance","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::0be15024-03ea-421b-ad7e-d9278b50ab1a","icon":"Zap","description":"Incredible performance and the latest web technologies.","list":[]},{"id":"395bb12f-193f-432a-8a57-4f1264cffd5a","type":"page","label":"Custom design","link":"/features/custom-design","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::e11d9745-09a8-40de-959f-3fcbac82a821","icon":"Palette","description":"Customize your site to match your brand without using code.","list":[]},{"id":"bf58bd81-6728-4564-a5f8-1a00c7fafc44","type":"page","label":"Excellent SEO","link":"/features/excellent-seo","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::abe5a578-29a1-4261-a976-94b061ab8ba0","icon":"Search","description":"Ascend to top ranking with powerful, user-friendly SEO.","list":[]},{"id":"bf2b6441-d2ac-45e8-aaec-6bd22582a060","type":"page","label":"Domains & SSL","link":"/features/custom-domains","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::e96ab326-270c-4a60-9546-10fdd8111d6c","icon":"Globe","description":"Enhance your credibility and brand recognition with a custom domain.","list":[]},{"id":"16461190-8090-4b7f-9f88-7bf530693e70","type":"page","label":"Custom code","link":"/features/custom-code","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::ac288076-d966-486c-9934-7c1727350111","icon":"Code2","description":"Add code to your site for extra customizability.","list":[]},{"id":"9ead5c15-68d5-4cf3-97ae-771ca678ec80","type":"page","label":"Password protection","link":"/features/password-protection","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::47d7c315-82f3-42d3-9a52-f386cb4a58e3","icon":"Lock","description":"Add a layer of security by password protecting your Notion pages.","list":[]},{"id":"658002a7-9b58-4f82-baa4-dfb575eea207","type":"page","label":"Powerful Integrations","link":"/features/powerful-integrations","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::f39a339d-bb47-4b98-92d9-c1839ec2b4b6","icon":"Box","description":"Extend the functionality of your site with awesome integrations.","list":[]},{"id":"acf1568f-f72b-4658-b9bc-48b0b1640735","type":"page","label":"Analytics","link":"/analytics","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::11d308e5-54c3-480b-ae87-01624ba23341","icon":"LineChart","description":"Privacy friendly, integrated analytics for Super sites.","list":[]},{"id":"17095d10-c0d2-44a8-9421-24d7aba90ce7","type":"page","label":"Mutli-Language","link":"/features/multi-language","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::2e3ccd33-b3dd-470c-8e93-16d508443fc3","icon":"Languages","description":"Make your site more accessible by providing your site content in multiple languages","list":[]},{"id":"b0cf2d9a-4394-4bdc-ad6c-279d6a48ee29","type":"page","label":"File upload","link":"/features/file-upload","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::02f18703-ef9e-44d5-9d2d-0b2780fb4640","icon":"UploadCloud","description":"Securely Upload .txt Files for Verification, Compliance & AI Use","list":[]},{"id":"ded9a633-9380-4684-9dd4-09424966e91c","type":"page","label":"View all features","link":"/features","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::0cd30e1e-0d85-462e-926b-9cdb63987186","icon":"ArrowRight","description":"","list":[]}]},{"id":"8ce44a3f-118d-4003-ae5d-00a418bf4961","type":"page","label":"Pricing","link":"/pricing-annual","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::9c335272-c94c-4948-be94-2ce3874854d7","list":[]},{"id":"5f6e2848-fc26-4a56-8fe4-6cf1ba35f4b7","type":"page","label":"Guides","link":"/guides","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::a8ec2d03-7b12-4a3c-b263-c08eac839ff1","list":[]},{"id":"65c47d57-67f0-4c06-b2d0-24a603aa39f6","type":"page","label":"Blog","link":"/blog","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::3d8252e7-4dd4-48c4-b233-28134e7db0cc","list":[]},{"id":"0cc32351-cac2-4b39-8ced-444f84a30006","type":"url","label":"Sign in","link":"https://app.super.so","list":[]}],"logo":{"type":"image","width":130,"fontSize":16,"textContent":"Superv3-2","imageContent":"https://assets.super.so/186f4256-f467-4f79-8d6f-40defe12b9b4/uploads/logo/6ba0f265-0606-49b2-a4b0-04e85d15a81d.svg","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"Get started free","link":"https://app.super.so/signup","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)"},"links":[{"id":"5782d1ed-5d11-4454-bcc8-b58bcd54e012","type":"list","label":"Resources","icon":"","list":[{"id":"a7b4ab73-d767-461d-be47-d6fa9c94100e","type":"page","label":"Templates","link":"/templates","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::ea4467e4-db8b-4f3b-861b-9852bfc80fad","list":[]},{"id":"f09b2fc4-408a-4ed7-99e9-12c6434aa7e9","type":"page","label":"Showcase","link":"/showcase","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::bdcc4aa4-8404-4c16-ae6b-7a6b97a0d260","list":[]},{"id":"81183307-943f-48a9-a6b6-817f30d461f4","type":"page","label":"Builder","link":"/builder","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::41a8d4a8-f90d-485a-b45b-af88376610cb","list":[]},{"id":"41eaa28e-b620-4a6d-877d-b17dbd26866f","type":"page","label":"Themes","link":"/themes","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::bf642a3d-e703-4347-94e7-300ad5ea1f53","list":[]},{"id":"27d55e5b-5ebf-45fd-b963-d29aa31fd4ea","type":"page","label":"Illustrations","link":"/illustrations","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::cffde729-aeda-47d9-9b46-1943f5fb754c","list":[]},{"id":"95596c39-686a-4d8f-8d73-f86d4677dd69","type":"page","label":"Icons","link":"/icons","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::33a55b6c-5b8a-46d1-b663-3100644998cf","list":[]}]},{"id":"529409d3-63fd-47e9-a026-b2a15266607e","type":"list","label":"Help and guides","icon":"","list":[{"id":"de476daa-bae5-4a17-9033-1a0b93c415d2","type":"url","label":"Status page","link":"https://status.super.so","icon":"","description":".","list":[]},{"id":"a7298f8f-aabc-4954-b8d7-9054d93b8d4d","type":"page","label":"Blog","link":"/blog","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::3d8252e7-4dd4-48c4-b233-28134e7db0cc","list":[]},{"id":"444976fb-ed73-45ea-8f48-cf9ab12d846b","type":"page","label":"Pricing","link":"/pricing","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::83209960-166c-43cb-ac39-c1f3695ad7cb","list":[]},{"id":"6116215e-8b49-4050-b67a-23e4342d6134","type":"url","label":"Docs","link":"https://docs.super.so","list":[]},{"id":"f57699cd-a693-4b14-9d30-f5ba9efe51e4","type":"url","label":"Community","link":"https://super.so/community","list":[]},{"id":"4b22ea14-095f-4055-9259-820d367c969e","type":"page","label":"Guides","link":"/guides","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::a8ec2d03-7b12-4a3c-b263-c08eac839ff1","list":[]}]},{"id":"b2b0a363-48cc-4355-9ccf-b469473e2da3","type":"list","label":"Company","icon":"","list":[{"id":"1bb84105-1fb2-46dd-a817-9bd63f40b1e0","type":"url","label":"Roadmap","link":"https://feedback.super.so/","list":[]},{"id":"17db2406-13d7-4975-9d08-2d3c3199073e","type":"page","label":"Report","link":"/report","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::816a6e67-8019-4190-8913-24ac7f59b9b6","list":[]},{"id":"3211bdc5-7866-4391-a77e-d13686663179","type":"page","label":"Changelog","link":"/changelog","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::e668510c-3b17-4bf3-af30-40731664e753","icon":"","description":"","list":[]},{"id":"9f5bd494-3ce8-4d17-9489-d4aefb48f76e","type":"page","label":"Privacy","link":"/privacy","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::a0d4fe46-a3d2-42ab-998e-1ce0254bd012","list":[]},{"id":"294a4c5e-10be-4f55-ba7c-e202ee179fe7","type":"page","label":"DPA","link":"/data-processing-agreement","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::51966aa1-3df4-493b-b2ef-aae18d920ba4","icon":"","description":"","list":[]},{"id":"123fa003-9913-40da-97a5-9cf7d9c97418","type":"page","label":"Terms","link":"/terms","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::371c412b-25ba-4d6d-bfa6-a89c990674df","list":[]},{"id":"f20fe659-0a34-4f47-a78e-e7b13a1c7570","type":"url","label":"Affiliates","link":"https://s.super.so/affiliates","list":[]}]},{"id":"18630817-2230-4fd7-b408-a3b657ccd99f","type":"list","label":"Solutions","icon":"","list":[{"id":"a9d783be-bd2f-4bae-b6ea-2c4bd5daf6bf","type":"page","label":"Create","link":"/create","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::cf345aa6-a014-4b22-b07e-8904061468ba","list":[]},{"id":"f1d334ba-0dd6-43cf-b512-40433a2f7b28","type":"page","label":"Notion Sites vs Super","link":"/blog/notion-sites-vs-super","pageId":"186f4256-f467-4f79-8d6f-40defe12b9b4:::46eb3860-87c0-4599-930d-9142f5a93156","icon":"","list":[]}]}],"logo":{"type":"image","width":140,"fontSize":16,"textContent":"Superv3-2","imageContent":"https://assets.super.so/186f4256-f467-4f79-8d6f-40defe12b9b4/uploads/logo/dad4936a-2fa5-4c40-8d98-013a48a4ee51.svg","imageContentDark":null,"disabled":false},"socials":[{"type":"twitter","link":"https://twitter.com/super_"},{"type":"instagram","link":"https://instagram.com/superhq_"},{"type":"discord","link":"https://s.super.so/discord"},{"type":"youtube","link":"https://www.youtube.com/@superhq_"}],"footnote":"© Super Publishing Co.","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":900,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":5,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"074a3edd-db9a-499f-98ed-09ec79d50d08","secondaryFont":"074a3edd-db9a-499f-98ed-09ec79d50d08","fonts":[{"id":"074a3edd-db9a-499f-98ed-09ec79d50d08","name":"Beausite","fallback":"Inter","regular":"sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/5ff57467-bc0d-437b-979f-e39c45ab80c4.woff2","bold":"sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/e8c4662f-56c9-4a99-ab63-18338844fcff.woff2","medium":"sites/186f4256-f467-4f79-8d6f-40defe12b9b4/fonts/c84375f1-7b8a-45cd-89d9-be5f38ca4d9f.woff2"}],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":56,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#ffffff","background":"#090909","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[40,100,50],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#262626","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"186f4256-f467-4f79-8d6f-40defe12b9b4:::996f8682-f6e9-4c50-ad5f-20b9d8368ccf","content":"$1e"}],"head":[],"body":[{"id":"186f4256-f467-4f79-8d6f-40defe12b9b4:::579f2248-aebe-4b49-9318-11c165765e93","content":"$1f"}],"style":[],"css":"$20"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L21","$L22","$L23","$L24"]}],"$L25"]}]

JFIF images now render correctly