1c:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/0rr5btioklgf4.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/2z5wb7vhdi3hf.js","/_next/static/chunks/3cmvik1zogxvy.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :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:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","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"}]] 13:["$","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"}] 14:["$","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"}] 15:["$","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"}] 16:["$","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"}] 1b:T1109,@scope (#nf-toolkit-shell){:scope .nft-card:hover{transform:translateY(-3px);box-shadow:7px 9px 0 #29272512}:scope .nft-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px}:scope .nft-card-num{font-size:11px;font-weight:800;letter-spacing:.15em}:scope .nft-card-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--nft-ink);border-radius:50%;font:25px Georgia,serif}:scope .nft-card h3{font-size:clamp(31px,3vw,44px) !important;line-height:1.05 !important;margin:24px 0 13px !important;color:var(--nft-ink) !important}:scope .nft-card p{color:var(--nft-muted) !important;font-size:14px;max-width:385px}:scope .nft-card-links{display:flex;flex-wrap:wrap;align-items:start;gap:8px;margin-top:auto;padding-top:19px}:scope .nft-card-links a{display:inline-flex;align-items:center;min-height:37px;padding:8px 11px;border:1px solid var(--nft-line);background:#fffdf899;font-size:12px;font-weight:700}:scope .nft-card-links a:hover{border-color:var(--nft-ink);text-decoration:underline;text-underline-offset:3px}:scope .nft-more{width:100%;margin-top:9px;border-top:1px solid var(--nft-line)}:scope .nft-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px 0 4px;font-size:12px;font-weight:800;cursor:pointer}:scope .nft-more summary::-webkit-details-marker{display:none}:scope .nft-more summary:after{content:"⌄";font-size:21px;font-weight:400;line-height:1}:scope .nft-more[open] summary:after{transform:rotate(180deg)}:scope .nft-more summary:hover{text-decoration:underline;text-underline-offset:3px}:scope .nft-more-body{display:grid;gap:18px;padding:16px 0 3px}:scope .nft-resource-group{display:grid;gap:7px}:scope .nft-resource-group h4{margin:0 0 2px !important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}:scope .nft-resource-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}:scope .nft-resource-group a:after{content:"↗";font-size:15px;font-weight:400;flex:none}:scope .nft-blue{background:#dceaf7}:scope .nft-lilac{background:#eadcf1}:scope .nft-mint{background:#dceddf}:scope .nft-peach{background:#f8d9cf}:scope .nft-amber{background:#f8e3b6}:scope .nft-paper-card{background:var(--nft-paper)}:scope .nft-empty{display:none;padding:64px 20px;text-align:center;background:var(--nft-paper);border:1px solid var(--nft-line);margin-top:25px}:scope .nft-empty h3{font-size:31px;margin:0 0 10px !important}:scope .nft-empty p{color:var(--nft-muted)}:scope .nft-note{background:var(--nft-ink);color:#fff;padding:55px clamp(22px,6vw,100px)}:scope .nft-note-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}:scope .nft-note h2{color:#fff !important;font-size:clamp(39px,5vw,70px) !important;line-height:1.02 !important;margin:15px 0 0 !important}:scope .nft-note p{color:#f5eee2c9 !important;max-width:490px;line-height:1.7}:scope .nft-note a{display:inline-flex;background:var(--nft-amber);color:var(--nft-ink) !important;font-size:13px;font-weight:800;padding:14px 19px}:scope .nft-footer{padding:34px clamp(22px,5vw,80px);background:#1d1b19;color:#fff;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}:scope .nft-footer a{color:#fff !important;text-decoration:underline;text-underline-offset:3px}:scope .nft-hidden{display:none !important}@media(max-width:900px){:scope .nft-hero-inner{grid-template-columns:1fr;gap:0}:scope .nft-hero-art{display:none}:scope .nft-top-links a:not(.nft-header-button){display:none}:scope .nft-filter-bar{align-items:start;flex-direction:column}:scope .nft-note-inner,:scope .nft-cards{grid-template-columns:1fr}}@media(max-width:600px){:scope .nft-announcement{font-size:10px}:scope .nft-header{min-height:66px}:scope .nft-brand{font-size:21px}:scope .nft-brand-mark{width:30px;height:30px;font-size:21px}:scope .nft-header-button{font-size:11px;padding:9px}:scope .nft-hero-inner{padding:34px 22px 75px}:scope .nft-hero h1{font-size:clamp(52px,13vw,78px) !important}:scope .nft-hero-copy>p{font-size:16px}:scope .nft-filter-bar{padding-top:40px}:scope .nft-library{padding-bottom:65px}:scope .nft-card{min-height:280px;padding:25px}:scope .nft-note{padding:52px 22px}}@media(prefers-reduced-motion:reduce){:scope .nft-card{transition:none}}}17:["$","style","1",{"id":"nf-toolkit-theme-style","dangerouslySetInnerHTML":{"__html":"$1b"},"children":null}] 18:["$","script","3",{"dangerouslySetInnerHTML":{"__html":"\nlocation.pathname.indexOf('/https:/joinnoteflow.com/noteflow-member-dashboard')||location.replace('/noteflow-member-dashboard'+location.search+location.hash);var u={},r='';try{var l=localStorage,p=new URL(location).searchParams,m=['Source','Campaign','Medium'];u=JSON.parse(l.nfu||'{}');r=l.nfr||'';if(!l.nfu){m.forEach(x=>u['Utm'+x]=p.get('utm_'+x.toLowerCase()));Object.values(u).some(Boolean)&&(l.nfu=JSON.stringify(u))}if(!r&&document.referrer){var d=new URL(document.referrer).hostname;d!==location.hostname&&(r=d,l.nfr=r)}}catch(e){}var o_options={domain:'noteflow.outseta.com',load:'auth,customForm,emailList,leadCapture,nocode,profile,support',monitorDom:true,auth:{authenticationCallbackUrl:location.origin+'/noteflow-member-dashboard',registrationDefaults:{Account:{...u,ReferringDomain:r}}}}\n"},"children":null}] 19:["$","script","4",{"src":"https://cdn.outseta.com/outseta.min.js","data-options":"o_options","children":null}] 1d:T14c7, 1e:Ta382, 1f:Tf7c5,@charset "UTF-8"; body:has(:is(#page-ab, #page-contact, #page-membership, #page-membership-and-cancellation-policy, #page-privacy-policy)) .super-navbar__logo { display: inline-flex !important; align-items: center !important; gap: 11px !important; width: auto !important; max-width: none !important; height: 38px !important; color: #292725 !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; font-size: 18px !important; font-weight: 750 !important; line-height: 27.9px !important; text-decoration: none !important; } body:has(:is(#page-ab, #page-contact, #page-membership, #page-membership-and-cancellation-policy, #page-privacy-policy)) .super-navbar__logo-image { display: none !important; } body:has(:is(#page-ab, #page-contact, #page-membership, #page-membership-and-cancellation-policy, #page-privacy-policy)) .super-navbar__logo:before { content: ""; display: block; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: #fffdf8 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23292725%27 stroke-width=%271.7%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M6 7.5h12M6 12h9M6 16.5h7%27/%3E%3Cpath d=%27M4 3.5h16v17H4z%27/%3E%3C/svg%3E") center/22px 22px no-repeat; box-shadow: 0 8px 28px rgba(38, 31, 25, 0.11); } body:has(:is(#page-ab, #page-contact, #page-membership, #page-membership-and-cancellation-policy, #page-privacy-policy)) .super-navbar__logo:after { content: "NoteFlow"; display: block; white-space: nowrap; } .nf-add-card form { grid-template-columns: minmax(0, 1.25fr) minmax(130px, 0.75fr) minmax(0, 1.5fr) !important; } .nf-new-favorite { grid-column: 1/3 !important; align-self: center; } .nf-save-resource { grid-column: 3 !important; justify-self: end; } @media (max-width: 760px) { .nf-add-card form { grid-template-columns: 1fr !important; } .nf-new-favorite, .nf-save-resource { grid-column: 1 !important; } .nf-save-resource { justify-self: stretch; } } .nf-recent-star:is(button) { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #b9b1bc; font: inherit; font-size: 17px; line-height: 1; text-align: center; cursor: pointer; } .nf-recent-star:is(button):hover, .nf-recent-star:is(button):focus-visible { background: #f1eaf3; color: #91629d; outline: none; } .nf-recent-star:is(button).is-favorite { color: #d9a62e; } .nf-save-resource { display: inline-flex !important; align-items: center; justify-content: center; visibility: visible !important; opacity: 1 !important; box-shadow: 0 5px 12px rgba(70, 45, 80, 0.16); } .nf-inline-status { min-height: 15px; margin: 7px 0 0 !important; color: #6f5677 !important; font-size: 10px !important; font-weight: 700; } .nf-row-action { white-space: nowrap; } .nf-save-item { height: 30px; margin: 4px 5px 0 0; padding: 0 9px; border: 0; border-radius: 8px; background: #72517d; color: #fff; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; } .nf-save-item:hover, .nf-save-item:focus-visible { background: #5c4165; outline: 2px solid rgba(114, 81, 125, 0.24); outline-offset: 1px; } .nf-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .nf-recent-favorites { display: flex !important; flex-direction: column !important; min-height: 245px !important; padding: 24px !important; background: #fff !important; border: 1px solid #e7e2ea !important; border-radius: 18px !important; box-shadow: 0 8px 24px rgba(58, 42, 66, 0.06) !important; } .nf-recent-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .nf-recent-header h3 { margin: 0 0 3px !important; font-size: 18px !important; line-height: 1.25 !important; color: #251f28 !important; } .nf-recent-header p { margin: 0 !important; color: #756d78 !important; font-size: 13px !important; } .nf-recent-header-star { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 12px; background: #f4eaf7; color: #8f5ba1; font-size: 18px; } .nf-recent-list { display: grid; gap: 8px; flex: 1; } .nf-recent-item { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; padding: 9px 10px; background: #faf8fb; border: 1px solid #eee9f0; border-radius: 11px; } .nf-recent-star { font-size: 15px; line-height: 21px; color: #b9b1bc; text-align: center; } .nf-recent-star.is-favorite { color: #d9a62e; } .nf-recent-copy { min-width: 0; } .nf-recent-resource { font-size: 13px; font-weight: 700; color: #302936; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nf-resource-link, .nf-resource-name { color: inherit; text-decoration: none; } .nf-resource-link:hover { text-decoration: underline; } .nf-recent-meta { margin-top: 1px; color: #8a668f; font-size: 11px; font-weight: 650; letter-spacing: 0.01em; } .nf-recent-note { margin: 3px 0 0 !important; color: #766f79 !important; font-size: 11px !important; line-height: 1.3 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nf-recent-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 105px; padding: 15px; border: 1px dashed #ded5e1; border-radius: 12px; text-align: center; color: #766f79; font-size: 12px; } .nf-recent-empty strong { margin-bottom: 3px; color: #3c3440; font-size: 13px; } .nf-recent-view { display: inline-flex; align-items: center; gap: 6px; width: max-content; margin-top: 14px; color: #694977 !important; font-size: 13px; font-weight: 750; text-decoration: none !important; } .nf-recent-view:hover { gap: 9px; } #page-session-flow [role=application] { width: 100% !important; max-width: 1180px !important; margin: 28px auto 16px !important; overflow: visible !important; } .nf-toolbox { font-family: inherit; color: #302936; background: #fbfafc; border: 1px solid #e7e1e9; border-radius: 22px; box-shadow: 0 12px 38px rgba(54, 39, 60, 0.07); overflow: hidden; } .nf-toolbox-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 28px; padding: 30px 34px; background: linear-gradient(125deg, #f4e9f6 0%, #eef3fb 50%, #edf7ef 100%); border-bottom: 1px solid #e4dde7; } .nf-toolbox-header > div { max-width: 750px; } .nf-eyebrow { display: block; margin-bottom: 7px; color: #7f5e87; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; } .nf-toolbox-header h1 { margin: 0 0 7px !important; font-size: 32px !important; line-height: 1.1 !important; color: #261f29 !important; } .nf-toolbox-header p { margin: 0 !important; color: #665f69 !important; font-size: 14px !important; line-height: 1.55 !important; } .nf-toolbox-header > a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 15px; background: rgba(255, 255, 255, 0.78); border: 1px solid #dcd3df; border-radius: 11px; color: #554a59 !important; font-size: 13px; font-weight: 700; text-decoration: none !important; white-space: nowrap; } .nf-add-card, .nf-collection-card { margin: 22px 24px 0; padding: 22px; background: #fff; border: 1px solid #e8e3ea; border-radius: 16px; box-shadow: 0 5px 15px rgba(53, 38, 59, 0.04); } .nf-add-card h2, .nf-collection-card h2 { margin: 0 0 13px !important; color: #312936 !important; font-size: 17px !important; line-height: 1.25 !important; } .nf-add-card form { display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(150px, 0.6fr) minmax(260px, 1.45fr) auto auto; gap: 11px; align-items: end; } .nf-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .nf-field > span { display: flex; justify-content: space-between; gap: 10px; color: #5f5662; font-size: 11px; font-weight: 750; } .nf-field small { color: #958b98; font-weight: 600; } .nf-field input, .nf-field select, .nf-field textarea, .nf-toolbox table input, .nf-toolbox table select, .nf-toolbox table textarea { width: 100%; box-sizing: border-box; border: 1px solid #ded7e1; border-radius: 10px; background: #fff; color: #332b37; font: inherit; font-size: 13px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; } .nf-field input, .nf-field select { height: 42px; padding: 0 11px; } .nf-field textarea { min-height: 42px; max-height: 82px; padding: 10px 11px; resize: vertical; } .nf-field input:focus, .nf-field select:focus, .nf-field textarea:focus, .nf-toolbox table input:focus, .nf-toolbox table select:focus, .nf-toolbox table textarea:focus { border-color: #a879b5; box-shadow: 0 0 0 3px rgba(168, 121, 181, 0.13); } .nf-new-favorite { display: flex; align-items: center; gap: 7px; height: 42px; padding: 0 10px; border: 1px solid #e1d9e3; border-radius: 10px; color: #665c69; font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer; } .nf-new-favorite input { accent-color: #b07bbd; } .nf-new-favorite span { color: #d8a32f; font-size: 16px; } .nf-save-resource { height: 42px; padding: 0 16px; border: 0; border-radius: 10px; background: #684b74; color: #fff; font: inherit; font-size: 12px; font-weight: 800; white-space: nowrap; cursor: pointer; } .nf-save-resource:hover { background: #573e61; } .nf-collection-card { margin-bottom: 0; } .nf-collection-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 13px; } .nf-collection-heading h2 { margin-bottom: 3px !important; } .nf-collection-heading p { margin: 0 !important; color: #7a727d !important; font-size: 12px !important; } .nf-table-wrap { overflow-x: auto; border: 1px solid #e7e1e9; border-radius: 13px; } .nf-toolbox table { width: 100%; min-width: 860px; border-collapse: collapse; table-layout: fixed; background: #fff; } .nf-toolbox th { padding: 11px 10px; background: #f5f1f6; border-bottom: 1px solid #e3dce5; color: #6f6473; font-size: 10px; font-weight: 800; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; } .nf-toolbox th:nth-child(1) { width: 24%; } .nf-toolbox th:nth-child(2) { width: 16%; } .nf-toolbox th:nth-child(3) { width: 43%; } .nf-toolbox th:nth-child(4) { width: 10%; text-align: center; } .nf-toolbox th:nth-child(5) { width: 7%; } .nf-toolbox td { padding: 9px 8px; border-bottom: 1px solid #eee9ef; vertical-align: top; } .nf-toolbox tbody tr:last-child td { border-bottom: 0; } .nf-toolbox table input, .nf-toolbox table select, .nf-toolbox table textarea { border-color: transparent; background: transparent; } .nf-toolbox table input { height: 38px; padding: 0 8px; } .nf-toolbox table select { height: 38px; padding: 0 7px; } .nf-toolbox table textarea { min-height: 52px; padding: 8px; resize: vertical; } .nf-resource-cell { display: flex; align-items: center; gap: 5px; } .nf-resource-cell input { min-width: 0; } .nf-open-resource { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; background: #f1e9f3; color: #74527e !important; font-weight: 800; text-decoration: none !important; } .nf-note-cell { position: relative; padding-bottom: 13px; } .nf-note-count { position: absolute; right: 7px; bottom: 0; color: #9a929c; font-size: 9px; } .nf-star-toggle { display: flex; justify-content: center; padding-top: 7px; cursor: pointer; } .nf-star-toggle input { position: absolute; opacity: 0; pointer-events: none; } .nf-star-toggle span[aria-hidden] { color: #d2cbd4; font-size: 23px; transition: color 0.15s, transform 0.15s; } .nf-star-toggle input:checked + span { color: #d7a12c; transform: scale(1.08); } .nf-row-action { text-align: center; } .nf-remove-item { width: 30px; height: 30px; margin-top: 4px; border: 0; border-radius: 8px; background: transparent; color: #a79ea9; font-size: 20px; line-height: 1; cursor: pointer; } .nf-remove-item:hover { background: #f8ecee; color: #a55a61; } .nf-collection-empty { display: flex; flex-direction: column; align-items: center; padding: 32px 18px; color: #7b727e; text-align: center; } .nf-collection-empty[hidden] { display: none; } .nf-collection-empty > span { color: #c49bc9; font-size: 27px; } .nf-collection-empty strong { margin: 5px 0 2px; color: #403645; font-size: 14px; } .nf-collection-empty p { margin: 0 !important; font-size: 12px !important; } .nf-storage-note { margin: 14px 26px 22px !important; color: #877f89 !important; font-size: 10px !important; text-align: center; } @media (max-width: 920px) { .nf-add-card form { grid-template-columns: 1fr 1fr; } .nf-field-resource, .nf-field-note { grid-column: 1/-1; } .nf-save-resource { width: 100%; } } @media (max-width: 620px) { .nf-recent-favorites { padding: 18px !important; } .nf-toolbox { border-radius: 16px; } .nf-toolbox-header { flex-direction: column; padding: 24px 20px; } .nf-toolbox-header h1 { font-size: 27px !important; } .nf-add-card, .nf-collection-card { margin: 15px 13px 0; padding: 16px; } .nf-add-card form { grid-template-columns: 1fr; } .nf-field-resource, .nf-field-note { grid-column: auto; } .nf-new-favorite { justify-content: center; } .nf-toolbox table { min-width: 0; } .nf-toolbox thead { display: none; } .nf-toolbox tbody, .nf-toolbox tr, .nf-toolbox td { display: block; width: 100%; box-sizing: border-box; } .nf-toolbox tr { padding: 10px; border-bottom: 1px solid #e5dee7; } .nf-toolbox td { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 8px; border: 0; padding: 5px 0; } .nf-toolbox td:before { content: attr(data-label); padding-top: 9px; color: #746a77; font-size: 10px; font-weight: 800; text-transform: uppercase; } .nf-toolbox td.nf-row-action { display: block; text-align: right; } .nf-toolbox td.nf-row-action:before { display: none; } .nf-star-toggle { justify-content: flex-start; } .nf-storage-note { margin-left: 18px !important; margin-right: 18px !important; } } .nf-dashboard-active { background: #f7f7f8 !important; overflow-x: hidden; } .nf-dashboard-active .super-navbar, .nf-dashboard-active footer, .nf-dashboard-active .notion-header { display: none !important; } .nf-dashboard-active #page-noteflow-member-dashboard { display: none !important; max-width: none !important; padding: 0 !important; } .nf-dashboard-active .super-content-wrapper { max-width: none !important; margin: 0 !important; padding: 0 !important; } #nf-shell { position: relative; z-index: 2; display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 100vh; background: #f8f8f9; color: #202126; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } #nf-shell * { box-sizing: border-box; } .nf-side { display: flex; flex-direction: column; padding: 31px 18px 21px; background: #fff; border-right: 1px solid #e7e7eb; } .nf-brand { display: flex; align-items: center; gap: 9px; padding: 0 11px 29px; color: #202126; text-decoration: none; font-size: 21px; font-weight: 750; letter-spacing: -0.04em; } .nf-brand svg { width: 27px; height: 27px; } .nf-side nav { display: grid; gap: 6px; } .nf-side a { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 9px; color: #555760; text-decoration: none; font-size: 14px; } .nf-side nav > a:hover, .nf-side nav > a.on { background: #eee2f8; color: #613b78; } .nf-side nav svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .nf-settings { margin-top: auto; } .nf-main { width: 100%; max-width: 1250px; margin: auto; padding: 34px clamp(28px, 5vw, 76px) 55px; } .nf-main header { display: flex; justify-content: flex-end; align-items: center; gap: 13px; color: #666872; font-size: 14px; } .nf-main header i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e5e5ea; border-radius: 50%; background: #fff; font-style: normal; } .nf-welcome { margin: 42px 0 27px; } .nf-welcome h1 { margin: 0; font-size: clamp(34px, 4vw, 48px); letter-spacing: -0.055em; line-height: 1.03; } .nf-welcome p { margin: 10px 0 0; color: #6d6f78; font-size: 17px; } .nf-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; } .nf-card { overflow: hidden; border: 1px solid #e5e5ea; border-radius: 16px; background: #fff; box-shadow: 0 10px 26px rgba(32, 33, 38, 0.06); } .nf-card > div { position: relative; min-height: 142px; padding: 22px; } .nf-card.blue > div { background: #dceaff; } .nf-card.lilac > div { background: #f0e2fa; } .nf-card.mint > div { background: #dff0e4; } .nf-card h2 { max-width: 175px; margin: 0; font-size: 22px; letter-spacing: -0.045em; line-height: 1.04; } .nf-card p { max-width: 185px; margin: 10px 0; font-size: 13px; line-height: 1.35; } .nf-card > div b { position: absolute; right: 19px; top: 22px; display: grid; place-items: center; width: 51px; height: 51px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); font-size: 26px; } .nf-card ul { display: grid; gap: 10px; margin: 0; padding: 19px 22px 0; list-style: none; font-size: 14px; } .nf-card > a { display: inline-block; padding: 18px 22px 21px; color: #202126; text-decoration: none; font-size: 13px; font-weight: 700; } .nf-card > a:hover { text-decoration: underline; } .nf-bottom { display: grid; grid-template-columns: 1.7fr 0.75fr; gap: 19px; margin-top: 23px; } .nf-quote { min-height: 205px; padding: 24px; border: 1px solid #e5e5ea; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(32, 33, 38, 0.04); } .nf-quote { display: flex; flex-direction: column; justify-content: space-between; background: #f0f2fb; font-size: 17px; line-height: 1.45; } .nf-quote span { color: #c5c8de; font-size: 25px; } #nf-dashboard-return, .nf-section-return { display: inline-flex; align-items: center; gap: 7px; margin: 18px 0 6px; padding: 10px 14px; border: 1px solid #e2d9ea; border-radius: 10px; background: #fff; color: #613b78; text-decoration: none; font: 650 13px Inter, ui-sans-serif, system-ui, sans-serif; box-shadow: 0 5px 15px rgba(32, 33, 38, 0.05); } #nf-dashboard-return:hover, .nf-section-return:hover { background: #f5eff9; } body:not(.nf-dashboard-active) .super-sidebar, body:not(.nf-dashboard-active) .super-sidebar-wrapper, body:not(.nf-dashboard-active) .super-navigation-sidebar, body:not(.nf-dashboard-active) .notion-sidebar { display: none !important; } .nf-side nav a:focus-visible, .nf-card > a:focus-visible, #nf-session-flow-app button:focus-visible, #nf-session-flow-app a:focus-visible { outline: 2px solid #80529a; outline-offset: 2px; } @media (max-width: 850px) { #nf-shell { grid-template-columns: 74px minmax(0, 1fr); } .nf-side { padding: 27px 10px; } .nf-brand { justify-content: center; padding: 0 0 29px; font-size: 0; } .nf-side span { display: none; } .nf-side nav > a { justify-content: center; padding: 13px 8px; } .nf-cards, .nf-bottom { grid-template-columns: 1fr; } .nf-card { display: grid; grid-template-columns: 1fr 1fr; } .nf-card > div { min-height: 0; } } @media (max-width: 580px) { #nf-shell { display: block; } .nf-side { display: none; } .nf-main { padding: 24px 18px 42px; } .nf-card { display: block; } .nf-welcome { margin: 34px 0 23px; } .nf-bottom { grid-template-columns: 1fr; } } html:has(body.nf-dashboard-active), body.nf-dashboard-active { margin: 0 !important; padding: 0 !important; scroll-padding-top: 0 !important; } body.nf-dashboard-active > #__next { display: none !important; } body.nf-dashboard-active > #nf-shell { margin: 0 !important; top: 0 !important; width: 100% !important; } body.nf-dashboard-active > .super-root { display: none !important; } body.nf-dashboard-active > .frame-root { display: none !important; } body.nf-session-flow-blended { background: #f7f7f8 !important; } body.nf-session-flow-blended #page-session-flow { display: block !important; } body.nf-session-flow-blended #nf-session-flow-app { width: 100%; max-width: 1180px; min-height: 0; margin: 28px auto 38px; color: #202126; } html:has(body.nf-home-active), body.nf-home-active { margin: 0 !important; padding: 0 !important; scroll-padding-top: 0 !important; overflow-x: hidden !important; background: #f7f2e9 !important; } body.nf-home-active > #__next, body.nf-home-active > .super-root, body.nf-home-active > .frame-root, body.nf-home-active > .super-navbar, body.nf-home-active > footer, body.nf-home-active > .notion-header, body.nf-home-active #page-index { display: none !important; } #nf-home-shell { --nfh-ink:#292725; --nfh-muted:#6d665f; --nfh-cream:#f7f2e9; --nfh-paper:#fffdf8; --nfh-coral:#ef7d65; --nfh-amber:#f7bd55; --nfh-blue:#bdd5f4; --nfh-lilac:#dfc8ef; --nfh-mint:#c9e7d0; --nfh-line:rgba(41,39,37,0.16); --nfh-shadow:0 30px 80px rgba(67,51,35,0.16); position: relative; z-index: 2; width: 100%; min-height: 100vh; margin: 0 !important; overflow: hidden; background: var(--nfh-cream); color: var(--nfh-ink); font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; font-size: 16px; line-height: 1.55; } #nf-home-shell, #nf-home-shell * { box-sizing: border-box; } #nf-home-shell img { display: block; max-width: 100%; } #nf-home-shell a { color: inherit; } #nf-home-shell a:focus-visible { outline: 3px solid var(--nfh-coral); outline-offset: 4px; } .nfh-announcement { display: flex; justify-content: center; align-items: center; min-height: 38px; padding: 9px 16px; background: var(--nfh-ink); color: #fff; font-size: 12px; letter-spacing: 0.09em; text-align: center; text-transform: uppercase; } .nfh-header { position: absolute; top: 38px; right: 0; left: 0; z-index: 20; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; padding: 21px clamp(20px, 4vw, 76px); } .nfh-brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-size: 18px; font-weight: 750; text-decoration: none !important; } .nfh-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--nfh-paper); box-shadow: 0 8px 28px rgba(38, 31, 25, 0.11); } .nfh-brand-mark svg { width: 22px; height: 22px; } .nfh-nav { display: flex; align-items: center; gap: 32px; } .nfh-nav a, .nfh-text-link { font-family: Georgia, "Times New Roman", serif; font-size: 16px; text-decoration: none !important; } .nfh-nav a { position: relative; } .nfh-nav a:after { content: ""; position: absolute; right: 0; bottom: -6px; left: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 0.25s ease; } .nfh-nav a:hover:after { transform: scaleX(1); transform-origin: left; } .nfh-header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; } .nfh-text-link { padding: 12px 8px; } .nfh-button { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: 12px 24px; border: 1px solid var(--nfh-ink); border-radius: 0; background: var(--nfh-ink); color: #fff !important; font: 650 15px/1 "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none !important; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; } .nfh-button:hover { transform: translateY(-2px); } .nfh-button-sun { border-color: var(--nfh-amber); background: var(--nfh-amber); color: var(--nfh-ink) !important; } .nfh-button-outline { background: transparent; color: var(--nfh-ink) !important; } .nfh-button-paper { border-color: var(--nfh-paper); background: var(--nfh-paper); color: var(--nfh-ink) !important; } .nfh-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr); min-height: min(820px, 100vh - 38px); padding-top: 105px; overflow: hidden; background: radial-gradient(circle at 22% 22%, rgba(255, 255, 255, 0.75), transparent 30%), linear-gradient(120deg, #f7d4c8 0 50%, #ef9a7f 50% 73%, #f3bd58 73% 100%); } .nfh-hero:before { content: ""; position: absolute; inset: 0; opacity: 0.28; background-image: linear-gradient(rgba(44, 39, 35, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(44, 39, 35, 0.08) 1px, transparent 1px); background-size: 52px 52px; -webkit-mask-image: linear-gradient(to right, #000, transparent 55%); mask-image: linear-gradient(to right, #000, transparent 55%); } .nfh-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 80px clamp(24px, 6vw, 120px); } .nfh-eyebrow { margin: 0 0 20px !important; color: inherit !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.18em !important; text-transform: uppercase; } .nfh-hero h1, .nfh-title, .nfh-final h2 { font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; letter-spacing: -0.055em !important; } .nfh-hero h1 { max-width: 780px; margin: 0 !important; color: var(--nfh-ink) !important; font-size: clamp(59px, 7.1vw, 125px) !important; line-height: 0.89 !important; } .nfh-hero h1 em { position: relative; z-index: 0; font-weight: 400; } .nfh-hero h1 em:after { content: ""; position: absolute; z-index: -1; right: -0.04em; bottom: 0.05em; left: -0.04em; height: 0.15em; border-radius: 50%; background: var(--nfh-amber); transform: rotate(-2deg); } .nfh-hero-copy > p:not(.nfh-eyebrow) { max-width: 590px; margin: 32px 0 !important; color: var(--nfh-ink) !important; font-size: clamp(16px, 1.35vw, 20px) !important; line-height: 1.6 !important; } .nfh-actions { display: flex; flex-wrap: wrap; gap: 13px; } .nfh-hero-visual { position: relative; z-index: 1; display: grid; place-items: center; min-height: 600px; padding: 128px 0 48px; } .nfh-dashboard-frame { width: min(760px, 112%); padding: 11px 11px 24px; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 22px; background: rgba(31, 29, 27, 0.92); box-shadow: var(--nfh-shadow); transform: translateX(-4%) rotate(1.2deg); } .nfh-dashboard-frame:before { content: ""; display: block; width: 7px; height: 7px; margin: 0 auto 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.32); } .nfh-dashboard-frame img { width: 100%; aspect-ratio: 4/3; border-radius: 8px; object-fit: cover; object-position: center 38%; } .nfh-float-note { position: absolute; right: 8%; bottom: 8%; width: 185px; padding: 16px 18px; border: 1px solid rgba(41, 39, 37, 0.16); background: var(--nfh-paper); box-shadow: 0 18px 40px rgba(54, 42, 31, 0.16); font-family: Georgia, "Times New Roman", serif; font-size: 15px; transform: rotate(-3deg); } .nfh-float-note span { display: block; margin-top: 9px; color: var(--nfh-coral); font: 750 11px "DM Sans", Inter, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; } .nfh-section { padding: clamp(80px, 10vw, 144px) clamp(22px, 5vw, 80px); } .nfh-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr); align-items: center; gap: clamp(48px, 8vw, 128px); max-width: 1320px; margin: 0 auto; } .nfh-title { max-width: 900px; margin: 0 !important; color: var(--nfh-ink) !important; font-size: clamp(46px, 5.6vw, 99px) !important; line-height: 0.97 !important; } .nfh-lede { max-width: 640px; margin: 26px 0 32px !important; color: var(--nfh-muted) !important; font-size: 17px !important; line-height: 1.65 !important; } .nfh-mini-list { display: grid; margin: 37px 0; border-top: 1px solid var(--nfh-line); } .nfh-mini-list div { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--nfh-line); } .nfh-mini-list strong { color: var(--nfh-coral); } .nfh-brand-art { position: relative; min-height: 590px; overflow: hidden; background: linear-gradient(155deg, #f4c7bc, #f8d792 68%, #fff2d2); } .nfh-brand-art img { position: absolute; top: 7%; left: 16%; width: 72%; filter: drop-shadow(0 32px 30px rgba(117, 68, 44, 0.19)); transform: rotate(-5deg); } .nfh-caption { position: absolute; right: 24px; bottom: 24px; left: 24px; padding: 16px; border-top: 1px solid rgba(41, 39, 37, 0.3); font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .nfh-tools { padding: 35px; background: var(--nfh-cream); } .nfh-tools-panel { position: relative; max-width: 1450px; min-height: 650px; margin: 0 auto; padding: clamp(48px, 7vw, 112px); overflow: hidden; background: linear-gradient(135deg, #fff7ea, var(--nfh-paper) 52%, #f1e7f7); color: var(--nfh-ink); border: 1px solid var(--nfh-line); box-shadow: 0 24px 60px rgba(67, 51, 35, 0.1); } .nfh-tools-panel:before { content: ""; position: absolute; top: -28%; right: -12%; width: 730px; height: 730px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--nfh-amber), var(--nfh-coral) 48%, transparent 49%); opacity: 0.25; filter: blur(2px); } .nfh-tools-panel .nfh-title, .nfh-tools-panel .nfh-eyebrow { position: relative; max-width: 980px; color: var(--nfh-ink) !important; } .nfh-tool-grid { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: clamp(48px, 7vw, 96px); border: 1px solid var(--nfh-line); background: var(--nfh-line); } .nfh-tool-grid article { min-height: 245px; padding: 32px; background: var(--nfh-blue); } .nfh-tool-grid article:nth-child(2) { background: var(--nfh-lilac); } .nfh-tool-grid article:nth-child(3) { background: var(--nfh-mint); } .nfh-tool-grid article > span { display: block; margin-bottom: 40px; color: #8f4b3e; font-size: 12px; letter-spacing: 0.12em; } .nfh-tool-grid h3, .nfh-workflow-rail h3, .nfh-plan h3 { font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; } .nfh-tool-grid h3 { margin: 0 0 14px !important; color: var(--nfh-ink) !important; font-size: clamp(25px, 2.3vw, 39px) !important; } .nfh-tool-grid p { max-width: 330px; margin: 0 !important; color: var(--nfh-muted) !important; font-size: 16px !important; line-height: 1.55 !important; } .nfh-workflow, .nfh-nav a[href="#nfh-workflow"] { display: none !important; } .nfh-section-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; max-width: 1320px; margin: 0 auto 64px; } .nfh-section-head > p { max-width: 370px; margin: 0 !important; color: var(--nfh-muted) !important; font-size: 16px !important; } .nfh-section-head > a { text-underline-offset: 6px; } .nfh-workflow-rail { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1320px; margin: 0 auto; border-top: 1px solid var(--nfh-ink); } .nfh-workflow-rail article { padding: 35px 32px 48px 0; } .nfh-workflow-rail article:not(:last-child) { border-right: 1px solid var(--nfh-line); } .nfh-workflow-rail article:not(:first-child) { padding-left: 32px; } .nfh-workflow-rail small { font-size: 12px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; } .nfh-workflow-rail h3 { margin: 38px 0 13px !important; color: var(--nfh-ink) !important; font-size: clamp(26px, 2.5vw, 42px) !important; line-height: 1.08 !important; } .nfh-workflow-rail p { margin: 0 !important; color: var(--nfh-muted) !important; font-size: 16px !important; } .nfh-membership { background: var(--nfh-lilac); } .nfh-plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1320px; margin: 0 auto; } .nfh-plan { display: grid; grid-template-rows: auto auto 1fr auto; min-height: 520px; padding: clamp(32px, 4vw, 58px); border: 1px solid rgba(41, 39, 37, 0.2); background: rgba(255, 253, 248, 0.74); } .nfh-plan-featured { background: var(--nfh-ink); color: #fff; } .nfh-plan-kicker { font-size: 12px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .nfh-plan h3 { margin: 19px 0 4px !important; color: var(--nfh-ink) !important; font-size: clamp(38px, 4vw, 69px) !important; } .nfh-plan-featured h3 { color: #fff !important; } .nfh-price { margin: 0 0 32px !important; color: inherit !important; font-size: 17px !important; } .nfh-plan ul { display: grid; gap: 11px; margin: 0 0 38px; padding: 0; list-style: none; } .nfh-plan li { position: relative; padding-left: 22px; } .nfh-plan li:before { content: "—"; position: absolute; left: 0; color: var(--nfh-coral); } .nfh-plan-featured li:before { color: var(--nfh-amber); } .nfh-plan .nfh-button { width: 100%; } .nfh-plan-featured .nfh-button { color: var(--nfh-ink) !important; } .nfh-proof { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--nfh-coral); } .nfh-proof > div { min-height: 280px; padding: 48px clamp(24px, 4vw, 64px); border-right: 1px solid rgba(41, 39, 37, 0.25); } .nfh-proof > div:last-child { border-right: 0; } .nfh-proof strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: clamp(64px, 7vw, 112px); font-weight: 400; letter-spacing: -0.05em; line-height: 1; } .nfh-proof span { display: block; max-width: 210px; margin-top: 22px; } .nfh-support { background: var(--nfh-blue); } .nfh-support > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 48px; max-width: 1320px; margin: 0 auto; } .nfh-support > div > div > p:last-child { max-width: 620px; margin: 22px 0 0 !important; color: var(--nfh-ink) !important; font-size: 17px !important; } .nfh-final { position: relative; min-height: 610px; display: grid; place-items: center; padding: 96px 24px; overflow: hidden; background: linear-gradient(135deg, #f1a28d, #f5c55d 72%); text-align: center; } .nfh-final:before, .nfh-final:after { content: ""; position: absolute; width: 470px; height: 470px; border: 1px solid rgba(41, 39, 37, 0.17); border-radius: 50%; } .nfh-final:before { top: -170px; left: -90px; } .nfh-final:after { right: -110px; bottom: -210px; } .nfh-final > div { position: relative; z-index: 1; max-width: 980px; } .nfh-final h2 { margin: 0 0 32px !important; color: var(--nfh-ink) !important; font-size: clamp(56px, 7.5vw, 128px) !important; line-height: 0.9 !important; } .nfh-final > div > p:not(.nfh-eyebrow) { max-width: 590px; margin: 0 auto 32px !important; color: var(--nfh-ink) !important; font-size: 17px !important; } .nfh-footer { display: grid; grid-template-columns: 1fr auto; gap: 48px; padding: 48px clamp(24px, 5vw, 80px); background: var(--nfh-ink); color: #fff; } .nfh-footer-brand { font-family: Georgia, "Times New Roman", serif; font-size: 30px; } .nfh-footer p { margin: 10px 0 0 !important; color: rgba(255, 255, 255, 0.62) !important; font-size: 16px !important; } .nfh-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px 29px; align-content: center; } .nfh-footer a { color: rgba(255, 255, 255, 0.82) !important; text-underline-offset: 5px; } @media (max-width: 980px) { .nfh-header { grid-template-columns: 1fr auto; } .nfh-nav { display: none; } .nfh-header-actions .nfh-text-link { display: none; } .nfh-hero { grid-template-columns: 1fr; padding-top: 108px; } .nfh-hero-copy { padding-bottom: 32px; } .nfh-hero-visual { min-height: 440px; padding: 32px 24px 64px; } .nfh-dashboard-frame { width: min(760px, 96%); transform: rotate(1deg); } .nfh-split { grid-template-columns: 1fr; } .nfh-brand-art { min-height: 500px; } .nfh-tool-grid, .nfh-workflow-rail { grid-template-columns: 1fr; } .nfh-tool-grid article { min-height: auto; } .nfh-workflow-rail article, .nfh-workflow-rail article:not(:first-child) { padding: 32px 0; border-right: 0; border-bottom: 1px solid var(--nfh-line); } .nfh-section-head { align-items: flex-start; flex-direction: column; } .nfh-plan-grid, .nfh-proof { grid-template-columns: 1fr; } .nfh-proof > div { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(41, 39, 37, 0.25); } .nfh-support > div { grid-template-columns: 1fr; } } @media (max-width: 620px) { .nfh-announcement { font-size: 11px; } .nfh-header { padding: 16px 18px; } .nfh-header-actions .nfh-button { display: none; } .nfh-hero h1 { font-size: clamp(51px, 16vw, 90px) !important; } .nfh-hero-copy { padding: 90px 20px 24px; } .nfh-hero-visual { min-height: 330px; padding: 16px 11px 48px; } .nfh-float-note { right: 16px; bottom: 16px; width: 150px; font-size: 13px; } .nfh-tools { padding: 12px; } .nfh-tools-panel { padding: 64px 21px; } .nfh-brand-art { min-height: 420px; } .nfh-support .nfh-button { width: 100%; } .nfh-footer { grid-template-columns: 1fr; } .nfh-footer nav { justify-content: flex-start; } } @media (prefers-reduced-motion: reduce) { #nf-home-shell { scroll-behavior: auto; } #nf-home-shell *, #nf-home-shell *:before, #nf-home-shell *:after { transition-duration: 0.01ms !important; } } body.nf-session-flow-blended #nf-session-flow-app, body.nf-session-flow-blended #nf-session-flow-app * { box-sizing: border-box; } @media (max-width: 620px) { body.nf-session-flow-blended #nf-session-flow-app { margin: 22px auto 30px; } } body:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) { --nf-public-ink:#292725; --nf-public-muted:#6d665f; --nf-public-cream:#f7f2e9; --nf-public-paper:#fffdf8; --nf-public-coral:#ef7d65; --nf-public-amber:#f7bd55; --nf-public-blue:#bdd5f4; --nf-public-lilac:#dfc8ef; --nf-public-line:rgba(41,39,37,0.16); margin: 0 !important; overflow-x: hidden; background: var(--nf-public-cream) !important; color: var(--nf-public-ink); font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy))::before { content: "A CALMER WAY TO PLAN, DOCUMENT, AND PREPARE"; display: block; min-height: 38px; padding: 10px 16px; box-sizing: border-box; background: var(--nf-public-ink); color: white; font: 600 12px/18px "DM Sans", Inter, sans-serif; letter-spacing: 0.09em; text-align: center; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-navbar { background: #f7d4c8 !important; color: var(--nf-public-ink) !important; box-shadow: none !important; border-bottom: 1px solid var(--nf-public-line); } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-navbar__content { width: 100% !important; max-width: 1440px !important; min-height: 76px; padding: 12px clamp(20px, 4vw, 76px) !important; margin: 0 auto; box-sizing: border-box; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-navbar__item { color: var(--nf-public-ink) !important; font: 400 16px Georgia, "Times New Roman", serif !important; text-decoration: none !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-navbar__item-list li:last-child .super-navbar__item { display: inline-flex; align-items: center; min-height: 45px; padding: 10px 18px !important; border: 1px solid var(--nf-public-ink); background: var(--nf-public-ink); color: white !important; font: 650 14px "DM Sans", Inter, sans-serif !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-content-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--nf-public-cream) !important; } :is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--nf-public-ink) !important; font-family: "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-header { position: relative; display: flex; align-items: center; min-height: 360px; padding: 72px clamp(24px, 6vw, 100px) 100px !important; box-sizing: border-box; overflow: hidden; background: radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.55), transparent 31%), linear-gradient(110deg, #f7d4c8 0%, #ef9a7f 72%, #f3bd58 100%) !important; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-header { min-height: 300px; background: linear-gradient(115deg, #dfc8ef 0%, #f7d4c8 68%, #f3bd58 100%) !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-header::after { content: ""; position: absolute; width: 440px; height: 440px; top: -180px; right: -80px; border: 1px solid rgba(41, 39, 37, 0.19); border-radius: 50%; pointer-events: none; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__cover { display: none !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__content { width: 100% !important; max-width: 1320px !important; padding: 0 !important; margin: 0 auto !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__title-wrapper { display: block !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__title-wrapper::before { display: block; margin-bottom: 20px; color: var(--nf-public-ink); font: 800 12px/1.4 "DM Sans", Inter, sans-serif; letter-spacing: 0.18em; } #page-ab .notion-header__title-wrapper::before { content: "THE STORY BEHIND NOTEFLOW"; } #page-privacy-policy .notion-header__title-wrapper::before { content: "PRIVACY & TERMS"; } #page-membership-and-cancellation-policy .notion-header__title-wrapper::before { content: "MEMBERSHIP DETAILS"; } #page-ab .notion-header__icon-wrapper { display: none !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__title { max-width: 1120px; margin: 0 !important; color: var(--nf-public-ink) !important; font: 400 clamp(56px, 7vw, 112px)/0.95 Georgia, "Times New Roman", serif !important; letter-spacing: -0.055em !important; text-align: left !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-root { position: relative; z-index: 1; width: min(960px, 100% - 40px) !important; max-width: none !important; margin: -42px auto 96px !important; padding: clamp(28px, 5vw, 64px) !important; box-sizing: border-box; border: 1px solid var(--nf-public-line); background: var(--nf-public-paper); box-shadow: 0 25px 65px rgba(67, 51, 35, 0.09); } #page-ab .notion-root { width: min(1020px, 100% - 40px) !important; } #page-ab .notion-root .notion-text { color: var(--nf-public-ink) !important; font-size: 17px !important; line-height: 1.72 !important; } #page-ab .notion-root > .notion-heading { margin: 38px 0 18px !important; color: var(--nf-public-ink) !important; font: 400 clamp(37px, 4vw, 62px)/1.03 Georgia, "Times New Roman", serif !important; letter-spacing: -0.045em !important; } #page-ab .notion-callout { padding: 24px 28px !important; border: 1px solid var(--nf-public-line) !important; border-radius: 0 !important; box-shadow: none !important; } #page-ab .notion-callout.bg-blue-light { background: var(--nf-public-blue) !important; } #page-ab .notion-callout.bg-purple-light { background: var(--nf-public-lilac) !important; } #page-ab .notion-callout.bg-gray-light { background: var(--nf-public-cream) !important; } #page-ab .notion-callout .notion-heading { margin: 0 0 10px !important; color: var(--nf-public-ink) !important; font: 400 clamp(24px, 2.5vw, 38px)/1.1 Georgia, "Times New Roman", serif !important; letter-spacing: -0.035em !important; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root > .notion-text:first-child { padding-bottom: 25px !important; border-bottom: 1px solid var(--nf-public-line); color: var(--nf-public-muted) !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.6 !important; white-space: pre-line; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root > .notion-text { color: var(--nf-public-ink) !important; font-size: 16px !important; line-height: 1.72 !important; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root > .notion-numbered-list { margin: 38px 0 10px !important; padding: 0 !important; border-top: 1px solid var(--nf-public-line); list-style: none !important; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root > .notion-numbered-list > li { margin: 0 !important; padding: 24px 0 0 !important; color: var(--nf-public-ink) !important; font: 400 clamp(25px, 2.5vw, 35px)/1.18 Georgia, "Times New Roman", serif !important; letter-spacing: -0.03em; list-style: none !important; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root > .notion-numbered-list > li::marker { content: ""; } :is(#page-privacy-policy, #page-membership-and-cancellation-policy) .notion-root a { color: #9c4e3e !important; text-underline-offset: 4px; } #page-contact .nf-contact-shell { width: 100% !important; max-width: none !important; margin: 0 !important; } #page-contact .nf-contact-intro { min-height: 360px; margin: 0 !important; padding: 70px clamp(24px, 8vw, 140px) 100px !important; border: 0 !important; border-radius: 0 !important; background: radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.55), transparent 31%), linear-gradient(110deg, #f7d4c8 0%, #ef9a7f 72%, #f3bd58 100%) !important; box-shadow: none !important; color: var(--nf-public-ink) !important; } #page-contact .nf-contact-icon { display: none !important; } #page-contact .nf-contact-intro > div { width: min(1320px, 100%); margin: auto; } #page-contact .nf-contact-intro h1 { max-width: 1050px; margin: 0 0 20px !important; color: var(--nf-public-ink) !important; font: 400 clamp(56px, 7vw, 112px)/0.95 Georgia, "Times New Roman", serif !important; letter-spacing: -0.055em !important; } #page-contact .nf-contact-intro h1::before { content: "WE’RE HERE TO HELP"; display: block; margin: 0 0 20px; font: 800 12px/1.4 "DM Sans", Inter, sans-serif; letter-spacing: 0.18em; } #page-contact .nf-contact-intro p { max-width: 700px; color: var(--nf-public-ink) !important; line-height: 1.65 !important; font-size: 0 !important; } #page-contact .nf-contact-frame { position: relative; width: min(980px, 100% - 40px) !important; min-height: 980px; margin: -42px auto 96px !important; box-sizing: border-box; border: 10px solid #fffdf8 !important; border-radius: 0 !important; overflow: hidden; background: linear-gradient(145deg, #fffdf8 0%, #f9eee8 50%, #f2edf7 100%) !important; box-shadow: 0 26px 64px rgba(62, 48, 40, 0.14) !important; filter: invert(1) sepia(0.08) saturate(0.85) hue-rotate(320deg) !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer { padding: 48px clamp(24px, 5vw, 80px) !important; background: var(--nf-public-ink) !important; color: white !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer__content { width: 100%; max-width: 1320px !important; margin: 0 auto !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer__logo-text { color: white !important; font: 400 30px Georgia, "Times New Roman", serif !important; } .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer__link, .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer__link p, .super-root:has(:is(#page-ab, #page-contact, #page-privacy-policy, #page-membership-and-cancellation-policy)) .super-footer__icons { color: rgba(255, 255, 255, 0.82) !important; } @media (max-width: 700px) { :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-header, #page-contact .nf-contact-intro { min-height: 300px; padding: 52px 22px 78px !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) .notion-header__title, #page-contact .nf-contact-intro h1 { font-size: clamp(48px, 12vw, 72px) !important; } :is(#page-ab, #page-privacy-policy, #page-membership-and-cancellation-policy) > .notion-root { width: calc(100% - 24px) !important; margin: -30px auto 58px !important; padding: 25px 20px !important; } #page-contact .nf-contact-frame { width: calc(100% - 24px) !important; margin: -30px auto 58px !important; border-width: 5px !important; } #page-ab .notion-callout { padding: 18px !important; } } body.nf-toolkit-active > #__next, body.nf-toolkit-active > .super-root, body.nf-toolkit-active > .frame-root, body.nf-toolkit-active > .super-navbar, body.nf-toolkit-active > footer, body.nf-toolkit-active > .notion-header, body.nf-toolkit-active #page-documentation-toolkit { display: none !important; } body.nf-toolkit-active { margin: 0 !important; background: #f7f2e9 !important; } @scope (#nf-toolkit-shell) { :scope { --nft-ink:#292725; --nft-muted:#6d665f; --nft-cream:#f7f2e9; --nft-paper:#fffdf8; --nft-coral:#ef7d65; --nft-amber:#f7bd55; --nft-blue:#bdd5f4; --nft-lilac:#dfc8ef; --nft-mint:#cde7d6; --nft-line:rgba(41,39,37,.17); position: relative; z-index: 2; width: 100%; min-height: 100vh; margin: 0 !important; background: var(--nft-cream); color: var(--nft-ink); font: 16px/1.5 "DM Sans", Inter, ui-sans-serif, system-ui, sans-serif; } :scope, :scope *, :scope *:before, :scope *:after { box-sizing: border-box; } :scope a { color: inherit; text-decoration: none; } :scope button, :scope input { font: inherit; } :scope button { cursor: pointer; } :scope h1, :scope h2, :scope h3, :scope .nft-paper b { font-family: Georgia, "Times New Roman", serif !important; font-weight: 400 !important; letter-spacing: -0.055em !important; } :scope h1, :scope h2, :scope h3, :scope h4, :scope p { margin-top: 0; } :scope a:focus-visible, :scope button:focus-visible, :scope summary:focus-visible, :scope input:focus-visible { outline: 2px solid var(--nft-ink); outline-offset: 3px; } :scope .nft-announcement { background: var(--nft-ink); color: #fff; text-align: center; padding: 9px 18px; font-size: 12px; letter-spacing: 0.08em; } :scope .nft-header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 clamp(22px, 5vw, 80px); background: var(--nft-paper); border-bottom: 1px solid var(--nft-line); } :scope .nft-brand { font-size: 25px; font-weight: 700; letter-spacing: -0.06em; white-space: nowrap; } :scope .nft-brand-mark { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-right: 5px; border: 1.5px solid var(--nft-ink); border-radius: 50%; font: 24px Georgia, serif; transform: rotate(-18deg); } :scope .nft-top-links { display: flex; align-items: center; gap: 30px; font-size: 13px; font-weight: 700; } :scope .nft-top-links a:hover, :scope .nft-back:hover { text-decoration: underline; text-underline-offset: 4px; } :scope .nft-header-button { border: 1px solid var(--nft-ink); padding: 11px 16px; background: var(--nft-ink); color: #fff !important; } :scope .nft-hero { position: relative; overflow: hidden; min-height: 440px; background: radial-gradient(circle at 19% 10%, rgba(255, 255, 255, 0.6) 0, transparent 33%), linear-gradient(112deg, #f7d4c8 0 55%, #ef9a7f 55% 79%, #f3bd58 79%); } :scope .nft-hero:before { content: ""; position: absolute; inset: 0; opacity: 0.24; background-image: linear-gradient(rgba(41, 39, 37, 0.1254901961) 1px, transparent 1px), linear-gradient(90deg, rgba(41, 39, 37, 0.1254901961) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, #000, transparent 80%); pointer-events: none; } :scope .nft-hero-inner { position: relative; max-width: 1440px; margin: auto; padding: 55px clamp(22px, 6vw, 100px) 67px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); align-items: center; gap: 4vw; } :scope .nft-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 34px; font-size: 13px; font-weight: 700; } :scope .nft-back span { font-size: 20px; font-weight: 400; } :scope .nft-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; } :scope .nft-hero h1 { max-width: 740px; margin: 0 !important; color: var(--nft-ink) !important; font-size: clamp(58px, 7vw, 107px) !important; line-height: 0.93 !important; } :scope .nft-hero h1 em { font-weight: 400; position: relative; white-space: nowrap; } :scope .nft-hero h1 em:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0.025em; height: 0.12em; background: var(--nft-amber); border-radius: 50%; z-index: -1; transform: rotate(-2deg); } :scope .nft-hero-copy > p { max-width: 580px; margin: 27px 0 0 !important; color: var(--nft-ink) !important; font-size: 18px; line-height: 1.6; } :scope .nft-hero-art { height: 285px; position: relative; display: grid; place-items: center; } :scope .nft-paper { position: absolute; width: 245px; height: 265px; background: var(--nft-paper); border: 1px solid rgba(41, 39, 37, 0.0941176471); box-shadow: 12px 15px 0 rgba(41, 39, 37, 0.0705882353), 0 30px 55px rgba(85, 57, 33, 0.168627451); padding: 36px 30px; } :scope .nft-paper.one { transform: translate(-53px, 9px) rotate(-11deg); background: var(--nft-blue); } :scope .nft-paper.two { transform: translate(-10px, 4px) rotate(5deg); background: var(--nft-lilac); } :scope .nft-paper.three { transform: translate(38px, -7px) rotate(-2deg); } :scope .nft-line { height: 8px; background: var(--nft-ink); opacity: 0.17; margin-bottom: 20px; width: 80%; border-radius: 8px; } :scope .nft-line.short { width: 52%; } :scope .nft-line.medium { width: 67%; } :scope .nft-paper b { display: block; font-size: 29px; margin-bottom: 25px; } :scope .nft-paper small { position: absolute; right: 18px; bottom: 15px; color: #9a5a4e; font-size: 34px; } :scope .nft-filter-bar { max-width: 1240px; margin: auto; padding: 47px 22px 35px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } :scope .nft-filter-bar p { margin: 0; color: var(--nft-muted); font-size: 14px; } :scope .nft-chips { display: flex; flex-wrap: wrap; gap: 8px; } :scope .nft-chips button { border: 1px solid var(--nft-line); background: transparent; padding: 9px 13px; color: var(--nft-ink); font-size: 12px; font-weight: 700; } :scope .nft-chips button[aria-pressed=true], :scope .nft-chips button:hover { background: var(--nft-ink); color: #fff; border-color: var(--nft-ink); } :scope .nft-library { max-width: 1240px; margin: auto; padding: 0 22px 94px; } :scope .nft-library-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--nft-ink); padding: 4px 0 26px; } :scope .nft-library-head h2 { font-size: clamp(39px, 5vw, 68px) !important; line-height: 1 !important; margin: 0 !important; color: var(--nft-ink) !important; } :scope .nft-library-head span { font-size: 13px; color: var(--nft-muted); } :scope .nft-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 25px; align-items: start; } :scope .nft-card { background: var(--nft-paper); border: 1px solid var(--nft-line); min-height: 300px; padding: 31px; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; } } #block-1cc4a2a2d8b2480790a4614b2232dac1, ol:has(#block-6f3eb40b3e2a40d6aad9e18e5d502b02), #block-b9403278dfbf4ba28b2c19297bb33bc3 { display: none !important; } #nf-toolkit-shell .nft-card:nth-child(1) .nft-card-icon, #nf-toolkit-shell .nft-card:nth-child(4) .nft-card-icon { font-size: 0 !important; } #nf-toolkit-shell .nft-card:nth-child(1) .nft-card-icon:before, #nf-toolkit-shell .nft-card:nth-child(4) .nft-card-icon:before { content: ""; display: block; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: 24px 24px; } #nf-toolkit-shell .nft-card:nth-child(1) .nft-card-icon:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23292725%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8 5h12M8 12h12M8 19h12%27/%3E%3Cpath d=%27m3 5 1.2 1.2L6.5 4m-3.5 8 1.2 1.2 2.3-2.2M3 19l1.2 1.2L6.5 18%27/%3E%3C/svg%3E"); } #nf-toolkit-shell .nft-card:nth-child(4) .nft-card-icon:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23292725%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27m15.5 8.5-2.2 4.8-4.8 2.2 2.2-4.8 4.8-2.2Z%27/%3E%3C/svg%3E"); } #block-0ec011fddac14fc2a3a7802197556bfe .notion-callout__icon .notion-icon.text, #block-e6b5f1c3f5dc466a89a2abb804503948 .notion-callout__icon .notion-icon.text { font-size: 0 !important; display: grid !important; place-items: center !important; width: 24px !important; height: 24px !important; } #block-0ec011fddac14fc2a3a7802197556bfe .notion-callout__icon .notion-icon.text:before, #block-e6b5f1c3f5dc466a89a2abb804503948 .notion-callout__icon .notion-icon.text:before { content: ""; display: block; width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: 22px 22px; } #block-0ec011fddac14fc2a3a7802197556bfe .notion-callout__icon .notion-icon.text:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23292725%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8 5h12M8 12h12M8 19h12%27/%3E%3Cpath d=%27m3 5 1.2 1.2L6.5 4m-3.5 8 1.2 1.2 2.3-2.2M3 19l1.2 1.2L6.5 18%27/%3E%3C/svg%3E"); } #block-e6b5f1c3f5dc466a89a2abb804503948 .notion-callout__icon .notion-icon.text:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23292725%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%273%27 width=%2716%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M8 8h8M8 12h8M8 16h5%27/%3E%3C/svg%3E"); } #page-contact .nf-contact-intro p strong { display: inline-block; margin-bottom: 8px; color: #292725 !important; font: 700 22px/1.35 "DM Sans", Inter, sans-serif !important; } #page-contact .nf-contact-intro p::after { content: "Hi there!\aWe're glad you're here. Whether you have a question, need a little help, or simply want to share an idea, we're all ears. Drop us a message, and we'll get back to you within 72 hours."; display: block; max-width: 760px; white-space: pre-line; color: #292725 !important; font: 500 18px/1.65 "DM Sans", Inter, sans-serif !important; } #nf-help-warm .nf-embed-crop iframe { filter: invert(1) sepia(0.08) saturate(0.85) hue-rotate(320deg) !important; }1a:["$","body",null,{"children":[["$","$L1c",null,{"settings":{"siteId":"8397102d-73d8-45c9-a548-f7e00663b03d","userId":"780f7ad1-c6f3-4cff-9dfb-8b07791d9f87","domainName":"joinnoteflow.com","name":"NoteFlow","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/8397102d-73d8-45c9-a548-f7e00663b03d/uploads/favicon/24628139-f9a7-48c3-86a4-131e0c223bb1.jpg","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"604d495cf40a83919d420154f8793b89","indexPageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::a8d4ffc7-b5a6-4d5e-807b-2194346125e5","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":false,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":true,"themeToggle":false,"mondayFirst":false,"loadLimits":false,"hidePersonInfo":false,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":true,"viewsExceeded":false,"pagesExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":"2026-09-20T02:51:47.800Z","custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"9edbc8f3-2de9-4247-b8cb-a17db1d0079c","type":"page","label":"About","link":"/ab","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::a5e0f575-d7e2-431e-8232-bbc1042f972f","icon":"","list":[]},{"id":"cdb055f1-4015-4f54-a898-197c3c981d1f","type":"page","label":"Membership","link":"/membership","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::b96cb696-ee6f-47a9-be6e-1b5e8c29715b","icon":"","list":[]},{"id":"906b4fa4-13f7-410c-a87d-42c20a09e5c2","type":"page","label":"Referrals","link":"/noteflow-referral-page","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::3f6dc135-50dd-4b58-b71f-f9efd0d28d9a","icon":"","list":[]},{"id":"8eb6a68a-1796-4c88-89e3-d3a8d2c76fd5","type":"page","label":"Join NoteFlow","link":"/membership","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::b96cb696-ee6f-47a9-be6e-1b5e8c29715b","icon":"Sun","list":[]}],"logo":{"type":"image","width":180,"fontSize":29,"textContent":"NoteFlow","imageContent":"https://assets.super.so/8397102d-73d8-45c9-a548-f7e00663b03d/uploads/logo/26c1b4cc-340c-48f7-99d0-231832a33783.jpeg","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"stack","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"67bfdd50-952e-4564-a596-db75757cde77","type":"page","label":"Contact","link":"/contact","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::67313dd4-7ad8-45ee-85c2-7c628f6cc1fe","icon":"","list":[]},{"id":"10ec6df7-020e-4171-9c5f-bdc96fa11b94","type":"page","label":"About","link":"/ab","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::a5e0f575-d7e2-431e-8232-bbc1042f972f","icon":"","list":[]},{"id":"52aae397-413b-4f02-b5cd-87cd9c71517f","type":"page","label":"Privacy Policy","link":"/privacy-policy","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::39d46969-101a-4479-ba66-595ffbca7844","icon":"","list":[]},{"id":"b5ec5415-414d-48e8-b4b9-e9a22ef2d943","type":"page","label":"Membership & Cancellation Policy","link":"/membership-and-cancellation-policy","pageId":"8397102d-73d8-45c9-a548-f7e00663b03d:::e1bb0a9a-90c9-4ab5-a1a2-70686dbbe9cd","icon":"","list":[]}],"logo":{"type":"text","width":98,"fontSize":27,"textContent":"NoteFlow","imageContent":"https://assets.super.so/8397102d-73d8-45c9-a548-f7e00663b03d/uploads/logo/aecf60bf-4d9d-4f57-9f83-732e54479bb0.jpeg","imageContentDark":null,"disabled":false},"socials":[{"type":"instagram","link":"https://www.instagram.com/noteeflow?utm_source=qr"}],"footnote":"","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":"center","iconAlign":"-112px 0 0 0","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":"Inter","secondaryFont":"Inter","fonts":[],"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":"#37352F","background":"#ffffff","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":[38,62,49],"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":"#292929","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":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","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":"8397102d-73d8-45c9-a548-f7e00663b03d:::ff523072-e713-4421-b056-316db485e3d2","content":"$1d"}],"head":[],"body":[{"id":"8397102d-73d8-45c9-a548-f7e00663b03d:::3117d331-195d-4de0-b353-1ac00fec1880","content":"$1e"}],"style":[],"css":"$1f"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L20","$L21","$L22","$L23"]}],"$L24"]}]

Substance Use/Addiction