1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" class="jsx-7798a9f91fb3bfc2" data-next-head=""/><meta content="width=device-width, initial-scale=1.0" name="viewport" class="jsx-7798a9f91fb3bfc2" data-next-head=""/><title data-next-head="">Constella: Find & Synthesize All Your Research</title><meta name="robots" content="follow, index" data-next-head=""/><meta content="Instantly find relevant info across all your data and synthesize on one canvas. Powered by Deep AI Memory." name="description" data-next-head=""/><meta property="og:url" content="https://www.constella.app/canvas" data-next-head=""/><link rel="canonical" href="https://www.constella.app/canvas" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:site_name" content="Constella" data-next-head=""/><meta property="og:description" content="Instantly find relevant info across all your data and synthesize on one canvas. Powered by Deep AI Memory." data-next-head=""/><meta property="og:title" content="Constella: Find & Synthesize All Your Research" data-next-head=""/><meta name="image" property="og:image" content="https://pwhvpbacbyksnoeh.public.blob.vercel-storage.com/CleanShot%202026-06-06%20at%2012.37.33%402x.jpg" data-next-head=""/><meta property="og:image:width" content="2912" data-next-head=""/><meta property="og:image:height" content="1658" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:title" content="Constella: Find & Synthesize All Your Research" data-next-head=""/><meta name="twitter:description" content="Instantly find relevant info across all your data and synthesize on one canvas. Powered by Deep AI Memory." data-next-head=""/><meta name="twitter:image" content="https://pwhvpbacbyksnoeh.public.blob.vercel-storage.com/CleanShot%202026-06-06%20at%2012.37.33%402x.jpg" data-next-head=""/><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" data-next-head=""/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" data-next-head=""/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" data-next-head=""/><link rel="manifest" href="/favicon/site.webmanifest" data-next-head=""/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#00e887" data-next-head=""/><link rel="shortcut icon" href="/favicon/favicon.ico" data-next-head=""/><meta name="msapplication-TileColor" content="#ffffff" data-next-head=""/><meta name="msapplication-config" content="/favicon/browserconfig.xml" data-next-head=""/><meta name="theme-color" content="#ffffff" data-next-head=""/><link rel="preload" href="/icon.svg" as="image" data-next-head=""/><link rel="preload" href="/fonts/inter-var-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><meta property="og:image" content="https://pwhvpbacbyksnoeh.public.blob.vercel-storage.com/CleanShot%202026-06-06%20at%2012.37.33%402x.jpg"/><link rel="preload" href="/_next/static/media/35535e9b39dbe5a5-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/a4f769a6f7f097d7-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/bf9b5c0ff3e9848a-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8e1fe61e4e283e72-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8e20d3679aab2c1c-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/796e6f66d840667f-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/2d1bbb838d304f4c-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/145d9203e4c4c578-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/47b5c75dfcc4213d-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/23b3f4638f258305-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/699a25175b8eee7c-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/>
1<link rel="preload" href="/_next/static/media/21d95d3b96761517-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/4f3bb149cc6edbaa-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/85cb8fde77802ab8-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/fb651de17b9fe009-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/11ae341b6f8ac7a9-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/867bce6efedfde96-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/675122d2515ca0fe-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/28e2ceaf1bf2d5c1-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/0b9604ccabf0c9c7-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/35f3de0ebb1cfc70-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/e6099e249fd938cc-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/4c9affa5bc8f420e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/7fdeec0c074ef54a-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/0fac0ca0e0cd68b5.css" as="style" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/6df23d786bc09c60.css" as="style" crossorigin="anonymous"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=640&q=75 640w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=750&q=75 750w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=828&q=75 828w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=3840&q=75 3840w" imageSizes="100vw" data-next-head=""/><link rel="stylesheet" href="/_next/static/css/0fac0ca0e0cd68b5.css" crossorigin="anonymous" data-n-g=""/><link rel="stylesheet" href="/_next/static/css/6df23d786bc09c60.css" crossorigin="anonymous" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" crossorigin="anonymous" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
1<script src="/_next/static/chunks/webpack-a58264e934746a97.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/framework-268246ab8f6c91ec.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/main-23d7e049463afcda.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/pages/_app-a71b11a88be5a3dd.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/78e521c3-19bae9e0e9aeac31.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/159-0d98b05727a29490.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/9797-4d644af790eec647.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/1106-31f6c237b9a91902.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/2959-69355803608f199a.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/9965-30501400c0ac4222.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/8817-7b1a40dc949e807e.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/5449-1bd633354047b550.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/1142-50e93acfec549828.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/6981-647e125ba40193af.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/1029-821f8668a4c253ec.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/6087-bff4a8580748d792.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/pages/canvas-716121dad1e5c1b6.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/Z3rdb1Jpl0mJRyB038eU2/_buildManifest.js" defer="" crossorigin="anonymous"></script>
1<script src="/_next/static/Z3rdb1Jpl0mJRyB038eU2/_ssgManifest.js" defer="" crossorigin="anonymous"></script>
1<style id="__jsx-7798a9f91fb3bfc2">.landing-page,.landing-page *{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}.canvas-footer a,.canvas-footer button{font-size:16px!important;font-weight:400!important;line-height:140%!important;color:#000!important}.landing-page .cf,.landing-page .cf *,.landing-page .qc,.landing-page .qc *,.landing-page .ba,.landing-page .ba *,.landing-page .gm,.landing-page .gm *,.landing-page .fi,.landing-page .fi *,.landing-page .pa,.landing-page .pa *,.landing-page .vt,.landing-page .vt *,.landing-page .ic,.landing-page .ic *{font-family:var(--font-manrope),-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes cf-rise{from{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}}@-moz-keyframes cf-rise{from{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}}@-o-keyframes cf-rise{from{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}}@keyframes cf-rise{from{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}}@-webkit-keyframes cf-blink{50%{opacity:0}}@-moz-keyframes cf-blink{50%{opacity:0}}@-o-keyframes cf-blink{50%{opacity:0}}@keyframes cf-blink{50%{opacity:0}}@-webkit-keyframes cf-orb{0%,100%{-webkit-transform:scale(1);transform:scale(1);opacity:.85}50%{-webkit-transform:scale(1.35);transform:scale(1.35);opacity:.45}}@-moz-keyframes cf-orb{0%,100%{-moz-transform:scale(1);transform:scale(1);opacity:.85}50%{-moz-transform:scale(1.35);transform:scale(1.35);opacity:.45}}@-o-keyframes cf-orb{0%,100%{-o-transform:scale(1);transform:scale(1);opacity:.85}50%{-o-transform:scale(1.35);transform:scale(1.35);opacity:.45}}@keyframes cf-orb{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.85}50%{-webkit-transform:scale(1.35);-moz-transform:scale(1.35);-o-transform:scale(1.35);transform:scale(1.35);opacity:.45}}.cf-card{-webkit-transition:opacity 380ms cubic-bezier(.22,1,.36,1),-webkit-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;-moz-transition:opacity 380ms cubic-bezier(.22,1,.36,1),-moz-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;-o-transition:opacity 380ms cubic-bezier(.22,1,.36,1),-o-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;transition:opacity 380ms cubic-bezier(.22,1,.36,1),-webkit-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;transition:opacity 380ms cubic-bezier(.22,1,.36,1),-moz-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;transition:opacity 380ms cubic-bezier(.22,1,.36,1),-o-transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms;transition:opacity 380ms cubic-bezier(.22,1,.36,1),transform 380ms cubic-bezier(.22,1,.36,1),background 200ms,border-color 200ms,box-shadow 200ms}.cf-tool{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#4c4c4c;-webkit-transition:background 140ms,color 140ms;-moz-transition:background 140ms,color 140ms;-o-transition:background 140ms,color 140ms;transition:background 140ms,color 140ms}.cf-tool:hover{background:#ececee;color:#000}.cf-tool.on{background:rgba(0,150,160,.12);color:#00807b}.cf-caret{display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-2px;background:#0096a0;-webkit-animation:cf-blink 900ms steps(2)infinite;-moz-animation:cf-blink 900ms steps(2)infinite;-o-animation:cf-blink 900ms steps(2)infinite;animation:cf-blink 900ms steps(2)infinite}.cf-panel{-webkit-animation:cf-rise 280ms cubic-bezier(.22,1,.36,1)both;-moz-animation:cf-rise 280ms cubic-bezier(.22,1,.36,1)both;-o-animation:cf-rise 280ms cubic-bezier(.22,1,.36,1)both;animation:cf-rise 280ms cubic-bezier(.22,1,.36,1)both}.cf-orb{-webkit-animation:cf-orb 1200ms ease-in-out infinite;-moz-animation:cf-orb 1200ms ease-in-out infinite;-o-animation:cf-orb 1200ms ease-in-out infinite;animation:cf-orb 1200ms ease-in-out infinite}@-webkit-keyframes qc-in{from{opacity:0;-webkit-transform:translatey(8px)scale(.985);transform:translatey(8px)scale(.985)}}@-moz-keyframes qc-in{from{opacity:0;-moz-transform:translatey(8px)scale(.985);transform:translatey(8px)scale(.985)}}@-o-keyframes qc-in{from{opacity:0;-o-transform:translatey(8px)scale(.985);transform:translatey(8px)scale(.985)}}@keyframes qc-in{from{opacity:0;-webkit-transform:translatey(8px)scale(.985);-moz-transform:translatey(8px)scale(.985);-o-transform:translatey(8px)scale(.985);transform:translatey(8px)scale(.985)}}@-webkit-keyframes qc-row{from{opacity:0;-webkit-transform:translatey(5px);transform:translatey(5px)}}@-moz-keyframes qc-row{from{opacity:0;-moz-transform:translatey(5px);transform:translatey(5px)}}@-o-keyframes qc-row{from{opacity:0;-o-transform:translatey(5px);transform:translatey(5px)}}@keyframes qc-row{from{opacity:0;-webkit-transform:translatey(5px);-moz-transform:translatey(5px);-o-transform:translatey(5px);transform:translatey(5px)}}.qc-caret{display:inline-block;width:1.5px;height:15px;margin-left:1px;vertical-align:-2px;background:#6ce0e6;-webkit-animation:cf-blink 900ms steps(2)infinite;-moz-animation:cf-blink 900ms steps(2)infinite;-o-animation:cf-blink 900ms steps(2)infinite;animation:cf-blink 900ms steps(2)infinite}.qc-panel{-webkit-animation:qc-in 220ms cubic-bezier(.22,1,.36,1)both;-moz-animation:qc-in 220ms cubic-bezier(.22,1,.36,1)both;-o-animation:qc-in 220ms cubic-bezier(.22,1,.36,1)both;animation:qc-in 220ms cubic-bezier(.22,1,.36,1)both}.qc-row{-webkit-animation:qc-row 200ms cubic-bezier(.22,1,.36,1)both;-moz-animation:qc-row 200ms cubic-bezier(.22,1,.36,1)both;-o-animation:qc-row 200ms cubic-bezier(.22,1,.36,1)both;animation:qc-row 200ms cubic-bezier(.22,1,.36,1)both}.qc-key{-webkit-transition:-webkit-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;-moz-transition:-moz-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;-o-transition:-o-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;transition:-webkit-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;transition:-moz-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;transition:-o-transform 90ms ease,background 90ms ease,box-shadow 90ms ease;transition:transform 90ms ease,background 90ms ease,box-shadow 90ms ease}
1.ba-card{-webkit-transition:opacity 520ms cubic-bezier(.22,1,.36,1),-webkit-transform 520ms cubic-bezier(.22,1,.36,1);-moz-transition:opacity 520ms cubic-bezier(.22,1,.36,1),-moz-transform 520ms cubic-bezier(.22,1,.36,1);-o-transition:opacity 520ms cubic-bezier(.22,1,.36,1),-o-transform 520ms cubic-bezier(.22,1,.36,1);transition:opacity 520ms cubic-bezier(.22,1,.36,1),-webkit-transform 520ms cubic-bezier(.22,1,.36,1);transition:opacity 520ms cubic-bezier(.22,1,.36,1),-moz-transform 520ms cubic-bezier(.22,1,.36,1);transition:opacity 520ms cubic-bezier(.22,1,.36,1),-o-transform 520ms cubic-bezier(.22,1,.36,1);transition:opacity 520ms cubic-bezier(.22,1,.36,1),transform 520ms cubic-bezier(.22,1,.36,1)}.ba-gather{-webkit-transition:opacity 280ms cubic-bezier(.22,1,.36,1),-webkit-transform 280ms cubic-bezier(.22,1,.36,1);-moz-transition:opacity 280ms cubic-bezier(.22,1,.36,1),-moz-transform 280ms cubic-bezier(.22,1,.36,1);-o-transition:opacity 280ms cubic-bezier(.22,1,.36,1),-o-transform 280ms cubic-bezier(.22,1,.36,1);transition:opacity 280ms cubic-bezier(.22,1,.36,1),-webkit-transform 280ms cubic-bezier(.22,1,.36,1);transition:opacity 280ms cubic-bezier(.22,1,.36,1),-moz-transform 280ms cubic-bezier(.22,1,.36,1);transition:opacity 280ms cubic-bezier(.22,1,.36,1),-o-transform 280ms cubic-bezier(.22,1,.36,1);transition:opacity 280ms cubic-bezier(.22,1,.36,1),transform 280ms cubic-bezier(.22,1,.36,1)}.ba-app{-webkit-transition:-webkit-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;-moz-transition:-moz-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;-o-transition:-o-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;transition:-webkit-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;transition:-moz-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;transition:-o-transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms;transition:transform 260ms cubic-bezier(.22,1,.36,1),box-shadow 260ms,opacity 260ms}.ba-app:hover{-webkit-transform:translatey(-4px)scale(1.05);-moz-transform:translatey(-4px)scale(1.05);-ms-transform:translatey(-4px)scale(1.05);-o-transform:translatey(-4px)scale(1.05);transform:translatey(-4px)scale(1.05);-webkit-box-shadow:0 14px 30px rgba(0,0,0,.16);-moz-box-shadow:0 14px 30px rgba(0,0,0,.16);box-shadow:0 14px 30px rgba(0,0,0,.16)}.gm-node{-webkit-transition:opacity 420ms cubic-bezier(.22,1,.36,1),-webkit-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;-moz-transition:opacity 420ms cubic-bezier(.22,1,.36,1),-moz-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;-o-transition:opacity 420ms cubic-bezier(.22,1,.36,1),-o-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;transition:opacity 420ms cubic-bezier(.22,1,.36,1),-webkit-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;transition:opacity 420ms cubic-bezier(.22,1,.36,1),-moz-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;transition:opacity 420ms cubic-bezier(.22,1,.36,1),-o-transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms;transition:opacity 420ms cubic-bezier(.22,1,.36,1),transform 420ms cubic-bezier(.22,1,.36,1),box-shadow 200ms,border-color 200ms}.gm-src{-webkit-transition:background 160ms,border-color 160ms,color 160ms;-moz-transition:background 160ms,border-color 160ms,color 160ms;-o-transition:background 160ms,border-color 160ms,color 160ms;transition:background 160ms,border-color 160ms,color 160ms}.gm-src:hover{border-color:#0096a0}@-webkit-keyframes fi-in{from{opacity:0;-webkit-transform:translatey(6px);transform:translatey(6px)}}@-moz-keyframes fi-in{from{opacity:0;-moz-transform:translatey(6px);transform:translatey(6px)}}@-o-keyframes fi-in{from{opacity:0;-o-transform:translatey(6px);transform:translatey(6px)}}@keyframes fi-in{from{opacity:0;-webkit-transform:translatey(6px);-moz-transform:translatey(6px);-o-transform:translatey(6px);transform:translatey(6px)}}.fi-row{-webkit-animation:fi-in 220ms cubic-bezier(.22,1,.36,1)both;-moz-animation:fi-in 220ms cubic-bezier(.22,1,.36,1)both;-o-animation:fi-in 220ms cubic-bezier(.22,1,.36,1)both;animation:fi-in 220ms cubic-bezier(.22,1,.36,1)both;-webkit-transition:background 140ms;-moz-transition:background 140ms;-o-transition:background 140ms;transition:background 140ms}.fi-row:hover{background:#f4f6f6!important}.fi-caret{display:inline-block;width:1.5px;height:13px;margin-left:1px;vertical-align:-2px;background:#0096a0;-webkit-animation:cf-blink 900ms steps(2)infinite;-moz-animation:cf-blink 900ms steps(2)infinite;-o-animation:cf-blink 900ms steps(2)infinite;animation:cf-blink 900ms steps(2)infinite}.fi-q{-webkit-transition:background 140ms,border-color 140ms,color 140ms;-moz-transition:background 140ms,border-color 140ms,color 140ms;-o-transition:background 140ms,border-color 140ms,color 140ms;transition:background 140ms,border-color 140ms,color 140ms}.fi-q:hover{border-color:#0096a0;color:#00565c}.lc-bub{-webkit-transition:opacity 600ms ease-in-out.2s,-webkit-transform 500ms cubic-bezier(.22,1,.36,1);-moz-transition:opacity 600ms ease-in-out.2s,-moz-transform 500ms cubic-bezier(.22,1,.36,1);-o-transition:opacity 600ms ease-in-out.2s,-o-transform 500ms cubic-bezier(.22,1,.36,1);transition:opacity 600ms ease-in-out.2s,-webkit-transform 500ms cubic-bezier(.22,1,.36,1);transition:opacity 600ms ease-in-out.2s,-moz-transform 500ms cubic-bezier(.22,1,.36,1);transition:opacity 600ms ease-in-out.2s,-o-transform 500ms cubic-bezier(.22,1,.36,1);transition:opacity 600ms ease-in-out.2s,transform 500ms cubic-bezier(.22,1,.36,1)}.lc-caret{display:inline-block;width:1.5px;height:14px;margin-left:1px;vertical-align:-2px;background:#a04a4a;-webkit-animation:cf-blink 900ms steps(2)infinite;-moz-animation:cf-blink 900ms steps(2)infinite;-o-animation:cf-blink 900ms steps(2)infinite;animation:cf-blink 900ms steps(2)infinite}@-webkit-keyframes pa-in{from{opacity:0;-webkit-transform:translatey(8px);transform:translatey(8px)}}@-moz-keyframes pa-in{from{opacity:0;-moz-transform:translatey(8px);transform:translatey(8px)}}@-o-keyframes pa-in{from{opacity:0;-o-transform:translatey(8px);transform:translatey(8px)}}@keyframes pa-in{from{opacity:0;-webkit-transform:translatey(8px);-moz-transform:translatey(8px);-o-transform:translatey(8px);transform:translatey(8px)}}@-webkit-keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.35}}@-moz-keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.35}}@-o-keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.35}}.pa-hit{-webkit-animation:pa-in 240ms cubic-bezier(.22,1,.36,1)both;-moz-animation:pa-in 240ms cubic-bezier(.22,1,.36,1)both;-o-animation:pa-in 240ms cubic-bezier(.22,1,.36,1)both;animation:pa-in 240ms cubic-bezier(.22,1,.36,1)both}.pa-live{-webkit-animation:pa-pulse 1100ms ease-in-out infinite;-moz-animation:pa-pulse 1100ms ease-in-out infinite;-o-animation:pa-pulse 1100ms ease-in-out infinite;animation:pa-pulse 1100ms ease-in-out infinite}.pa-run{-webkit-transition:background 160ms,box-shadow 160ms;-moz-transition:background 160ms,box-shadow 160ms;-o-transition:background 160ms,box-shadow 160ms;transition:background 160ms,box-shadow 160ms}
1.pa-run:hover{background:#00807b}.vt-p{-webkit-transition:all 620ms cubic-bezier(.22,1,.36,1);-moz-transition:all 620ms cubic-bezier(.22,1,.36,1);-o-transition:all 620ms cubic-bezier(.22,1,.36,1);transition:all 620ms cubic-bezier(.22,1,.36,1)}.vt-seg{-webkit-transition:background 150ms,color 150ms,box-shadow 150ms;-moz-transition:background 150ms,color 150ms,box-shadow 150ms;-o-transition:background 150ms,color 150ms,box-shadow 150ms;transition:background 150ms,color 150ms,box-shadow 150ms}.ic-t{-webkit-transition:-webkit-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;-moz-transition:-moz-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;-o-transition:-o-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;transition:-webkit-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;transition:-moz-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;transition:-o-transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms;transition:transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 320ms}.ic-t:hover{-webkit-transform:translatey(-5px)scale(1.06)!important;-moz-transform:translatey(-5px)scale(1.06)!important;-ms-transform:translatey(-5px)scale(1.06)!important;-o-transform:translatey(-5px)scale(1.06)!important;transform:translatey(-5px)scale(1.06)!important;-webkit-box-shadow:0 14px 30px rgba(0,0,0,.16)!important;-moz-box-shadow:0 14px 30px rgba(0,0,0,.16)!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important}@media(prefers-reduced-motion:reduce){.landing-page .cf *,.landing-page .qc *,.landing-page .ba *,.landing-page .gm *,.landing-page .fi *,.landing-page .pa *,.landing-page .vt *,.landing-page .ic *{-webkit-animation-duration:.001ms!important;-moz-animation-duration:.001ms!important;-o-animation-duration:.001ms!important;animation-duration:.001ms!important;-webkit-animation-iteration-count:1!important;-moz-animation-iteration-count:1!important;-o-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:.001ms!important;-moz-transition-duration:.001ms!important;-o-transition-duration:.001ms!important;transition-duration:.001ms!important}}.reveal-hidden{opacity:0;-webkit-transform:translatey(24px);-moz-transform:translatey(24px);-ms-transform:translatey(24px);-o-transform:translatey(24px);transform:translatey(24px)}.reveal-visible{opacity:1;-webkit-transform:translatey(0);-moz-transform:translatey(0);-ms-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0);-webkit-transition:opacity.7s cubic-bezier(.16,1,.3,1),-webkit-transform.7s cubic-bezier(.16,1,.3,1);-moz-transition:opacity.7s cubic-bezier(.16,1,.3,1),-moz-transform.7s cubic-bezier(.16,1,.3,1);-o-transition:opacity.7s cubic-bezier(.16,1,.3,1),-o-transform.7s cubic-bezier(.16,1,.3,1);transition:opacity.7s cubic-bezier(.16,1,.3,1),-webkit-transform.7s cubic-bezier(.16,1,.3,1);transition:opacity.7s cubic-bezier(.16,1,.3,1),-moz-transform.7s cubic-bezier(.16,1,.3,1);transition:opacity.7s cubic-bezier(.16,1,.3,1),-o-transform.7s cubic-bezier(.16,1,.3,1);transition:opacity.7s cubic-bezier(.16,1,.3,1),transform.7s cubic-bezier(.16,1,.3,1)}</style></head><body><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=640&q=75 640w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=750&q=75 750w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=828&q=75 828w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=3840&q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" href="/icon.svg"/><link rel="preload" as="image" href="/images/other/download-ios.svg"/><link rel="preload" as="image" href="/images/other/download-android.png"/><meta property="og:site_name" content="Constella"/><link rel="icon" href="/favicon.ico"/><div id="__next">
1<script>((e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y)}catch(n){}})("data-theme","theme","dark",null,["light","dark"],null,false,true)</script>
1<div class="min-w-screen max-w-screen min-h-screen w-screen overflow-x-hidden __variable_90baea __variable_93f603 __variable_12cdc5 __variable_591690 __variable_616924 __variable_cb392f __variable_73ee6c" style="font-family:var(--font-avenir-next)" id="app-root"><div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><div class="jsx-7798a9f91fb3bfc2 landing-page __variable_2ecfb6 relative min-h-screen bg-[#EFEFF0] text-black antialiased selection:bg-black selection:text-white"><nav class="fixed inset-x-0 top-0 z-50 transition-all duration-300" style="background:transparent;backdrop-filter:none"><div class="flex items-center justify-between px-8 py-3 md:px-[12.5%]"><a aria-label="Constella" href="/"><img alt="Constella" loading="lazy" width="111" height="24" decoding="async" data-nimg="1" class="h-6 w-auto" style="color:transparent" src="/svg/constella-logo-with-text.svg"/></a><div class="hidden items-center gap-5 md:flex"><div class="flex items-center gap-5 text-[13px] text-gray-500"><a class="transition-colors hover:text-black" href="/canvas">Infinite Canvas</a><a class="transition-colors hover:text-black" href="/chrome-extension">Chrome Extension</a><a class="transition-colors hover:text-black" href="/memory-system">Memory SDK</a><a class="transition-colors hover:text-black" href="/the-orb">Overlay</a><a class="transition-colors hover:text-black" href="/mobile">Mobile</a></div><button style="padding:0.5rem 0.75rem 0.5rem 0.625rem" class="inline-flex items-center rounded-[10px] border-[1.25px] border-[#333] bg-gradient-to-b from-[#1a1a1a] to-[#333] text-[14px] font-semibold leading-none text-[#fafafa] transition-opacity hover:opacity-90">Download on macOS</button></div><button class="flex h-8 w-8 items-center justify-center md:hidden" aria-label="Toggle menu"><svg class="h-5 w-5" viewBox="0 0 20 20" fill="none"><path d="M3 6h14M3 10h14M3 14h14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div></nav><section class="jsx-7798a9f91fb3bfc2 relative min-h-[400px] px-8 pb-16 pt-[112px] md:min-h-0 md:px-[12.5%] md:pb-24 md:pt-[160px]"><div class="jsx-7798a9f91fb3bfc2 w-full"><div class="jsx-7798a9f91fb3bfc2 flex items-end justify-between"><div class="jsx-7798a9f91fb3bfc2 relative -translate-y-5"><h1 class="jsx-7798a9f91fb3bfc2 max-w-[900px] text-[32px] font-semibold leading-[1.15] text-black sm:text-[48px] md:text-[56px] md:leading-[1.1]"><span class="jsx-7798a9f91fb3bfc2 text-balance xl:text-wrap">The Visual AI Canvas for <br class="jsx-7798a9f91fb3bfc2 hidden xl:inline"/>NonâLinear ADHD Thinkers</span></h1><p class="jsx-7798a9f91fb3bfc2 mt-3 max-w-[600px] text-balance text-[16px] leading-[1.5] text-gray-500 sm:text-[20px] md:text-[22px] xl:max-w-[900px] xl:text-wrap xl:text-[min(31px,2.15vw)] xl:leading-[1.35]">Forget files, folders, not your thoughts.<!-- --> <br class="jsx-7798a9f91fb3bfc2 hidden xl:inline"/>Instantly recall and use AI visually instead of rigid chatbots.</p><div class="jsx-7798a9f91fb3bfc2 mt-[40px]"><button class="inline-flex items-center rounded-[10px] border-[1.25px] border-[#333] bg-gradient-to-b from-[#1a1a1a] to-[#333] font-semibold text-[#fafafa] transition-opacity hover:opacity-90 gap-[5px] px-3 py-1 "><p class="text-[16px]">Download on macOS</p><span class="flex items-center justify-center h-[30px] w-[30px]"><svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="none"><path d="M7.5 5L12.5 10L7.5 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></button></div></div><div class="hidden shrink-0 md:block md:w-[175px] lg:w-[220px] xl:w-[260px]" aria-hidden="true"><img alt="" loading="lazy" width="536" height="416" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fthe-canvas%2Fintegraion_graphic.png&w=640&q=75 1x, /_next/image?url=%2Fimages%2Fthe-canvas%2Fintegraion_graphic.png&w=1080&q=75 2x" src="/_next/image?url=%2Fimages%2Fthe-canvas%2Fintegraion_graphic.png&w=1080&q=75"/></div></div><div class="jsx-7798a9f91fb3bfc2 relative mt-8 overflow-hidden rounded-[4px] md:mt-[45px]"><img alt="" aria-hidden="true" decoding="async" data-nimg="fill" class="hidden object-cover md:block" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=640&q=75 640w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=750&q=75 750w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=828&q=75 828w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1080&q=75 1080w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1200&q=75 1200w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=1920&q=75 1920w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=2048&q=75 2048w, /_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fimages%2Flanding%2Fhero-bg.png&w=3840&q=75"/><div class="jsx-7798a9f91fb3bfc2 relative md:px-[8%] md:pb-[4.5%] md:pt-[4.5%]"><div class="overflow-hidden rounded-xl border border-black/10 bg-[#e8e8e8] shadow-2xl "><div class="flex items-center gap-2 border-b border-black/5 px-4 py-2.5"><div class="flex gap-1.5"><div class="h-3 w-3 rounded-full bg-[#ff5f56]"></div><div class="h-3 w-3 rounded-full bg-[#ffbd2e]"></div><div class="h-3 w-3 rounded-full bg-[#27c93f]"></div></div><div class="flex flex-1 justify-center"><div class="flex min-w-[140px] items-center justify-center gap-1.5 rounded-md bg-white px-4 py-1 text-xs text-gray-400 sm:min-w-[200px]">
1<svg class="h-2.5 w-2.5 shrink-0" viewBox="0 0 12 12" fill="none"><path d="M6 1a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM1 4.5a5 5 0 1110 0 5 5 0 01-10 0z" fill="currentColor" fill-opacity="0.5"></path></svg>constella.app</div></div><div class="hidden gap-2 sm:flex"><div class="h-4 w-4 rounded text-gray-400"><svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M8 3v10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div></div></div><div class="relative bg-[#efeeed]"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:2240px;height:1400px;margin-left:auto;margin-right:auto"><div style="width:1120px;height:700px;transform-origin:0 0;transform:scale(2)"><div class="cf" style="position:relative;width:1120px;height:700px;overflow:hidden;border-radius:0 0 12px 12px;background:radial-gradient(1400px 800px at 85% -5%, rgba(0,150,160,0.12), transparent 60%), radial-gradient(1100px 700px at -10% 40%, rgba(181,229,255,0.34), transparent 60%), #efeeed"><div style="position:absolute;inset:0;background-image:radial-gradient(#c8c7c5 1.3px, transparent 1.3px);background-size:24px 24px;opacity:0.75"></div><svg width="1120" height="700" style="position:absolute;left:0;top:0;pointer-events:none"><path d="M 274 176 C 292 176 296 200 312 206" fill="none" stroke="#0096a0" stroke-width="1.4" style="opacity:0;transition:opacity 500ms 0ms"></path><path d="M 205 234 C 214 262 200 282 190 300" fill="none" stroke="#0096a0" stroke-width="1.4" style="opacity:0;transition:opacity 500ms 90ms"></path><path d="M 542 214 C 566 200 574 178 596 172" fill="none" stroke="#0096a0" stroke-width="1.4" style="opacity:0;transition:opacity 500ms 180ms"></path><path d="M 588 402 C 616 388 630 356 652 340" fill="none" stroke="#0096a0" stroke-width="1.4" style="opacity:0;transition:opacity 500ms 270ms"></path></svg><svg width="1120" height="700" style="position:absolute;left:0;top:0;pointer-events:none;z-index:20"><path d="M 318 214 C 300 168 360 132 432 130 C 508 128 562 162 558 214 C 556 268 500 304 428 304 C 356 304 304 272 306 220 C 307 194 314 178 328 166" fill="none" stroke="#a33055" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round" style="stroke-dasharray:1200;stroke-dashoffset:1200;opacity:0.94"></path><path d="M 104 402 C 150 394 210 400 266 392 M 110 411 C 154 405 208 409 258 403" fill="none" stroke="#a33055" stroke-width="3" stroke-linecap="round" style="stroke-dasharray:420;stroke-dashoffset:420;opacity:0.94"></path></svg><div style="position:absolute;inset:0;z-index:1;cursor:default;touch-action:auto"></div><div class="cf-card" style="position:absolute;left:44px;top:104px;width:226px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:1;transform:translateY(0px) scale(1)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M4.6 3.4 15.9 2.5c1.4-.1 1.8 0 2.7.6l3.7 2.6c.6.4.8.6.8 1.1v13.6c0 .9-.3 1.4-1.4 1.5l-13 .8c-.8 0-1.2-.1-1.6-.6l-2.6-3.4c-.5-.6-.7-1.1-.7-1.6V5c0-.7.3-1.3 1.2-1.4Z" fill="#fff" stroke="#111" stroke-width="1.5" stroke-linejoin="round"></path><path d="M8.6 8.2v9.3M8.6 8.2l7.2 9.6V7.6M7.2 17.6h2.9M14.4 7.6h2.8M7.4 8.2h2.4" stroke="#111" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">Onboarding v3 spec</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">We assumed people arrive with a question</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">They arrive with a folder.</div></div><div class="cf-card" style="position:absolute;left:312px;top:150px;width:230px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:1;transform:translateY(0px) scale(1)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">standup · Mar 4</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;
1color:#1a1a1a">Fix the first five minutes, not the pricing page</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Agreed in the room. Never written down anywhere else.</div></div><div class="cf-card" style="position:absolute;left:86px;top:300px;width:238px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:1;transform:translateY(0px) scale(1)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">Ideas · today</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">Seed the board from what they just connected</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Never show a blank canvas after a sync.</div></div><div class="cf-card" style="position:absolute;left:368px;top:348px;width:220px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:1;transform:translateY(0px) scale(1)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">Design crit · Mar 12</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">The board should answer before it asks</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Nobody wrote this one down either.</div></div><div class="cf-card" style="position:absolute;left:596px;top:108px;width:226px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:0;transform:translateY(14px) scale(0.96)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">#user-interviews</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">They stall the second the sync finishes</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Sarah: âIt said Connected, and then nothing was there.â</div></div><div class="cf-card" style="position:absolute;left:652px;top:292px;width:222px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:0;transform:translateY(14px) scale(0.96)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">Re: onboarding feedback</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;
1color:#1a1a1a">Drop-off is right after the first integration</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Most testers connect one app and leave.</div></div><div class="cf-card" style="position:absolute;left:176px;top:452px;width:232px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,0,0,0.08);opacity:0;transform:translateY(14px) scale(0.96)"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M9 3h6l6 10.5h-6L9 3Z" fill="#FBBC04"></path><path d="M9 3 3 13.5 6 19 15 3H9Z" fill="#4285F4"></path><path d="M3 13.5 6 19h12l3-5.5H3Z" fill="#34A853"></path></svg><span style="font-size:10.5px;font-weight:600;color:#a3a3a3">Session recordings · wk 2</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">7 of 9 sessions: a long pause, then a tab switch</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">Average stare at the empty board: 22 seconds.</div></div><div class="cf-card" style="position:absolute;left:636px;top:470px;width:292px;display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.05);z-index:4;background:#ffffff;border:1px solid rgba(0,150,160,0.28);opacity:0;pointer-events:none;transform:translateY(14px)"><div style="display:flex;align-items:center;gap:7px"><span style="display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#0096a0">
1<svg width="11" height="11" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span style="font-size:11px;font-weight:700;color:#00807b">Stella · 12 sources</span></div><div style="font-size:13px;font-weight:700;line-height:1.35;color:#1a1a1a">Why testers drop off after connecting</div><div style="font-size:11.5px;line-height:1.5;color:#4c4c4c">The board is empty at the exact moment they finish. Your March standup already said it.</div></div><div style="position:absolute;left:18px;top:16px;display:flex;align-items:center;gap:8px"><div style="display:flex;align-items:center;gap:9px;height:36px;padding:0 5px 0 11px;border-radius:11px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);backdrop-filter:blur(18px)"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg><span style="font-size:13px;font-weight:600;color:#1a1a1a">Onboarding drop-off</span><span style="display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:8px;background:#f2f2f0;color:#4c4c4c"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"></path></svg><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg></span></div><div style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06)"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1.6"></rect><rect x="14" y="3" width="7" height="7" rx="1.6"></rect><rect x="3" y="14" width="7" height="7" rx="1.6"></rect><rect x="14" y="14" width="7" height="7" rx="1.6"></rect></svg></div></div><div style="position:absolute;right:18px;top:16px;display:flex;align-items:center;gap:8px"><div style="display:flex;align-items:center;gap:2px;height:36px;padding:0 5px;border-radius:11px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06)"><span class="cf-tool" style="width:30px;height:30px"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><path d="m8.6 13.5 6.8 4M15.4 6.5 8.6 10.5"></path></svg></span><span class="cf-tool" style="width:30px;height:30px"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"></path></svg></span></div><div style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);position:relative"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 8-3 8h18s-3-1-3-8M13.7 21a2 2 0 0 1-3.4 0"></path></svg><span style="position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:999px;background:#0096a0"></span></div><div style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#0e8f93;color:#fff;font-size:12px;font-weight:700;letter-spacing:0.02em">TE</div></div><div style="display:flex;align-items:center;gap:12px;height:32px;padding:0 8px 0 14px;border-radius:999px;background:rgba(16,20,22,0.88);box-shadow:0 8px 24px rgba(0,0,0,.18);position:absolute;
1left:50%;top:68px;transform:translateX(-50%);z-index:60"><span style="font-size:12.5px;font-weight:500;color:rgba(255,255,255,0.72);white-space:nowrap">Your board, the way you left it</span><span style="display:flex;align-items:center;gap:5px"><button type="button" title="Your board, the way you left it" aria-label="Your board, the way you left it" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Think on it by hand: circle it, write on it" aria-label="Think on it by hand: circle it, write on it" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Ask your memory for what you are missing" aria-label="Ask your memory for what you are missing" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="What it found lands in the gaps" aria-label="What it found lands in the gaps" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Sweep a selection: yours, and theirs" aria-label="Sweep a selection: yours, and theirs" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Ask Stella about exactly those notes" aria-label="Ask Stella about exactly those notes" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button></span></div><div style="position:absolute;left:18px;bottom:18px;display:flex;align-items:center;height:44px;padding:0 4px;border-radius:13px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.07);backdrop-filter:blur(18px)"><span style="display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;color:#1a1a1a"><svg width="15" height="15" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg>Stella</span><span style="width:1px;height:20px;background:#e4e4e2"></span><span style="display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;color:#1a1a1a"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg>Library<span style="color:#a3a3a3;font-weight:600">11</span></span></div><div style="position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;height:48px;padding:0 8px;border-radius:15px;background:rgba(255,255,255,0.88);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.08);backdrop-filter:blur(18px);z-index:55"><button type="button" class="cf-tool on" title="Select"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m5 3 13 8.5-5.6 1.6L9.3 19 5 3Z"></path></svg></button><button type="button" class="cf-tool" title="Draw"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19H19M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4L16.5 3.5Z"></path></svg></button><button type="button" class="cf-tool" title="Erase"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 16 14 6a2 2 0 0 1 3 0l3 3a2 2 0 0 1 0 3l-8 8H8l-4-4Z"></path><path d="M9 21h11"></path></svg></button><button type="button" class="cf-tool" title="Connect"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.4"></circle><circle cx="5" cy="18" r="2.4"></circle><circle cx="19" cy="18" r="2.4"></circle><path d="M10.4 7 6.4 15.6M13.6 7l4 8.6M7.4 18h9.2"></path></svg></button><button type="button" class="cf-tool" title="Text"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 6V4h14v2M12 4v16M9 20h6"></path></svg></button><button type="button" class="cf-tool" title="Recall from connected knowledge"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg></button><span style="width:1px;height:22px;margin:0 5px;background:#e4e4e2"></span><button type="button" class="cf-tool" title="Play from the start"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 3-6.7L3 8"></path><path d="M3 3v5h5"></path></svg></button><button type="button" class="cf-tool" title="Redo" style="color:#c9c9c7"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7L21 8"></path><path d="M21 3v5h-5"></path></svg></button></div><div style="position:absolute;right:18px;bottom:18px;display:flex;align-items:center;height:44px;padding:0 6px;border-radius:13px;background:rgba(255,255,255,0.86);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.07)"><span class="cf-tool" style="width:30px;height:30px">
1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 4 3 6.5v13L9 17l6 2.5 6-2.5v-13L15 6.5 9 4Z"></path><path d="M9 4v13M15 6.5v13"></path></svg></span><span style="width:1px;height:20px;background:#e4e4e2"></span><span class="cf-tool" style="width:30px;height:30px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path></svg></span><span style="font-size:12px;font-weight:600;color:#4c4c4c;min-width:32px;text-align:center">63%</span><span class="cf-tool" style="width:30px;height:30px"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"></path></svg></span></div></div></div></div></div></div></div></div></div><div class="jsx-7798a9f91fb3bfc2 mt-5 flex justify-center md:mt-7"></div></div></section><section id="how-it-works" class="relative"><div class="relative hidden xl:block" style="height:465vh"><div class="sticky top-0 flex h-screen items-center pt-16"><div class="mx-auto grid w-full max-w-[1320px] grid-cols-[340px_1fr] items-center gap-16 px-10"><div><div><p class="text-[12px] font-semibold uppercase tracking-[0.24em] text-[#0e8f93]">How it works</p><h2 class="mt-3 text-[30px] font-semibold leading-[1.1] tracking-[-0.02em] text-black sm:text-[36px] xl:text-[40px]">Made for brains<br/>that jump around</h2></div><div class="relative mt-10 pl-7"><div class="absolute bottom-1 left-0 top-1 w-[3px] rounded-full bg-black/[0.08]"><div class="w-full rounded-full" style="height:0%;background:linear-gradient(#5fb8c0, #0e8f93)"></div></div><ol class="flex flex-col gap-1"><li><button type="button" class="w-full py-2.5 text-left transition-opacity duration-300" style="opacity:1"><span class="flex items-baseline gap-3"><span class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">01</span><span class="text-[20px] font-semibold leading-[1.25] text-black">Drop thoughts anywhere</span></span><span class="grid transition-[grid-template-rows] duration-500" style="grid-template-rows:1fr"><span class="overflow-hidden"><span class="block pl-[34px] pt-2 text-[16px] leading-[1.55] text-black/60">No folders to pick, no system to keep up. Put a thought wherever there is room, like sticky notes on a desk. Messy is fine.</span></span></span></button></li><li><button type="button" class="w-full py-2.5 text-left transition-opacity duration-300" style="opacity:0.38"><span class="flex items-baseline gap-3"><span class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">02</span><span class="text-[20px] font-semibold leading-[1.25] text-black">Get back what you forgot</span></span><span class="grid transition-[grid-template-rows] duration-500" style="grid-template-rows:0fr"><span class="overflow-hidden"><span class="block pl-[34px] pt-2 text-[16px] leading-[1.55] text-black/60">Canât remember where you wrote it? Ask in your own words. Old notes from Notion, Gmail and Slack land right on your board.</span></span></span></button></li><li><button type="button" class="w-full py-2.5 text-left transition-opacity duration-300" style="opacity:0.38"><span class="flex items-baseline gap-3"><span class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">03</span><span class="text-[20px] font-semibold leading-[1.25] text-black">Think with your hands</span></span><span class="grid transition-[grid-template-rows] duration-500" style="grid-template-rows:0fr"><span class="overflow-hidden"><span class="block pl-[34px] pt-2 text-[16px] leading-[1.55] text-black/60">Circle it. Underline it. Scribble in the margin. It feels like paper, so you can think the way you already do.</span></span></span></button></li><li><button type="button" class="w-full py-2.5 text-left transition-opacity duration-300" style="opacity:0.38"><span class="flex items-baseline gap-3"><span class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">04</span><span class="text-[20px] font-semibold leading-[1.25] text-black">See how ideas connect</span></span><span class="grid transition-[grid-template-rows] duration-500" style="grid-template-rows:0fr"><span class="overflow-hidden"><span class="block pl-[34px] pt-2 text-[16px] leading-[1.55] text-black/60">Pull a line between two thoughts. As you type, notes you wrote months ago show up next to the new one, so ideas find each other.</sp
1an></span></span></button></li><li><button type="button" class="w-full py-2.5 text-left transition-opacity duration-300" style="opacity:0.38"><span class="flex items-baseline gap-3"><span class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">05</span><span class="text-[20px] font-semibold leading-[1.25] text-black">Ask AI about just these</span></span><span class="grid transition-[grid-template-rows] duration-500" style="grid-template-rows:0fr"><span class="overflow-hidden"><span class="block pl-[34px] pt-2 text-[16px] leading-[1.55] text-black/60">Lasso a few notes and ask. The AI only looks at what you picked, and the answer lands on your board as a new note.</span></span></span></button></li></ol></div></div><div style="max-width:calc((100vh - 200px) * 1.2727272727272727);width:100%;justify-self:center"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:1"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 80%, #d6e2ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:0"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:784px;height:616px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.4)"><div class="wt-swap"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:26px;top:62px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;
1color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Start with the honest version.</div></div><div style="position:absolute;left:318px;top:84px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Quick note</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Ask Maya to be a guest?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">She left her job last year too.</div></div><div style="position:absolute;left:84px;top:238px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">plan.txt</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Launch by March?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Have three episodes ready first.</div></div><div style="position:absolute;left:330px;top:272px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Just now</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Mic: Shure MV7 or Rode?</div></div><div style="position:absolute;left:352px;top:236px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:12px;font-weight:600;z-index:25;opacity:0;transform:translateY(10px) scale(0.97);transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none">ââ§O · drop a thought</div></div></div></div></div></div></div></div><p class="mt-4 text-center text-[13px] font-medium text-black/40">Step <!-- -->1<!-- --> of <!-- -->5</p></div></div></div></div><div class="px-4 pb-8 pt-16 sm:px-8 md:px-[12.5%] xl:hidden"><div><p class="text-[12px] font-semibold uppercase tracking-[0.24em] text-[#0e8f93]">How it works</p><h2 class="mt-3 text-[30px] font-semibold leading-[1.1] tracking-[-0.02em] text-black sm:text-[36px] xl:text-[40px]">Made for brains<br/>that jump around</h2></div><div class="mt-10 flex flex-col gap-16"><div><p class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">01<!-- --> / <!-- -->05</p><h3 class="mt-1 text-[22px] font-semibold leading-[1.25] text-black sm:text-[26px]">Drop thoughts anywhere</h3><p class="mt-2 max-w-[560px] text-[16px] leading-[1.55] text-black/60">No folders to pick, no system to keep up. Put a thought wherever there is room, like sticky notes on a desk. Messy is fine.</p><div class="mt-5"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:1"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 8
10%, #d6e2ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:0"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:728px;height:572px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.3)"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:26px;top:62px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Start with the honest version.</div></div><div style="position:absolute;left:318px;top:84px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Quick note</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Ask Maya to be a guest?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">She left her job last year too.</div></div><div style="position:absolute;left:84px;top:238px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24">
1<path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">plan.txt</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Launch by March?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Have three episodes ready first.</div></div><div style="position:absolute;left:330px;top:272px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Just now</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Mic: Shure MV7 or Rode?</div></div><div style="position:absolute;left:352px;top:236px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:12px;font-weight:600;z-index:25;opacity:0;transform:translateY(10px) scale(0.97);transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none">ââ§O · drop a thought</div></div></div></div></div></div></div></div></div><div><p class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">02<!-- --> / <!-- -->05</p><h3 class="mt-1 text-[22px] font-semibold leading-[1.25] text-black sm:text-[26px]">Get back what you forgot</h3><p class="mt-2 max-w-[560px] text-[16px] leading-[1.55] text-black/60">Canât remember where you wrote it? Ask in your own words. Old notes from Notion, Gmail and Slack land right on your board.</p><div class="mt-5"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 80%, #d6e2ff 0%, transparent 70%);opacity:1"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:0"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:728px;height:572px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.3)"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;
1left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:22px;top:62px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Start with the honest version.</div></div><div style="position:absolute;left:22px;top:236px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">plan.txt</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Launch by March?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Have three episodes ready first.</div></div><div style="position:absolute;left:300px;top:54px;width:236px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">#music-friends · Nov</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Use Benâs lo-fi loop for the intro</div><div style="font-size:12.5px;line-height:1.45;color:#595959">âTake it, itâs yours.â</div></div><div style="position:absolute;left:326px;top:184px;width:214px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Re: intro track · Dec</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;
1color:#1a1a1a;min-height:19px">Free to use, just credit Ben</div></div><div style="position:absolute;left:290px;top:300px;width:230px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M4.6 3.4 15.9 2.5c1.4-.1 1.8 0 2.7.6l3.7 2.6c.6.4.8.6.8 1.1v13.6c0 .9-.3 1.4-1.4 1.5l-13 .8c-.8 0-1.2-.1-1.6-.6l-2.6-3.4c-.5-.6-.7-1.1-.7-1.6V5c0-.7.3-1.3 1.2-1.4Z" fill="#fff" stroke="#111" stroke-width="1.5" stroke-linejoin="round"></path><path d="M8.6 8.2v9.3M8.6 8.2l7.2 9.6V7.6M7.2 17.6h2.9M14.4 7.6h2.8M7.4 8.2h2.4" stroke="#111" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Show notes template</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Intro: 15 seconds, max</div></div><div style="position:absolute;left:22px;bottom:16px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:#e6f4f4;color:#0d7a78;font-size:12px;font-weight:700;z-index:25;opacity:1;transform:none;transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><svg width="12" height="12" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg>3 notes found in Slack, Gmail and Notion</div><div style="position:absolute;left:70px;top:150px;width:420px;padding:16px 18px;border-radius:18px;background:#fbfbfa;box-shadow:0 2px 6px rgba(0,0,0,.05), 0 26px 60px rgba(0,0,0,.18);z-index:40;opacity:0;transform:translateY(10px) scale(0.97);transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><div style="font-size:11.5px;font-weight:700;letter-spacing:0.06em;color:#0d7a78">ASK YOUR MEMORY</div><div style="display:flex;align-items:center;gap:9px;height:42px;margin-top:11px;padding:0 12px;border-radius:11px;border:1.5px solid #cde3e1;background:#ffffff"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#8d8d8a" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg><span style="flex:1;font-size:14.5px;white-space:nowrap;color:#1a1a1a">what did I say about intro music?<span class="wt-caret"></span></span></div><div style="display:flex;justify-content:flex-end;margin-top:12px"><span style="display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:10px;color:#fff;font-size:14px;font-weight:500;transition:background 240ms;background:#0e8f93"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg>Find thoughts</span></div></div></div></div></div></div></div></div></div></div><div><p class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">03<!-- --> / <!-- -->05</p><h3 class="mt-1 text-[22px] font-semibold leading-[1.25] text-black sm:text-[26px]">Think with your hands</h3><p class="mt-2 max-w-[560px] text-[16px] leading-[1.55] text-black/60">Circle it. Underline it. Scribble in the margin. It feels like paper, so you can think the way you already do.</p><div class="mt-5"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 8
10%, #d6e2ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:1"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:0"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:728px;height:572px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.3)"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:30px;top:64px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Be honest about it.</div></div><div style="position:absolute;left:306px;top:82px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">plan.txt</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Launch by March?</div><div style="font-size:12.5px;line-height:1.45;color:#595959">Have three episodes ready first.</div></div><div style="position:absolute;left:44px;top:246px;width:180px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Quick note</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;
1color:#1a1a1a;min-height:19px">Ask Maya to be a guest?</div></div><svg width="560" height="440" style="position:absolute;left:0;top:0;pointer-events:none;z-index:20"><path d="M 300 120 C 286 76 356 58 418 60 C 494 62 536 100 530 150 C 524 200 460 226 398 224 C 330 222 282 194 284 150 C 285 130 294 114 312 102" fill="none" stroke="#a33055" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="1 1" stroke-dashoffset="0" style="opacity:1;transition:stroke-dashoffset 1300ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms"></path><path d="M 44 166 C 80 161 124 165 170 160" fill="none" stroke="#a33055" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="1 1" stroke-dashoffset="0" style="opacity:1;transition:stroke-dashoffset 700ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms"></path><path d="M 312 268 C 286 262 278 246 290 226 M 281 232 L 290 225 L 296 235" fill="none" stroke="#a33055" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="1 1" stroke-dashoffset="0" style="opacity:1;transition:stroke-dashoffset 800ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms"></path></svg><div style="position:absolute;left:318px;top:244px;z-index:21;transform:rotate(-3deg);font-family:var(--font-caveat), 'Bradley Hand', cursive;font-size:30px;font-weight:600;color:#a33055;white-space:nowrap">too soon?? April!</div><div style="position:absolute;left:50%;bottom:14px;margin-left:-86px;display:flex;align-items:center;gap:2px;height:40px;padding:0 6px;border-radius:13px;background:rgba(255,255,255,0.94);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 26px rgba(0,0,0,.08);z-index:30;opacity:1;transform:none;transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><span style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;border-radius:9px;color:#4c4c4c"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m5 3 13 8.5-5.6 1.6L9.3 19 5 3Z"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;border-radius:9px;color:#4c4c4c;background:#a33055"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19H19M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4L16.5 3.5Z"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;border-radius:9px;color:#4c4c4c"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.4"></circle><circle cx="5" cy="18" r="2.4"></circle><circle cx="19" cy="18" r="2.4"></circle><path d="M10.4 7 6.4 15.6M13.6 7l4 8.6M7.4 18h9.2"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;border-radius:9px;color:#4c4c4c"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 6V4h14v2M12 4v16M9 20h6"></path></svg></span></div></div></div></div></div></div></div></div></div><div><p class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">04<!-- --> / <!-- -->05</p><h3 class="mt-1 text-[22px] font-semibold leading-[1.25] text-black sm:text-[26px]">See how ideas connect</h3><p class="mt-2 max-w-[560px] text-[16px] leading-[1.55] text-black/60">Pull a line between two thoughts. As you type, notes you wrote months ago show up next to the new one, so ideas find each other.</p><div class="mt-5"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 8
10%, #d6e2ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:1"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:0"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:728px;height:572px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.3)"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:18px;top:62px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div></div><div style="position:absolute;left:312px;top:70px;width:214px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Quick note</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Ask Maya to be a guest?</div></div><div style="position:absolute;left:36px;top:262px;width:200px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Typingâ¦</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;
1color:#1a1a1a;min-height:19px">Maya quit her job last year too</div></div><div style="position:absolute;left:314px;top:262px;width:214px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Voice memo · Jan</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Mayaâs story about leaving her job</div><div style="font-size:12.5px;line-height:1.45;color:#595959">âBest worst decision I made.â</div></div><svg width="560" height="440" style="position:absolute;left:0;top:0;pointer-events:none;z-index:20"><path d="M 216 110 C 256 110 272 124 312 124" fill="none" stroke="#0e8f93" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="1 1" stroke-dashoffset="0" style="opacity:1;transition:stroke-dashoffset 700ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms"></path><path d="M 236 318 C 268 318 280 330 314 330" fill="none" stroke="#0e8f93" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="0.012 0.018" stroke-dashoffset="0" style="opacity:0;transition:opacity 400ms"></path><path d="M 236 318 C 268 318 280 330 314 330" fill="none" stroke="#0e8f93" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dasharray="1 1" stroke-dashoffset="0" style="opacity:1;transition:stroke-dashoffset 500ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms"></path><circle cx="216" cy="110" r="4" fill="#0e8f93" style="opacity:1;transition:opacity 300ms"></circle><circle cx="312" cy="124" r="4" fill="#0e8f93" style="opacity:1;transition:opacity 300ms"></circle></svg><div style="position:absolute;left:380px;top:386px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#0e8f93;color:#fff;font-size:12px;font-weight:700;z-index:25;opacity:0;transform:translateY(10px) scale(0.97);transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"></path></svg>Add to board</div><div style="position:absolute;left:36px;top:386px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:#e6f4f4;color:#0d7a78;font-size:12px;font-weight:700;z-index:25;opacity:0;transform:translateY(10px) scale(0.97);transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><svg width="12" height="12" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg>You wrote about this before</div></div></div></div></div></div></div></div></div><div><p class="text-[13px] font-semibold tabular-nums text-[#0e8f93]">05<!-- --> / <!-- -->05</p><h3 class="mt-1 text-[22px] font-semibold leading-[1.25] text-black sm:text-[26px]">Ask AI about just these</h3><p class="mt-2 max-w-[560px] text-[16px] leading-[1.55] text-black/60">Lasso a few notes and ask. The AI only looks at what you picked, and the answer lands on your board as a new note.</p><div class="mt-5"><div class="relative overflow-hidden rounded-[28px] bg-[#fbf9f7] p-3 sm:p-6 xl:rounded-[36px] xl:p-10"><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 20%, #ffd7b5 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #ffc6da 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 25%, #bfe9ec 0%, transparent 70%), radial-gradient(60% 70% at 90% 8
10%, #d6e2ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 20% 20%, #ffd0de 0%, transparent 70%), radial-gradient(60% 70% at 85% 85%, #ffe6bf 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 15% 20%, #c8f0d6 0%, transparent 70%), radial-gradient(60% 70% at 88% 85%, #cfe8ff 0%, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-700" style="background:radial-gradient(60% 70% at 18% 22%, #e2d5ff 0%, transparent 70%), radial-gradient(60% 70% at 86% 84%, #ffd5ea 0%, transparent 70%);opacity:1"></div><div class="relative"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:728px;height:572px;margin-left:auto;margin-right:auto"><div style="width:560px;height:440px;transform-origin:0 0;transform:scale(1.3)"><div style="position:relative;width:560px;height:440px;overflow:hidden;border-radius:20px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 24px 60px rgba(40,30,60,.14)"><div style="position:absolute;inset:0;background-image:radial-gradient(#d4d2cf 1.2px, transparent 1.2px);background-size:22px 22px;opacity:0.8"></div><div style="position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);font-size:13px;font-weight:600;color:#1a1a1a;z-index:30"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#4c4c4c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M11 18l-6-6 6-6"></path></svg>Podcast launch</div><div style="position:absolute;left:22px;top:62px;width:198px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid #b9c4e8;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Ideas · Mon</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Episode 1: why I quit my job</div></div><div style="position:absolute;left:22px;top:184px;width:198px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid #b9c4e8;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">Quick note</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Ask Maya to be a guest?</div></div><div style="position:absolute;left:22px;top:300px;width:198px;display:flex;flex-direction:column;gap:6px;padding:12px 14px 13px;border-radius:13px;background:#ffffff;border:1.5px solid #b9c4e8;box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06);opacity:1;transform:none;transition:opacity 360ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms, background 300ms, box-shadow 300ms;z-index:10"><div style="display:flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 24 24">
1<path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg><span style="font-size:11.5px;font-weight:600;color:#a3a3a3">#music-friends</span></div><div style="font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:19px">Use Benâs lo-fi loop</div></div><div style="position:absolute;left:10px;top:50px;width:222px;height:378px;opacity:1;border-radius:12px;border:1.5px solid #8b9bd4;background:rgba(99,120,200,0.08);z-index:8;transition:opacity 300ms"></div><div style="position:absolute;left:62px;top:417px;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#6378c8;color:#fff;font-size:11px;font-weight:700;z-index:25;opacity:1;transform:none;transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none">3 notes picked</div><div style="position:absolute;left:252px;top:62px;width:290px;height:46px;display:flex;align-items:center;gap:9px;padding:0 12px 0 14px;border-radius:13px;background:rgba(255,255,255,0.97);border:1px solid #fff;box-shadow:0 2px 2px rgba(0,0,0,.04), 0 16px 40px rgba(0,0,0,.12);z-index:30;opacity:1;transform:none;transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><svg width="16" height="16" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg><span style="flex:1;font-size:14px;color:#1a1a1a;white-space:nowrap">what should episode 1 be?</span></div><div style="position:absolute;left:252px;top:126px;width:290px;padding:14px 15px;border-radius:14px;background:#ffffff;border:1.5px solid rgba(0,150,160,0.3);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 16px 40px rgba(0,0,0,.10);z-index:30;opacity:1;transform:none;transition:opacity 300ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><div style="display:flex;align-items:center;gap:7px"><span style="display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#0096a0;flex:0 0 auto"><svg width="10.799999999999999" height="10.799999999999999" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span style="font-size:12px;font-weight:700;color:#00807b">Stella · from your 3 notes</span></div><div style="margin-top:9px;font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a">Episode 1: âWhy we quitâ</div><div style="display:flex;flex-direction:column;gap:6px;margin-top:10px"><div class="wt-rise" style="display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:9px;background:#f4f4f3"><span style="flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:999px;background:#0096a0"></span><span style="font-size:12.5px;line-height:1.4;color:#1a1a1a">Open with you and Maya: two people who quit</span></div><div class="wt-rise" style="display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:9px;background:#f4f4f3"><span style="flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:999px;background:#0096a0"></span><span style="font-size:12.5px;line-height:1.4;color:#1a1a1a">Benâs lo-fi loop for the 15-second intro</span></div><div class="wt-rise" style="display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:9px;background:#f4f4f3"><span style="flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:999px;background:#0096a0"></span><span style="font-size:12.5px;line-height:1.4;
1color:#1a1a1a">Record in April, not March</span></div></div></div></div></div></div></div></div></div></div></div></div></div><style> 2 @keyframes wt-blink { 50% { opacity: 0; } } 3 .wt-caret { display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -2px; background: #0e8f93; animation: wt-blink 900ms steps(2) infinite; } 4 @keyframes wt-rise { from { opacity: 0; transform: translateY(6px); } } 5 .wt-rise { animation: wt-rise 260ms cubic-bezier(0.22,1,0.36,1) both; } 6 @keyframes wt-orb { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.7); opacity: 0.6; } } 7 .wt-orb { animation: wt-orb 900ms ease-in-out infinite; } 8 @keyframes wt-swap { from { opacity: 0; transform: translateY(12px) scale(0.985); } } 9 .wt-swap { animation: wt-swap 480ms cubic-bezier(0.22,1,0.36,1) both; } 10 </style></section><section id="collaborate" class="relative flex flex-col justify-center overflow-hidden px-4 py-20 sm:px-6 md:min-h-screen md:px-20 md:py-36 xl:px-32"><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background:radial-gradient(40% 45% at 12% 30%, rgba(47,208,138,0.16), transparent 70%), radial-gradient(40% 45% at 88% 25%, rgba(165,124,255,0.18), transparent 70%), radial-gradient(45% 45% at 80% 90%, rgba(255,92,138,0.14), transparent 70%), radial-gradient(45% 45% at 20% 92%, rgba(255,176,32,0.14), transparent 70%)"></div><div class="relative mx-auto w-full max-w-[1600px]"><h2 class="mx-auto max-w-[980px] text-center text-[32px] font-semibold leading-[1.08] tracking-[-0.03em] text-black sm:text-[44px] md:text-[60px]"><span class="" style="display:inline-block;margin-right:0.26em;opacity:0;animation-delay:0ms">Think</span><span class="" style="display:inline-block;margin-right:0.26em;opacity:0;animation-delay:70ms">out</span><span class="" style="display:inline-block;margin-right:0.26em;opacity:0;animation-delay:140ms">loud,</span><span class="" style="display:inline-block;margin-right:0.26em;opacity:0;animation-delay:210ms">together</span></h2><p class="mx-auto mb-12 mt-4 max-w-[640px] text-center text-[17px] leading-[1.55] text-black/60 md:mb-14 md:text-[20px] " style="opacity:0">Working next to someone makes it easier to start. Bring a friend or your team onto the same canvas and watch each other think, live.</p><div class="" style="opacity:0;max-width:max(640px, calc((100vh - 280px) * 1.6));margin:0 auto"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:1920px;height:1200px;margin-left:auto;margin-right:auto"><div style="width:1280px;height:800px;transform-origin:0 0;transform:scale(1.5)"><div style="position:relative;width:1280px;height:800px;overflow:hidden;border-radius:22px;background:#f8f7f5;border:1px solid rgba(255,255,255,0.9);box-shadow:0 1px 2px rgba(0,0,0,.04), 0 40px 100px rgba(40,30,60,0.16)"><div style="position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,0.13) 1.2px, transparent 1.2px);background-size:26px 26px"></div><div style="position:absolute;left:22px;top:20px;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-radius:11px;background:rgba(255,255,255,0.92);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 6px 18px rgba(0,0,0,.05);color:#1a1a1a;font-size:14px;font-weight:650;z-index:20">Onboarding drop-off<span style="display:inline-flex;align-items:center;gap:6px;color:#2FD08A;font-size:12px"><span class="collab-live"></span>Live</span></div><div style="position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:10px;z-index:20"><div style="display:flex"><span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:0px;border-radius:999px;background:#2FD08A;color:#0b0f12;font-size:13px;font-weight:800;border:2.5px solid #f8f7f5;opacity:0;transform:scale(0.4);transition:opacity 300ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1)">D</span><span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-9px;border-radius:999px;background:#A57CFF;color:#0b0f12;font-size:13px;font-weight:800;border:2.5px solid #f8f7f5;opacity:0;transform:scale(0.4);transition:opacity 300ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1)">M</span><span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-9px;border-radius:999px;background:#FFB020;color:#0b0f12;font-size:13px;font-weight:800;border:2.5px solid #f8f7f5;opacity:0;transform:scale(0.4);transition:opacity 300ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1)">R</span><span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-9px;border-radius:999px;background:#FF5C8A;color:#0b0f12;font-size:13px;font-weight:800;border:2.5px solid #f8f7f5;opacity:0;transform:scale(0.4);transition:opacity 300ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1)">E</span><span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-9px;border-radius:999px;background:#4F8CFF;color:#0b0f12;font-size:13px;font-weight:800;border:2.5px solid #f8f7f5;opacity:0;transform:scale(0.4);transition:opacity 300ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1)">A</span></div><span style="color:rgba(0,0,0,0.5);font-size:13px;font-weight:600">0<!-- --> editing</span></div><div style="position:absolute;
10left:0;top:40px;width:1280px;height:760px"><svg width="1280" height="800" style="position:absolute;left:0;top:0;pointer-events:none;z-index:5"><path d="M306 394 C 350 394 348 152 392 152" fill="none" pathLength="1" stroke="#FFB020" stroke-width="2" stroke-dasharray="1 1" stroke-dashoffset="1" style="transition:stroke-dashoffset 500ms cubic-bezier(0.22, 1, 0.36, 1), stroke 600ms"></path><path d="M356 596 C 470 596 550 540 550 452" fill="none" pathLength="1" stroke="#FFB020" stroke-width="2" stroke-dasharray="1 1" stroke-dashoffset="1" style="transition:stroke-dashoffset 500ms cubic-bezier(0.22, 1, 0.36, 1), stroke 600ms"></path><path d="M680 376 C 705 376 705 412 730 412" fill="none" pathLength="1" stroke="#FFB020" stroke-width="2" stroke-dasharray="1 1" stroke-dashoffset="1" style="transition:stroke-dashoffset 500ms cubic-bezier(0.22, 1, 0.36, 1), stroke 600ms"></path></svg><svg width="1280" height="800" style="position:absolute;left:0;top:0;pointer-events:none;z-index:45"><path d="M745 136 L 764 120 L 789 108 L 818 99 L 850 96 L 882 98 L 912 104 L 939 113 L 964 124 L 985 138 L 1003 153 L 1016 171 L 1022 191 L 1020 211 L 1010 230 L 992 246 L 969 260 L 943 270 L 915 277 L 886 282 L 855 285 L 824 283 L 793 277 L 766 267 L 744 252 L 728 235 L 720 216 L 718 197 L 721 178 L 728 160 L 740 142 L 757 126 L 780 112 L 808 102" fill="none" pathLength="1" stroke="#FF5C8A" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 1" stroke-dashoffset="1" style="opacity:0;transition:opacity 500ms, stroke-dashoffset 0ms 500ms"></path></svg><div style="position:absolute;left:780px;top:296px;z-index:46;font-family:var(--font-caveat), 'Bradley Hand', cursive;font-size:27px;line-height:1;color:#FF5C8A;white-space:nowrap"></div><div style="position:absolute;left:78px;top:104px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:1;transform:none;transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="16" height="16" viewBox="0 0 24 24"><path d="M4.6 3.4 15.9 2.5c1.4-.1 1.8 0 2.7.6l3.7 2.6c.6.4.8.6.8 1.1v13.6c0 .9-.3 1.4-1.4 1.5l-13 .8c-.8 0-1.2-.1-1.6-.6l-2.6-3.4c-.5-.6-.7-1.1-.7-1.6V5c0-.7.3-1.3 1.2-1.4Z" fill="#fff" stroke="#111" stroke-width="1.5" stroke-linejoin="round"></path><path d="M8.6 8.2v9.3M8.6 8.2l7.2 9.6V7.6M7.2 17.6h2.9M14.4 7.6h2.8M7.4 8.2h2.4" stroke="#111" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span style="font-size:12px;font-weight:600;color:#a3a3a3">Positioning doc</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">Lead with the board, not the AI</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">People meet a chat box first and think âanother wrapperâ.</div></div><div style="position:absolute;left:46px;top:318px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:1;transform:none;transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg></span><span style="font-size:12px;font-weight:600;color:#a3a3a3">Q3 plan</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;
10color:#1a1a1a;min-height:21px">Week-2 activation is the lever</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">Retention drops 38% between day 7 and day 14.</div></div><div style="position:absolute;left:392px;top:76px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg></span><span style="font-size:12px;font-weight:600;color:#a3a3a3">#user-interviews</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">They stall the second the sync finishes</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">Sarah: âIt said Connected, and then nothing was there.â</div></div><div style="position:absolute;left:420px;top:300px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span style="font-size:12px;font-weight:600;color:#a3a3a3">Re: onboarding feedback</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">Drop-off is right after the first app</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">Most testers connect one app, look around, and leave.</div></div><div style="position:absolute;left:736px;top:116px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><path d="M9 3h6l6 10.5h-6L9 3Z" fill="#FBBC04"></path><path d="M9 3 3 13.5 6 19 15 3H9Z" fill="#4285F4"></path><path d="M3 13.5 6 19h12l3-5.5H3Z" fill="#34A853"></path></svg></span><span style="font-size:12px;font-weight:600;color:#a3a3a3">Session recordings · wk 2</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;
10color:#1a1a1a;min-height:21px">7 of 9 sessions: a pause, then a tab switch</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">Average stare at the empty board: 22 seconds.</div></div><div style="position:absolute;left:730px;top:338px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid #0e8f93aa;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#0e8f93"><svg width="13" height="13" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span style="flex:1;font-size:12px;font-weight:700;color:#6fd6da">AI · from Gmail</span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">They connect one app, then meet an empty board</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">The board is empty the moment they finish.</div></div><div style="position:absolute;left:1006px;top:282px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid #0e8f93aa;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#0e8f93"><svg width="13" height="13" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span style="flex:1;font-size:12px;font-weight:700;color:#6fd6da">AI · from Drive</span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24"><path d="M9 3h6l6 10.5h-6L9 3Z" fill="#FBBC04"></path><path d="M9 3 3 13.5 6 19 15 3H9Z" fill="#4285F4"></path><path d="M3 13.5 6 19h12l3-5.5H3Z" fill="#34A853"></path></svg></span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">A 22-second stare, then a tab switch</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">7 of 9 recorded sessions do exactly this.</div></div><div style="position:absolute;left:880px;top:528px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid #0e8f93aa;box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#0e8f93"><svg width="13" height="13" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span style="flex:1;font-size:12px;font-weight:700;color:#6fd6da">AI · from Slack</span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f4f3f1;flex:0 0 auto"><svg width="15" height="15" viewBox="0 0 24 24">
10<path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg></span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px">Sarah said it plainly</div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px">âIt said Connected, and then nothing was there.â</div></div><div style="position:absolute;left:96px;top:520px;width:260px;display:flex;flex-direction:column;gap:8px;padding:15px 17px 16px;border-radius:16px;background:#ffffff;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,0.07);opacity:0;transform:translateY(16px) scale(0.95);transition:opacity 420ms 0ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1) 0ms, border-color 240ms;z-index:10"><div style="display:flex;align-items:center;gap:8px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#4F8CFF;color:#0b0f12;font-size:11px;font-weight:800">A</span><span style="font-size:12px;font-weight:600;color:#a3a3a3">New note · just now</span></div><div style="font-size:16.5px;font-weight:700;line-height:1.3;color:#1a1a1a;min-height:21px"></div><div style="font-size:13.5px;line-height:1.45;color:#5b5b5b;min-height:19px"></div></div><div style="position:absolute;left:376px;top:56px;width:0;height:0;opacity:0;border-radius:12px;border:1.5px solid #A57CFF;background:#A57CFF14;transition:width 0ms cubic-bezier(0.22, 1, 0.36, 1), height 0ms cubic-bezier(0.22, 1, 0.36, 1), opacity 300ms;z-index:8;pointer-events:none"></div><div style="position:absolute;left:360px;top:150px;width:440px;padding:18px 20px;border-radius:18px;background:#fbfbfa;box-shadow:0 2px 6px rgba(0,0,0,.06), 0 30px 70px rgba(0,0,0,.16);z-index:60;outline:2px solid #2FD08A;outline-offset:3px;opacity:0;transform:translateY(10px) scale(0.96);transition:opacity 260ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><span style="font-size:11.5px;font-weight:700;letter-spacing:0.055em;color:#0d7a78">GATHER FROM CONNECTED KNOWLEDGE</span><div style="display:flex;align-items:center;gap:9px;height:44px;margin-top:12px;padding:0 13px;border-radius:11px;border:1.5px solid #cde3e1;background:#ffffff"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#8d8d8a" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg><span style="flex:1;font-size:14.5px;white-space:nowrap;overflow:hidden;color:#9a9a97">What are you trying to remember?</span></div><div style="display:flex;align-items:center;justify-content:space-between;margin-top:14px"><span style="display:inline-flex;align-items:center;gap:5px"><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f1f1ef"><svg width="15" height="15" viewBox="0 0 24 24"><path d="M5.1 15a2.1 2.1 0 1 1-2.1-2.1h2.1V15Z" fill="#E01E5A"></path><path d="M6.2 15a2.1 2.1 0 0 1 4.2 0v5.3a2.1 2.1 0 0 1-4.2 0V15Z" fill="#E01E5A"></path><path d="M8.3 6.6a2.1 2.1 0 1 1 2.1-2.1v2.1H8.3Z" fill="#36C5F0"></path><path d="M8.3 7.7a2.1 2.1 0 0 1 0 4.2H3a2.1 2.1 0 0 1 0-4.2h5.3Z" fill="#36C5F0"></path><path d="M16.6 9.8a2.1 2.1 0 1 1 2.1 2.1h-2.1V9.8Z" fill="#2EB67D"></path><path d="M15.5 9.8a2.1 2.1 0 0 1-4.2 0V4.5a2.1 2.1 0 0 1 4.2 0v5.3Z" fill="#2EB67D"></path><path d="M13.4 18.2a2.1 2.1 0 1 1-2.1 2.1v-2.1h2.1Z" fill="#ECB22E"></path><path d="M13.4 17.1a2.1 2.1 0 0 1 0-4.2h5.3a2.1 2.1 0 0 1 0 4.2h-5.3Z" fill="#ECB22E"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f1f1ef"><svg width="15" height="15" viewBox="0 0 24 24"><rect x="2" y="5" width="20" height="14" rx="3" fill="#fff" stroke="#e0e0e0"></rect><path d="M3 6.5 12 13l9-6.5" stroke="#EA4335" stroke-width="2.1" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f1f1ef"><svg width="15" height="15" viewBox="0 0 24 24">
10<path d="M9 3h6l6 10.5h-6L9 3Z" fill="#FBBC04"></path><path d="M9 3 3 13.5 6 19 15 3H9Z" fill="#4285F4"></path><path d="M3 13.5 6 19h12l3-5.5H3Z" fill="#34A853"></path></svg></span><span style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f1f1ef"><svg width="16" height="16" viewBox="0 0 24 24"><path d="M4.6 3.4 15.9 2.5c1.4-.1 1.8 0 2.7.6l3.7 2.6c.6.4.8.6.8 1.1v13.6c0 .9-.3 1.4-1.4 1.5l-13 .8c-.8 0-1.2-.1-1.6-.6l-2.6-3.4c-.5-.6-.7-1.1-.7-1.6V5c0-.7.3-1.3 1.2-1.4Z" fill="#fff" stroke="#111" stroke-width="1.5" stroke-linejoin="round"></path><path d="M8.6 8.2v9.3M8.6 8.2l7.2 9.6V7.6M7.2 17.6h2.9M14.4 7.6h2.8M7.4 8.2h2.4" stroke="#111" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span style="margin-left:4px;font-size:12px;color:#8d8d8a">+ 3 more</span></span><span style="display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:10px;color:#fff;font-size:14px;font-weight:600;transition:background 200ms, transform 120ms;background:#a6cfca;transform:scale(1)"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4 4"></path></svg>Gather</span></div></div><div style="position:absolute;left:400px;top:490px;width:420px;height:52px;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;border-radius:14px;background:rgba(255,255,255,0.97);border:1px solid rgba(0,0,0,0.06);box-shadow:0 22px 50px rgba(0,0,0,.14);z-index:60;outline:2px solid #A57CFF;outline-offset:3px;opacity:0;transform:translateY(10px);transition:opacity 240ms, transform 380ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><svg width="17" height="17" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg><span style="flex:1;font-size:14.5px;white-space:nowrap;overflow:hidden;color:#9a9a97">Ask about these 3 notesâ¦</span><span style="font-size:13.5px;font-weight:600;color:#a3a3a3">Ask AI</span></div><div style="position:absolute;left:1010px;top:70px;width:250px;height:470px;border-radius:18px;background:#fbfbfa;box-shadow:0 2px 6px rgba(0,0,0,.05), 0 30px 70px rgba(0,0,0,.16);z-index:60;overflow:hidden;opacity:0;transform:translateX(16px);transition:opacity 280ms, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none"><div style="display:flex;align-items:center;gap:9px;padding:14px 16px 10px"><span style="display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(0,150,160,0.12)"><svg width="15" height="15" viewBox="0 0 24 24" fill="#0096a0"><path d="M12 2.5 13.9 9 20.5 11 13.9 13 12 19.5 10.1 13 3.5 11 10.1 9 12 2.5Z"></path></svg></span><span><span style="display:block;font-size:14px;font-weight:700;color:#1a1a1a">Stella</span><span style="display:block;font-size:11.5px;color:#a3a3a3">on 3 notes · asked by Mei</span></span></div><div style="padding:0 16px"><div style="font-size:14.5px;font-weight:700;line-height:1.35;color:#1a1a1a">why are testers leaving here?</div><div style="display:flex;flex-direction:column;gap:6px;margin-top:12px"></div></div></div><div style="position:absolute;left:0;top:0;z-index:80;pointer-events:none;transform:translate(-83px, 227px);transition:transform 0ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform"><div style="position:absolute;left:-110px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, #2FD08A12, transparent);pointer-events:none"></div><svg width="26" height="26" viewBox="0 0 24 24" style="position:relative;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.18));transform:scale(1);transform-origin:3px 3px;transition:transform 160ms ease"><path d="M3 2.5 L21 10 L12.6 12.6 L10 21 Z" fill="#2FD08A" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"></path></svg><div style="position:absolute;left:20px;top:22px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#2FD08A;color:#0b0f12;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.12)">Daniel<span style="max-width:0;opacity:0;overflow:hidden;font-weight:600;transition:max-width 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms">· </span></div></div><div style="position:absolute;
10left:0;top:0;z-index:80;pointer-events:none;transform:translate(1337px, 597px);transition:transform 0ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform"><div style="position:absolute;left:-110px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, #A57CFF12, transparent);pointer-events:none"></div><svg width="26" height="26" viewBox="0 0 24 24" style="position:relative;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.18));transform:scale(1);transform-origin:3px 3px;transition:transform 160ms ease"><path d="M3 2.5 L21 10 L12.6 12.6 L10 21 Z" fill="#A57CFF" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"></path></svg><div style="position:absolute;left:20px;top:22px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#A57CFF;color:#0b0f12;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.12)">Mei<span style="max-width:0;opacity:0;overflow:hidden;font-weight:600;transition:max-width 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms">· </span></div></div><div style="position:absolute;left:0;top:0;z-index:80;pointer-events:none;transform:translate(327px, -83px);transition:transform 0ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform"><div style="position:absolute;left:-110px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, #FFB02012, transparent);pointer-events:none"></div><svg width="26" height="26" viewBox="0 0 24 24" style="position:relative;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.18));transform:scale(1);transform-origin:3px 3px;transition:transform 160ms ease"><path d="M3 2.5 L21 10 L12.6 12.6 L10 21 Z" fill="#FFB020" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"></path></svg><div style="position:absolute;left:20px;top:22px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#FFB020;color:#0b0f12;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.12)">Ryan<span style="max-width:0;opacity:0;overflow:hidden;font-weight:600;transition:max-width 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms">· </span></div></div><div style="position:absolute;left:0;top:0;z-index:80;pointer-events:none;transform:translate(1337px, 117px);transition:transform 0ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform"><div style="position:absolute;left:-110px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, #FF5C8A12, transparent);pointer-events:none"></div><svg width="26" height="26" viewBox="0 0 24 24" style="position:relative;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.18));transform:scale(1);transform-origin:3px 3px;transition:transform 160ms ease"><path d="M3 2.5 L21 10 L12.6 12.6 L10 21 Z" fill="#FF5C8A" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"></path></svg><div style="position:absolute;left:20px;top:22px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#FF5C8A;color:#0b0f12;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.12)">Emily<span style="max-width:0;opacity:0;overflow:hidden;font-weight:600;transition:max-width 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms">· </span></div></div><div style="position:absolute;left:0;top:0;z-index:80;pointer-events:none;transform:translate(177px, 857px);transition:transform 0ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform"><div style="position:absolute;left:-110px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, #4F8CFF12, transparent);pointer-events:none"></div><svg width="26" height="26" viewBox="0 0 24 24" style="position:relative;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.18));transform:scale(1);transform-origin:3px 3px;transition:transform 160ms ease"><path d="M3 2.5 L21 10 L12.6 12.6 L10 21 Z" fill="#4F8CFF" stroke="#ffffff" stroke-width="1.6" stroke-linejoin="round"></path></svg><div style="position:absolute;
10left:20px;top:22px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:#4F8CFF;color:#0b0f12;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.12)">Arjun<span style="max-width:0;opacity:0;overflow:hidden;font-weight:600;transition:max-width 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms">· </span></div></div></div></div></div></div></div></div></div><style> 11 @keyframes collab-word { 12 from { opacity: 0; transform: translateY(0.45em); filter: blur(12px); } 13 to { opacity: 1; transform: none; filter: blur(0); } 14 } 15 .collab-word { animation: collab-word 900ms cubic-bezier(0.22, 1, 0.36, 1) both; } 16 @keyframes collab-rise { 17 from { opacity: 0; transform: translateY(40px) scale(0.97); filter: blur(8px); } 18 to { opacity: 1; transform: none; filter: blur(0); } 19 } 20 .collab-rise { animation: collab-rise 1000ms cubic-bezier(0.22, 1, 0.36, 1) 100ms both; } 21 @keyframes collab-pulse { 22 0% { box-shadow: 0 0 0 0 rgba(47,208,138,0.6); } 23 100% { box-shadow: 0 0 0 8px rgba(47,208,138,0); } 24 } 25 .collab-live { width: 7px; height: 7px; border-radius: 999px; background: #2FD08A; animation: collab-pulse 1.6s ease-out infinite; } 26 @keyframes collab-blink { 50% { opacity: 0; } } 27 @keyframes collab-in { from { opacity: 0; transform: translateY(6px); } } 28 .collab-in { animation: collab-in 260ms cubic-bezier(0.22, 1, 0.36, 1) both; } 29 @keyframes collab-orb { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.7); opacity: 0.6; } } 30 .collab-orb { animation: collab-orb 900ms ease-in-out infinite; } 31 .collab-caret { display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -2px; background: #4F8CFF; animation: collab-blink 900ms steps(2) infinite; } 32 </style></section><section class="jsx-7798a9f91fb3bfc2 px-8 pt-20 md:px-[12.5%] reveal-hidden"><div class="jsx-7798a9f91fb3bfc2 w-full"><h2 class="jsx-7798a9f91fb3bfc2 mx-auto mb-5 max-w-[980px] text-center text-[30px] font-semibold leading-[1.1] tracking-[-0.02em] text-black sm:text-[40px] md:text-[52px]"><span class="jsx-7798a9f91fb3bfc2 block">Instant Capture and Search.</span><span class="jsx-7798a9f91fb3bfc2 block">Overlay on Your Screen</span></h2><p class="jsx-7798a9f91fb3bfc2 mx-auto mb-10 max-w-[620px] text-center text-[17px] leading-[160%] text-black/55 md:text-[18px]">Press<!-- --> <span class="jsx-7798a9f91fb3bfc2 font-semibold text-black">âââ§âO</span> <!-- -->anywhere. Type the thought, hit return, and you are back. Tag it<!-- --> <span class="jsx-7798a9f91fb3bfc2 font-semibold text-black">#marketing</span> if that settles you; you will find it by meaning either way.</p><div class="jsx-7798a9f91fb3bfc2 flex justify-center"><div style="width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch"><div style="width:1040px;height:720px;margin-left:auto;margin-right:auto"><div style="width:1040px;height:720px;transform-origin:0 0;transform:scale(1)"><div class="qc" style="position:relative;width:1040px;height:720px"><div style="position:absolute;left:0;top:72px;width:1040px;height:648px"><div style="position:absolute;left:150px;top:592px;width:740px;height:40px;border-radius:50%;background:radial-gradient(closest-side, rgba(20,26,30,0.30), rgba(20,26,30,0))"></div><div style="position:absolute;left:70px;top:0;width:900px;height:566px;border-radius:17px;padding:10px;background:linear-gradient(158deg, #eef0f3 0%, #d2d5da 42%, #b9bdc3 100%);box-shadow:0 22px 48px rgba(18,24,28,0.22), inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -1px 0 rgba(0,0,0,0.10)"><div style="position:relative;width:880px;height:546px;border-radius:10px;background:#08090b;padding:9px 9px 12px"><div style="position:relative;width:862px;height:525px;border-radius:4px;overflow:hidden;background:linear-gradient(152deg, #1d3f4a 0%, #12262e 44%, #23505b 100%)"><div style="position:absolute;left:50%;top:0;transform:translateX(-50%);width:132px;height:20px;border-radius:0 0 10px 10px;background:#08090b;z-index:60"></div><div style="position:absolute;inset:0;background:radial-gradient(700px 420px at 78% -8%, rgba(120,220,225,0.20), transparent 62%), radial-gradient(600px 400px at 8% 96%, rgba(60,110,160,0.22), transparent 60%)"></div><div style="position:absolute;
32left:0;right:0;top:0;height:22px;display:flex;align-items:center;gap:14px;padding:0 12px;background:rgba(255,255,255,0.10);backdrop-filter:blur(12px);color:rgba(255,255,255,0.88);font-size:10.5px;font-weight:600;z-index:30"><span style="display:inline-flex"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor"><path d="M17.1 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.9-1.5-.1-2.8.8-3.6.8-.7 0-1.8-.8-3-.8-1.6 0-3 .9-3.8 2.3-1.6 2.8-.4 7 1.2 9.3.8 1.1 1.7 2.4 2.9 2.3 1.2 0 1.6-.7 3-.7s1.8.7 3 .7c1.3 0 2.1-1.1 2.8-2.3.9-1.3 1.3-2.6 1.3-2.6s-2.4-.9-2.4-3.6ZM14.9 5.4c.6-.8 1.1-1.9 1-3-1 0-2.1.6-2.8 1.4-.6.7-1.1 1.8-1 2.9 1.1.1 2.2-.5 2.8-1.3Z"></path></svg></span><span style="font-weight:700">Pages</span><span style="font-weight:500;opacity:0.85">File</span><span style="font-weight:500;opacity:0.85">Edit</span><span style="font-weight:500;opacity:0.85">Insert</span><span style="flex:1"></span><span style="opacity:0.85">100%</span><span style="opacity:0.85">Tue 9:41</span></div><div style="position:absolute;left:96px;top:60px;width:670px;height:430px;border-radius:11px;background:#fbfbfa;box-shadow:0 24px 60px rgba(0,0,0,0.34);overflow:hidden"><div style="display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f1f1ef;border-bottom:1px solid #e6e6e3"><span style="width:9px;height:9px;border-radius:999px;background:#ff5f56"></span><span style="width:9px;height:9px;border-radius:999px;background:#ffbd2e"></span><span style="width:9px;height:9px;border-radius:999px;background:#27c93f"></span><span style="flex:1;text-align:center;font-size:10.5px;font-weight:600;color:#9a9a97">Q2 positioning · draft</span></div><div style="padding:26px 46px"><div style="font-size:17px;font-weight:700;color:#1a1a1a">Q2 positioning · draft</div><div style="margin-top:14px;font-size:11.5px;line-height:1.75;color:#55555a">We keep opening with the AI. Every deck, every page, the first thing people meet is a chat box, and the first thing they think is âanother wrapperâ.</div><div style="margin-top:10px;height:6px;border-radius:3px;background:#e6e6e3;width:94%"></div><div style="margin-top:8px;height:6px;border-radius:3px;background:#e6e6e3;width:88%"></div><div style="margin-top:8px;height:6px;border-radius:3px;background:#e6e6e3;width:96%"></div><div style="margin-top:8px;height:6px;border-radius:3px;background:#e6e6e3;width:62%"></div><div style="margin-top:22px;height:6px;border-radius:3px;background:#e6e6e3;width:91%"></div><div style="margin-top:8px;height:6px;border-radius:3px;background:#e6e6e3;width:84%"></div><div style="margin-top:8px;height:6px;border-radius:3px;background:#e6e6e3;width:48%"></div></div></div></div></div></div><div style="position:absolute;left:20px;top:566px;width:1000px;height:13px;border-radius:0 0 11px 11px;background:linear-gradient(180deg, #d4d7db 0%, #a7abb1 70%, #8e9298 100%);box-shadow:0 8px 16px rgba(18,24,28,0.20)"></div><div style="position:absolute;left:50%;top:566px;transform:translateX(-50%);width:98px;height:5px;border-radius:0 0 7px 7px;background:linear-gradient(180deg, #a5a9af, #c6c9ce)"></div></div><div style="display:flex;align-items:center;gap:12px;height:32px;padding:0 8px 0 14px;border-radius:999px;background:rgba(16,20,22,0.88);box-shadow:0 8px 24px rgba(0,0,0,.18);position:absolute;left:50%;bottom:-2px;transform:translateX(-50%)"><span style="font-size:12.5px;font-weight:500;color:rgba(255,255,255,0.72);white-space:nowrap">Press ââ§O anywhere</span><span style="display:flex;align-items:center;gap:5px"><button type="button" title="A thought arrives while you are in something else" aria-label="A thought arrives while you are in something else" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Tag it, only if that is what lets you let go of it" aria-label="Tag it, only if that is what lets you let go of it" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Return, and it is kept. You never left the app" aria-label="Return, and it is kept. You never left the app" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button><button type="button" title="Weeks later, in completely different words" aria-label="Weeks later, in completely different words" style="width:7px;height:7px;border:0;padding:0;cursor:pointer;border-radius:999px;background:rgba(255,255,255,0.26);transition:all 240ms cubic-bezier(0.22,1,0.36,1)"></button></span></div></div></div></div></div></div><div class="jsx-7798a9f91fb3bfc2 mt-12 grid grid-cols-1 gap-4 md:mt-14 md:grid-cols-3"><div style="border:1px solid rgba(0, 0, 0, 0.10)" class="jsx-7798a9f91fb3bfc2 roun
32ded-[16px] px-6 pb-6 pt-6 md:px-7"><p class="jsx-7798a9f91fb3bfc2 text-[16px] font-semibold leading-[140%] text-black">It never takes you out of your app</p><p class="jsx-7798a9f91fb3bfc2 mt-2 text-[14px] leading-[160%] text-black/50">The bar floats over whatever is focused. Nothing to open, nothing to switch to, nothing to find your way back from.</p></div><div style="border:1px solid rgba(0, 0, 0, 0.10)" class="jsx-7798a9f91fb3bfc2 rounded-[16px] px-6 pb-6 pt-6 md:px-7"><p class="jsx-7798a9f91fb3bfc2 text-[16px] font-semibold leading-[140%] text-black">Tagging is optional</p><p class="jsx-7798a9f91fb3bfc2 mt-2 text-[14px] leading-[160%] text-black/50">Type # and pick one, in a second. It is there for your peace of mind, not because retrieval needs it.</p></div><div style="border:1px solid rgba(0, 0, 0, 0.10)" class="jsx-7798a9f91fb3bfc2 rounded-[16px] px-6 pb-6 pt-6 md:px-7"><p class="jsx-7798a9f91fb3bfc2 text-[16px] font-semibold leading-[140%] text-black">Found by meaning, not by wording</p><p class="jsx-7798a9f91fb3bfc2 mt-2 text-[14px] leading-[160%] text-black/50">Weeks later you will ask for it in words you never wrote down. It still comes back first.</p></div></div></div></section><section class="skx skx-showcase skx-full"> 33<div class="sk-head"> 34 <div class="sk-logo" role="img" aria-label="Chrome extension"><svg viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="20" fill="#34A853"/><path fill="#FBBC04" d="M24 4v20l8 4-8.84 16H24c11.05 0 20-8.95 20-20S35.05 4 24 4z"/><path fill="#EA4335" d="M41.84 15H24v13l-3 1L7.16 13.26C10.68 7.69 16.91 4 24 4c7.8 0 14.55 4.48 17.84 11z"/><circle cx="24" cy="24" r="9" fill="#fff"/><circle cx="24" cy="24" r="7" fill="#4285F4"/></svg></div> 35 <h2 class="sk-title">Remember web pages, clip notes, and recall them later.</h2> 36 <p class="sk-sub">Plus, a smart AI assistant that explains complex ideas and connects them to your past notes.</p> 37 <div class="cta-wrap" style="justify-content:center;margin-top:26px"><a class="cta" href="https://chromewebstore.google.com/detail/constella-sidekick/mcafaiofkeamgppkdncicioamomdkfpg?authuser=3&hl=en" target="_blank" rel="noopener noreferrer"><svg class="ci" viewBox="0 0 48 48" aria-hidden="true"><circle cx="24" cy="24" r="21" fill="none" stroke="#0a0a0a" stroke-width="4"/><circle cx="24" cy="24" r="8.5" fill="#0a0a0a"/><path d="M24 3.5 A20.5 20.5 0 0 1 41.8 13.9 L24 24 Z" fill="#0a0a0a" opacity=".5"/></svg>Add to Chrome for Free</a></div> 38</div> 39 40<div class="demo-stage sk-stage"> 41 42 <div class="browser" id="browser"> 43 <div class="br-bar"> 44 <div class="br-traffic"><i></i><i></i><i></i></div> 45 <div class="br-nav-btns"> 46 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg> 47 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg> 48 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-3-6.7L21 8"/><path d="M21 3v5h-5"/></svg> 49 </div> 50 <div class="br-url"> 51 <svg class="lock" viewBox="0 0 24 24" fill="currentColor"><path d="M12 1a5 5 0 00-5 5v3H6a2 2 0 00-2 2v9a2 2 0 002 2h12a2 2 0 002-2v-9a2 2 0 00-2-2h-1V6a5 5 0 00-5-5zm3 8H9V6a3 3 0 016 0z"/></svg> 52 <span class="u" id="brUrl"><b>arxiv.org</b>/pdf/2606.06494v1</span> 53 </div> 54 <div class="br-ext"> 55 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z"/><path d="M2 12h20M12 2a15 15 0 010 20M12 2a15 15 0 000 20"/></svg> 56 <div class="ext-pin" id="extPin" title="Constella Sidekick"> 57 <svg class="hex" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2l8.66 5v10L12 22 3.34 17V7z" fill="#36c3b8" opacity=".22" stroke="#36c3b8" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="#36c3b8"/></svg> 58 </div> 59 </div> 60 </div> 61 62 <div class="br-body" id="brBody"> 63 <!-- left: webpage / pdf --> 64 <div class="page"> 65 66 <!-- PDF paper view (shown first) --> 67 <div class="page-view pdf active" id="pagePdf"> 68 <div class="pdf-bar"> 69 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
70 <span class="pg">1 / 9</span> 71 <span class="sp"></span> 72 <span>100%</span> 73 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3v12M7 11l5 4 5-4M5 21h14"/></svg> 74 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M6 9V4h12v5M6 18h12v3H6zM6 14h12"/></svg> 75 </div> 76 <div class="pdf-wrap"> 77 <div class="pdf-sheet"> 78 <div class="pdf-vid">arXiv:2606.06494v1 [cs.LG] 4 Jun 2026</div> 79 <div class="pdf-page"> 80 <h1 class="pdf-ttl">Spectral-Tail Adapters: Protecting Principal Components in Parameter-Efficient Continual Learning</h1> 81 <div class="pdf-arow"> 82 <div class="pa"><b>Marius Halloran</b><span>Institute for Adaptive Systems</span><em>[email protected]</em></div> 83 <div class="pa"><b>Ioana Petrescu</b><span>Institute for Adaptive Systems</span><em>[email protected]</em></div> 84 <div class="pa"><b>A. Delgado</b><span>Institute for Adaptive Systems</span><em>[email protected]</em></div> 85 </div> 86 <div class="pdf-arow"> 87 <div class="pa"><b>Florin Brandt</b><span>Institute for Adaptive Systems</span><em>[email protected]</em></div> 88 <div class="pa"><b>L. Okafor</b><span>Institute for Adaptive Systems</span><em>[email protected]</em></div> 89 </div> 90 <div class="pdf-2col"> 91 <div class="pdf-h">Abstract</div> 92 <p class="pdf-abs">Parameter-efficient finetuning methods based on spectral decomposition have enabled progress in continual learning. In this paper we introduce <i>Spectral-Tail</i>, which utilizes the singular bases <i>U</i> and <i>V</i> of the pre-trained weights as a fixed reference frame to learn a low-rank update applied to the singular value matrix. <span class="selhi">A soft spectral penalty discourages updates aligned with the dominant singular directions, reducing interference while routing fine-grained adaptation into the long-tail coordinates.</span></p> 93 <h4>1 Introduction</h4> 94 <p>Large Language Models (LLMs) have achieved remarkable performance across diverse reasoning and generation tasks <a class="pdf-cit">(Zhao et al., 2023; Minaee et al., 2024)</a>. However, adapting these models to new domains remains computationally expensive, as full fine-tuning requires updating billions of parameters.</p> 95 <p>Among PEFT approaches, Low-Rank Adaptation (LoRA) <a class="pdf-cit">(Hu et al., 2021)</a> has emerged as one of the most widely adopted. Motivated by the evidence that task-specific updates lie in a low-dimensional subspace <a class="pdf-cit">(Li et al., 2018)</a>, LoRA freezes the pretrained weights and learns two trainable low-rank matrices.</p> 96 <p>Existing low-rank methods often suffer from interference between overlapping update directions, especially when models are adapted across sequential tasks. Since the largest singular values encode the most critical structure, modifications there disproportionately degrade prior knowledge.</p> 97 <p>To mitigate this, we propose a spectral regularization scheme that selectively penalizes updates to the dominant singular components while allowing greater flexibility in the lower-rank "tail". Our specific contributions are as follows:</p> 98 <ul class="pdf-bul"> 99 <li>We introduce <b>Spectral-Tail</b>, a low-rank adaptation method operating over the singular values of a weight matrix, coupled with a soft regularization that steers updates toward the spectral tail.</li> 100 <li>Different from existing continual PEFT methods <a class="pdf-cit">(Das et al., 2026; Wang et al., 2023a)</a>, it requires no access to adapters from prior tasks, preserving the privacy of each user's task-specific data.</li> 101 <li>We evaluate on a suite of continual learning tasks, matching state-of-the-art methods while increasing the stable rank of the weight matrix.</li> 102 </ul> 103 <h4>2 Related Work</h4> 104 <p><b>Spectral LoRA variants.</b> Leveraging the spectral properties of base weights <i>W</i> is a key strategy in PEFT. Many SVD-based approaches <a class="pdf-cit">(Meng et al., 2024; Lingam et al., 2024)</a> partition the spectrum to align trainable updates with the structure of pretrained matrices for more efficient tuning.</p> 105 </div> 106 </div> 107 </div> 108 </div> 109 </div> 110 111 <!-- Article view --> 112 <div class="page-view article" id="pageArticle"> 113 <div class="page-scroll"> 114 <div class="pg-top"> 115 <div class="pg-brand"><span class="glyph">S</span> The Signal</div> 116 <div class="pg-topnav"><span>Home</span><span>Essays</span><span>Archive</span></div> 117 </div> 118 <div class="pg-kicker">Workflow · 6 min read</div> 119 <h1 class="pg-title">How I Use an AI Second Brain to Run My Business</h1> 120 <p class="pg-p lead">Ever since I started saving everything into one place, meeting prep that used to take me an hour now takes five minutes, and the research that used to eat half a day takes twenty.</p> 121 <p class="pg-p pg-sel"><span class="selhi">When you're running a business, most of the real work is hunting for context that's scattered across a dozen apps, old chats, and articles you swear you read last month. The fix isn't more notes; it's a system that recalls the right one at the right moment.</span></p> 122 <p class="pg-p">It could be a decision you made about this exact problem a quarter ago, and the reasoning behind it. Or the report you skimmed
122in February that's suddenly relevant to the call you're on today.</p> 123 </div> 124 </div> 125 </div> 126 127 <!-- overlays at br-body level so they can travel across page + panel --> 128 <!-- selection flying chip --> 129 <div class="flychip" id="flychip">When you're running a business, most of the real work is hunting for context that's scattered across a dozen appsâ¦</div> 130 131 <!-- context menu --> 132 <div class="ctxmenu" id="ctxmenu" style="left:300px;top:330px"> 133 <div class="cm-item"><span class="cm-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M9 9h6v6H9z"/><path d="M5 5h14v14H5z" opacity=".5"/></svg></span> Copy <span class="cm-arrow cm-faint">âC</span></div> 134 <div class="cm-item"><span class="cm-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/></svg></span> Search the web</div> 135 <div class="cm-sep"></div> 136 <div class="cm-item" id="cmConstella"><span class="cm-ic"><svg viewBox="0 0 24 24" width="16" height="16" fill="none"><path d="M12 2l8.66 5v10L12 22 3.34 17V7z" fill="#36c3b8" opacity=".25" stroke="#36c3b8" stroke-width="1.6"/><circle cx="12" cy="12" r="2.8" fill="#36c3b8"/></svg></span> Constella <span class="cm-arrow">âº</span></div> 137 <div class="cm-sep"></div> 138 <div class="cm-item cm-faint"><span class="cm-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M12 8v8M8 12h8"/></svg></span> Inspect</div> 139 140 <!-- flyout --> 141 <div class="cm-fly" id="cmFly"> 142 <div class="cm-item" id="cmClip"><span class="cm-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 11.5a4 4 0 01-4 4H8a5 5 0 010-10h9a3 3 0 010 6H9a1.5 1.5 0 010-3h8"/></svg></span> Clip selection</div> 143 <div class="cm-item" id="cmSend"><span class="cm-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/></svg></span> Send selection to chat</div> 144 </div> 145 </div> 146 147 <!-- cursor --> 148 <div class="cursor" id="cursor"> 149 <span class="cur-ring"></span> 150 <svg viewBox="0 0 24 24" width="22" height="22"><path d="M5 3l15 7-6 2.2L11 19 5 3z" fill="#fff" stroke="#1a1a1a" stroke-width="1.2" stroke-linejoin="round"/></svg> 151 </div> 152 153 <!-- right: Constella Sidekick --> 154 <div class="panel"> 155 <div class="pn-body"> 156 <!-- DEFAULT VIEW --> 157 <div class="pn-default" id="pnDefault"> 158 <div class="pn-profile"> 159 <span class="pn-avatar"></span> 160 <div class="pn-id"> 161 <span class="nm">Stella</span> 162 <span class="st"><i></i> Ready to read</span> 163 </div> 164 <span class="pn-dash">Dashboard</span> 165 </div> 166 167 <div class="pn-sec-lbl"><span class="plus">+</span> Capture <span class="line"></span></div> 168 <div class="pn-capture"> 169 <div class="pn-card clip-card" id="clipCard"> 170 <span class="cc-ic"> 171 <span class="cc-staticic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M21 11.5a4 4 0 01-4 4H8a5 5 0 010-10h9a3 3 0 010 6H9a1.5 1.5 0 010-3h8"/></svg></span> 172 <svg class="cc-spin" viewBox="0 0 24 24" fill="none" stroke="#f4b08a" stroke-width="2.4"><path d="M12 3a9 9 0 109 9" stroke-linecap="round"/></svg> 173 </span> 174 <span id="clipLabel">Clip this page</span> 175 </div> 176 <div class="pn-card"> 177 <span class="cc-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 5v14M5 12h14"/></svg></span> 178 Capture Note 179 <span class="kbd">/</span> 180 </div> 181 </div> 182 <p class="pn-hint">Select text and right-click to clip it</p> 183 184 <div class="pn-sec-lbl"><span class="od"></span> Ask Stella <span class="line"></span></div> 185 <div class="pn-asklist"> 186 <div class="pn-ask" id="askSummarize">
187 <span class="ai"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 6h16M4 12h16M4 18h10"/></svg></span> 188 <span class="at">Summarize key points</span> 189 <span class="ar">âº</span> 190 </div> 191 <div class="pn-ask"> 192 <span class="ai"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M6 3v12a3 3 0 003 3h6"/><circle cx="6" cy="3" r="0"/><path d="M18 14l3 4-3 4"/><circle cx="6" cy="18" r="2.5"/></svg></span> 193 <span class="at">Recall related ideas</span> 194 <span class="ar">âº</span> 195 </div> 196 <div class="pn-ask"> 197 <span class="ai"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/></svg></span> 198 <span class="at">Search similar articles & papers</span> 199 <span class="ar">âº</span> 200 </div> 201 </div> 202 203 <div class="pn-sync"> 204 <span class="stack"> 205 <img src="/sidekick/brand-icons/obsidian.png" alt=""> 206 <img src="/sidekick/brand-icons/notion.png" alt=""> 207 <img src="/sidekick/brand-icons/readwise.svg" alt=""> 208 </span> 209 Sync your knowledgebases 210 </div> 211 </div> 212 213 <!-- CHAT VIEW --> 214 <div class="pn-chatview" id="pnChat"> 215 <div class="cv-back" id="cvBack"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg> Back to capture</div> 216 <div class="cv-thread"> 217 <div class="cv-user" id="cvUser"></div> 218 <div class="cv-think" id="cvThink">Stella is reading <span class="dots"><i></i><i></i><i></i></span></div> 219 <div class="cv-ans" id="cvAns"> 220 <div class="atag"><i></i> Stella</div> 221 <div id="cvAnsP"></div> 222 <div class="cv-cites" id="cvCites"></div> 223 </div> 224 </div> 225 </div> 226 227 <!-- saved toast (shown during clip-page beat) --> 228 <div class="pn-toast" id="pnToast"> 229 <span class="tk"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 230 <span class="tt"><b>Page saved to your vault</b><span>Linked to 4 related notes · on-device</span></span> 231 </div> 232 </div> 233 234 <div class="pn-input"> 235 <span class="it">Ask about this pageâ¦</span> 236 <span class="snd"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg></span> 237 </div> 238 </div> 239 </div> 240 </div> 241 242 243 <div class="browser sk-hidden" id="gdBrowser"> 244 <div class="br-bar"> 245 <div class="br-traffic"><i></i><i></i><i></i></div> 246 <div class="br-nav-btns"> 247 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg> 248 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg> 249 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-3-6.7L21 8"/><path d="M21 3v5h-5"/></svg> 250 </div> 251 <div class="br-url"> 252 <svg class="lock" viewBox="0 0 24 24" fill="currentColor"><path d="M12 1a5 5 0 00-5 5v3H6a2 2 0 00-2 2v9a2 2 0 002 2h12a2 2 0 002-2v-9a2 2 0 00-2-2h-1V6a5 5 0 00-5-5zm3 8H9V6a3 3 0 016 0z"/></svg> 253 <span class="u"><b>docs.google.com</b>/document/d/1aZ9â¦/edit</span> 254 </div> 255 <div class="br-ext"> 256 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 100 20 10 10 0 000-20z"/><path d="M2 12h20M12 2a15 15 0 010 20M12 2a15 15 0 000 20"/></svg> 257 <div class="ext-pin" id="gdExtPin" title="Constella Sidekick">
258 <svg class="hex" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2l8.66 5v10L12 22 3.34 17V7z" fill="#36c3b8" opacity=".22" stroke="#36c3b8" stroke-width="1.5"/><circle cx="12" cy="12" r="3" fill="#36c3b8"/></svg> 259 </div> 260 </div> 261 </div> 262 263 <div class="br-body" id="gdBody"> 264 <!-- left: Google Docs --> 265 <div class="page"> 266 <div class="page-view gdoc active"> 267 <div class="gd-toolbar"> 268 <div class="gd-menu"> 269 <svg class="gd-docicon" viewBox="0 0 24 24" fill="none"><rect x="4" y="2" width="16" height="20" rx="2" fill="#4285f4"/><path d="M8 7h8M8 11h8M8 15h5" stroke="#fff" stroke-width="1.4" stroke-linecap="round"/></svg> 270 <span class="gd-title">Context Engineering in AI Brains</span> 271 <svg class="gd-star" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3l2.9 6.3 6.6.7-5 4.5 1.4 6.5L12 18l-5.9 3.5 1.4-6.5-5-4.5 6.6-.7z"/></svg> 272 <div class="gd-mi"><span>File</span><span>Edit</span><span>View</span><span>Insert</span><span>Format</span></div> 273 <span class="gd-spacer"></span> 274 <span class="gd-share"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8a3 3 0 10-2.8-4M6 12a3 3 0 100 6 3 3 0 000-6zm12 4a3 3 0 10-2.8 4M8.6 13.5l6.8 3M15.4 7.5l-6.8 3"/></svg> Share</span> 275 </div> 276 <div class="gd-fmt"> 277 <span class="pill">100%</span> 278 <span class="sep"></span> 279 <span class="pill">Normal text</span> 280 <span class="sep"></span> 281 <span class="ic b">B</span><span class="ic i">I</span><span class="ic u">U</span> 282 <span class="sep"></span> 283 <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h10"/></svg></span> 284 <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></svg></span> 285 <span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 6.1H3M21 12.1H3M15.1 18H3"/></svg></span> 286 </div> 287 </div> 288 <div class="gd-wrap"> 289 <div class="gd-sheet"> 290 <h1 class="gd-h1">Context Engineering in AI Brains</h1> 291 <p class="gd-meta">Research draft · last edited just now</p> 292 <p class="gd-p">Personal knowledge tools promise perfect recall, yet most degrade into write-only archives. <span class="gd-sel">The bottleneck is rarely storage; it is <i>context</i>: surfacing the right memory at the exact moment of need.</span></p> 293 <h2 class="gd-h2">Why retrieval is the hard part</h2> 294 <p class="gd-p" id="gdMidPara">Most retrieval systems treat memory as a flat store of chunks, but a real second brain has to weight recency, relevance, and the user's own<span class="gd-caret" id="gdCaret"></span></p> 295 <div id="gdInsertSlot"></div> 296 </div> 297 </div> 298 </div> 299 </div> 300 301 <!-- right: Constella Sidekick (chat-first) --> 302 <div class="panel"> 303 <div class="pn-body"> 304 <div class="gd-thread" id="gdThread"> 305 <div class="scroller" id="gdScroller"></div> 306 </div> 307 </div> 308 <div class="pn-input"> 309 <span class="it" id="gdInputText">Ask about this docâ¦</span> 310 <span class="snd"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg></span> 311 </div> 312 </div> 313 </div> 314 </div> 315 316</div> 317 318<div class="sk-pills" id="skPills"> 319 <button class="sk-pill active" data-flow="clip" data-idx="0"> 320 <span class="pi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3.2" fill="currentColor" stroke="none"/></svg></span> 321 Instant clip 322 </button> 323 <button class="sk-pill" data-flow="summarize" data-idx="1"> 324 <span class="pi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M4 6h16M4 12h16M4 18h10"/></svg></span> 325 Summarize 326 </button> 327 <button class="sk-pill" data-flow="recall" data-idx="2"> 328 <span class="pi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M6 3v12a3 3 0 003 3h6"/><path d="M18 14l3 4-3 4"/><circle cx="6" cy="18" r="2.5"/></svg></span> 329 Recall ideas 330 </button> 331 <button class="sk-pill" data-flow="docs" data-idx="3"> 332 <span class="pi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9"><path d="M6 2h8l4 4v16H6z"/><path d="M14 2v4h4M9 13h6M9 17h6"/></svg></span> 333 Write in Docs 334 </button> 335</div> 336</section><section class="jsx-7798a9f91fb3bfc2 relative overflow-hidden bg-[#f4f2ee] pb-4 pt-14 md:pt-16"><div class="jsx-7798a9f91fb3bfc2 px-8 md:px-[12.5%]"><p class="jsx-7798a9f91fb3bfc2 text-[11px] font-semibold uppercase tracking-[0.28em] text-[#017B82]">Mobile app</p></div><section id="mobile-app" class="py-16 md:py-24 relative w-full overflow-hidden"><main class="relative mx-auto pt-4"><div class="flex flex-col items-center md:flex-row md:items-center md:gap-10 md:px-8 md:pl-16 lg:gap-16 lg:px-12 lg:pl-28"><div class="flex w-full flex-col items-center text-center md:w-1/2 md:items-start md:text-left"><div class="relative w-full"><div class="relative z-20 mb-5" style="transform-origin:top;height:84px;transform:none"><div class="mx-auto flex h-20 w-20 items-center justify-center rounded-3xl px-4 text-xl font-bold text-white shadow-md md:mx-0" style="background:linear-gradient( 337 180deg, rgba(255, 255, 255, 0.50) 0%, 338 rgba(1, 123, 130, 0.70) 11.21%, 339 #017B82 42.19%, #017B82 47.13%, 340 #035256 100% 341 );box-shadow:0px -8px 16px 0px rgba(93, 218, 225, 0.63), 0px 8px 32px 0px rgba(143, 248, 255, 0.40) inset;border-top:2px solid #8FF8FF;border-right:1px solid #8FF8FF;border-bottom:0.5px solid #8FF8FF;border-left:1px solid #8FF8FF"><img alt="logo" width="40" height="40" decoding="async" data-nimg="1" class="h-full w-full -translate-x-[1px] rounded-3xl" style="color:transparent" src="/icon.svg"/></div></div></div><h1 class="mb-4 text-[2.1rem] font-semibold tracking-tighter md:text-[2.75rem] lg:text-5xl xl:text-[3.5rem]" style="color:#293636;letter-spacing:-0.04em;line-height:1.2;font-family:'Manrope', sans-serif;opacity:0">Never lose a thought on the go</h1><p class="mx-auto mb-8 max-w-2xl text-balance px-2 text-sm font-medium md:mx-0 md:px-0 md:text-xl" style="color:#5b5d6b;font-family:'Manrope', sans-serif;opacity:0">Instantly capture a thought without the annoying pain of thinking of which file to put it in.</p><div class="mb-16 flex justify-center gap-4 md:justify-start md:gap-6"><img src="/images/other/download-ios.svg" alt="Download" class="block w-40 cursor-pointer " style="opacity:0"/><img src="/images/other/download-android.png" alt="Download" class="w-40 cursor-pointer" style="opacity:0"/></div></div><div class="flex w-full select-none items-center justify-center overflow-hidden md:min-
341h-[640px] md:w-1/2 lg:min-h-[760px]"><div class="w-56 shrink-0 sm:w-[19.6rem] md:w-full md:max-w-[380px] lg:max-w-[440px]" style="opacity:0;transform:translateY(40px) translateZ(0)"><div class="relative overflow-hidden rounded-[2.5rem] border-[6px] border-[#1a1a1a] bg-[#1a1a1a] shadow-[0_0_0_2px_rgba(60,60,60,0.8),0_8px_30px_rgba(0,0,0,0.4)]"><div class="relative overflow-hidden rounded-[2rem]"><video src="https://pwhvpbacbyksnoeh.public.blob.vercel-storage.com/mobile-capture-recall.MOV" aria-label="Capture and recall on mobile" class="h-auto w-full" muted="" loop="" playsInline="" preload="auto"></video></div></div></div></div></div></main></section></section><section id="privacy" class="px-4 py-20 sm:px-8 md:px-[12.5%] md:py-28"><div class="text-center"><p class="text-[12px] font-semibold uppercase tracking-[0.24em] text-[#0e8f93]">Privacy</p><h2 class="mt-3 text-[30px] font-semibold leading-[1.1] tracking-[-0.02em] text-black sm:text-[40px] md:text-[52px]">Your thoughts stay yours</h2><p class="mx-auto mt-4 max-w-[600px] text-[17px] leading-[1.55] text-black/60 md:text-[19px]">The messy, half-finished stuff is exactly what you should be able to put down without worrying who sees it.</p></div><div class="mt-12 grid grid-cols-1 gap-5 md:mt-14 lg:grid-cols-3"><div class="rounded-[28px] border border-black/[0.06] bg-white/60 p-3"><div class="relative flex h-[230px] items-center justify-center overflow-hidden rounded-[20px] bg-[#fbf9f7]" style="background:radial-gradient(70% 80% at 15% 15%, #c8f0d6 0%, transparent 70%), radial-gradient(70% 80% at 90% 90%, #cfe8ff 0%, transparent 70%), #fbf9f7"><div class="flex flex-col items-center gap-3"><div class="w-[250px] overflow-hidden rounded-[14px] border border-white bg-white/90 shadow-[0_1px_2px_rgba(0,0,0,.05),0_14px_36px_rgba(0,0,0,.08)]"><div class="flex items-center gap-2 border-b border-black/[0.06] px-3 py-2"><svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.2 9.1 4.5 4.5 0 0 0 7 18Z" fill="#e6f4f4" stroke="#0e8f93" stroke-width="1.8"></path></svg><span class="whitespace-nowrap text-[11.5px] font-semibold text-[#1a1a1a]">Private cloud</span><span class="ml-auto"><span class="inline-flex h-[26px] items-center gap-1.5 whitespace-nowrap rounded-full px-3 text-[12px] font-semibold" style="background:#1a1a1a;color:#fff"><svg width="10" height="10" viewBox="0 0 24 24" fill="none"><rect x="5" y="11" width="14" height="10" rx="2" fill="#fff"></rect><path d="M8 11V8a4 4 0 1 1 8 0v3" stroke="#fff" stroke-width="2.4"></path></svg>Only you</span></span></div><div class="flex flex-col gap-1.5 p-3"><div class="flex items-center gap-2 rounded-[8px] bg-[#f4f4f3] px-2.5 py-1.5 text-[12px] font-semibold text-[#1a1a1a]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg>Episode 1: why I quit my job</div><div class="flex items-center gap-2 rounded-[8px] bg-[#f4f4f3] px-2.5 py-1.5 text-[12px] font-semibold text-[#1a1a1a]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg>Ask Maya to be a guest?</div><div class="flex items-center gap-2 rounded-[8px] bg-[#f4f4f3] px-2.5 py-1.5 text-[12px] font-semibold text-[#1a1a1a]"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#a3a3a3" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V4Z"></path><path d="M9 8h6"></path></svg>Launch by March?</div></div></div><span class="inline-flex h-[26px] items-center gap-1.5 whitespace-nowrap rounded-full px-3 text-[12px] font-semibold" style="background:#e6f4f4;color:#0d7a78"><span class="h-1.5 w-1.5 rounded-full bg-[#2fb37a]"></span>Synced to your Mac, phone and browser</span></div></div><div class="px-4 pb-4 pt-5"><h3 class="text-[20px] font-semibold leading-[1.25] text-black">Your own private cloud</h3><p class="mt-2 text-[15.5px] leading-[1.55] text-black/60">Your notes live in a private cloud space that only your account can open. Nobody else can browse it, and it follows you to every device.</p></div></div><div class="rounded-[28px] border border-black/[0.06] bg-white/60 p-3"><div class="relative flex h-[230px] items-center justify-center overflow-hidden rounded-[20px] bg-[#fbf9f7]" style="background:radial-gradient(70% 80% at 15% 15%, #e2d5ff 0%, transparent 70%), radial-gradient(70% 80% at 90% 90%, #ffd5ea 0%, transparent 70%), #fbf9f7"><div class="flex flex-col items-center gap-4"><div class="relative w-[230px] rounded-[13px] border border-black/[0.07] bg-white px-3.5 py-3 shadow-[0_1px_2px_rgba(0,0,0,.06),0_10px_26px_rgba(0,0,0,.07)]"><div class="flex items-center gap-1.5 text-[11px] font-semibold text-[#a3a3a3]"><svg width="12" height="12" viewBox="0 0 24 24">
341<path d="M12 2 4 8.5 7 21h10l3-12.5L12 2Z" fill="#8B5CF6"></path><path d="M12 2 7 21l5-7 5 7L12 2Z" fill="#A78BFA"></path></svg>Journal · late night</div><div class="mt-1.5 text-[14px] font-bold leading-[1.3] text-[#1a1a1a]">Honestly scared this wonât work</div><span class="absolute -right-3 -top-3"><span class="inline-flex h-[26px] items-center gap-1.5 whitespace-nowrap rounded-full px-3 text-[12px] font-semibold" style="background:#1a1a1a;color:#fff"><svg width="11" height="11" viewBox="0 0 24 24" fill="none"><rect x="5" y="11" width="14" height="10" rx="2" fill="#fff"></rect><path d="M8 11V8a4 4 0 1 1 8 0v3" stroke="#fff" stroke-width="2.2"></path></svg>Only you</span></span></div><div class="flex items-center gap-2"><span class="inline-flex h-[30px] items-center gap-1.5 rounded-full border border-dashed border-black/20 px-3.5 text-[12.5px] font-semibold text-black/35 line-through decoration-[#c2415a] decoration-2">AI training data</span><span class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-[#c2415a] text-[13px] font-bold text-white">Ã</span></div></div></div><div class="px-4 pb-4 pt-5"><h3 class="text-[20px] font-semibold leading-[1.25] text-black">Never used to train AI</h3><p class="mt-2 text-[15.5px] leading-[1.55] text-black/60">Not ours, not anyone elseâs. Your notes power your answers, in your session, and nothing else.</p></div></div><div class="rounded-[28px] border border-black/[0.06] bg-white/60 p-3"><div class="relative flex h-[230px] items-center justify-center overflow-hidden rounded-[20px] bg-[#fbf9f7]" style="background:radial-gradient(70% 80% at 15% 15%, #ffd7b5 0%, transparent 70%), radial-gradient(70% 80% at 90% 90%, #ffe6bf 0%, transparent 70%), #fbf9f7"><div class="flex flex-col items-center gap-3"><div class="flex items-center gap-2 rounded-[12px] border border-white bg-white/90 px-3 py-2 text-[12.5px] font-semibold text-[#1a1a1a] shadow-[0_1px_2px_rgba(0,0,0,.05),0_10px_26px_rgba(0,0,0,.07)]"><svg width="14" height="14" viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z" fill="#5BC0F8"></path><path d="M3 10h18v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z" fill="#7FD2FB"></path></svg>my-thoughts-export.zip<span class="text-black/35">· 4,312 notes</span></div><div class="flex gap-2"><span class="inline-flex h-[36px] items-center gap-1.5 rounded-[10px] px-4 text-[13px] font-semibold text-white" style="background:#0e8f93"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"></path></svg>Export everything</span><span class="inline-flex h-[36px] items-center rounded-[10px] border border-[#e2b4be] bg-white px-4 text-[13px] font-semibold text-[#b23a55]">Delete forever</span></div></div></div><div class="px-4 pb-4 pt-5"><h3 class="text-[20px] font-semibold leading-[1.25] text-black">Yours to export or erase</h3><p class="mt-2 text-[15.5px] leading-[1.55] text-black/60">Take everything with you in open formats, or delete it for good. Any time, no lock-in.</p></div></div></div></section><section class="jsx-7798a9f91fb3bfc2 flex min-h-[400px] flex-col items-center justify-center px-8 pb-20 pt-10 text-center md:min-h-[500px] md:px-[12.5%] reveal-hidden"><h2 class="jsx-7798a9f91fb3bfc2 mb-8 text-[36px] font-semibold leading-[1] text-black sm:text-[46px] md:text-[56px]">Think Better & Faster</h2><button class="inline-flex items-center rounded-[10px] border-[1.25px] border-[#333] bg-gradient-to-b from-[#1a1a1a] to-[#333] font-semibold text-[#fafafa] transition-opacity hover:opacity-90 gap-2 rounded-[14px] py-2.5 pl-6 pr-4 "><p class="text-[20px]">Download on macOS</p><span class="flex items-center justify-center h-[34px] w-[34px]"><svg class="h-4 w-4" viewBox="0 0 20 20" fill="none"><path d="M7.5 5L12.5 10L7.5 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></button></section><div class="jsx-7798a9f91fb3bfc2 canvas-footer relative bg-[#E5E5E5]"><div style="border-top:0.1px solid rgba(0, 0, 0, 0.05);border-left:none;border-right:none;border-bottom:none;width:100vw;z-index:0" class="flex flex-col justify-center px-4 pb-24 pt-16 md:flex-row md:px-12 text-black"><div class="grid w-full grid-cols-2 gap-8 px-1 md:flex md:w-4/5 md:justify-between md:px-0 2xl:w-3/5"><div class="relative col-span-2 flex flex-col items-start justify-start md:col-span-1"><a href="/"><div class="flex items-center gap-2"><img alt="logo" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="h-5 w-5" style="color:transparent" src="/svg/logo-black.svg"/><h1 class="text-lg xl:text-xl" style="color:black">Constella</h1></div></a><div class="mt-2 flex flex-row items-center gap-2 text-black opacity-60"><a href="https://x.com/heyconstella"><img alt="X (Twitter) logo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-4 w-4 text-current" style="color:transparent" src="/svg/x-black.svg"/></a><a href="https://discord.gg/XwEhrdJt8H"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" color="black" style="color:black" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path d="M8.52062 13.8456C7.48059 13.8456 6.63159 12.9011 6.63159 11.7444 6.63159 10.5876 7.45936 9.64307 8.52062 9.64307 9.57123 9.64307 10.4308 10.5876 10.4096 11.7444 10.4096 12.9011 9.57123 13.8456 8.52062 13.8456ZM15.4941 13.8456C14.454 13.8456 13.604 12.9011 13.604 11.7444 13.604 10.5876 14.4328 9.64307 15.4941 9.64307 16.5447 9.64307 17.4043 10.5876 17.3831 11.7444 17.3831 12.9011 16.5553 13.8456 15.4941 13.8456ZM10.1253 4.32272 9.81655 3.75977 9.18323 3.86532C7.71915 4.10934 6.32658 4.54652 5.02544 5.1458L4.79651 5.25124 4.65507 5.45985C2.0418 9.31417 1.3258 13.1084 1.68032 16.836L1.71897 17.2423 2.04912 17.4822C3.78851 18.7463 5.47417 19.5186 7.12727 20.0254L7.91657 20.2674 9.03013 17.5504C10.9397 18.0224 13.0592 18.0225 14.969 17.5508L16.0757 20.2681 16.8668 20.0254C18.5173 19.5191 20.2137 18.7469 21.9466 17.4809L22.2726 17.2428 22.3131 16.8412C22.7491 12.521 21.616 8.75749 19.3547 5.45628L19.2128 5.2492
34118.9846 5.1448C17.6767 4.5466 16.2852 4.10957 14.8309 3.86549L14.2132 3.76182 13.8987 4.30344C13.8112 4.4542 13.7215 4.6244 13.6364 4.79662 12.5441 4.68445 11.456 4.68421 10.3726 4.79627 10.2882 4.62711 10.2025 4.46356 10.1253 4.32272ZM6.71436 16.61C6.91235 16.724 7.11973 16.8356 7.32557 16.9378L6.8764 18.0338C5.75585 17.6256 4.61837 17.0635 3.4476 16.2555 3.22313 13.1175 3.86092 9.95075 6.01196 6.68602 6.90962 6.29099 7.8535 5.98255 8.83606 5.77271 8.89631 5.89807 8.95235 6.02042 8.99839 6.12892L9.27128 6.77213 9.96259 6.67074C11.3152 6.47235 12.6772 6.47209 14.0523 6.671L14.7424 6.77082 15.0147 6.12892C15.0621 6.01719 15.1167 5.89523 15.1743 5.77298 16.1525 5.98301 17.098 6.29188 18.0029 6.68787 19.8781 9.50833 20.8241 12.6541 20.5486 16.255 19.3837 17.0623 18.2422 17.6246 17.1193 18.0333L16.6735 16.9387C16.8799 16.8362 17.0879 16.7243 17.2865 16.61 17.7763 16.3277 18.3039 15.9757 18.6402 15.6395L17.3606 14.36C17.1969 14.5237 16.837 14.7805 16.3831 15.0421 15.9388 15.2981 15.498 15.5049 15.2164 15.598 13.2126 16.2606 10.7883 16.2606 8.78443 15.598 8.50285 15.5049 8.06205 15.2981 7.61772 15.0421 7.16383 14.7805 6.80392 14.5237 6.64017 14.36L5.36065 15.6395C5.6969 15.9757 6.2245 16.3277 6.71436 16.61Z"></path></svg></a><a href="https://www.youtube.com/@TheConstellaApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" color="black" style="color:black" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path d="M19.6069 6.99482C19.5307 6.69695 19.3152 6.47221 19.0684 6.40288C18.6299 6.28062 16.501 6 12.001 6C7.50098 6 5.37252 6.28073 4.93225 6.40323C4.68776 6.47123 4.4723 6.69593 4.3951 6.99482C4.2863 7.41923 4.00098 9.19595 4.00098 12C4.00098 14.804 4.2863 16.5808 4.3954 17.0064C4.47126 17.3031 4.68676 17.5278 4.93251 17.5968C5.37252 17.7193 7.50098 18 12.001 18C16.501 18 18.6299 17.7194 19.0697 17.5968C19.3142 17.5288 19.5297 17.3041 19.6069 17.0052C19.7157 16.5808 20.001 14.8 20.001 12C20.001 9.2 19.7157 7.41923 19.6069 6.99482ZM21.5442 6.49818C22.001 8.28 22.001 12 22.001 12C22.001 12 22.001 15.72 21.5442 17.5018C21.2897 18.4873 20.547 19.2618 19.6056 19.5236C17.8971 20 12.001 20 12.001 20C12.001 20 6.10837 20 4.39637 19.5236C3.45146 19.2582 2.70879 18.4836 2.45774 17.5018C2.00098 15.72 2.00098 12 2.00098 12C2.00098 12 2.00098 8.28 2.45774 6.49818C2.71227 5.51273 3.45495 4.73818 4.39637 4.47636C6.10837 4 12.001 4 12.001 4C12.001 4 17.8971 4 19.6056 4.47636C20.5505 4.74182 21.2932 5.51636 21.5442 6.49818ZM10.001 15.5V8.5L16.001 12L10.001 15.5Z"></path></svg></a></div><p class="mt-4 w-64 text-xs md:absolute md:bottom-0 md:left-0 md:mt-1 text-black">© 2026 Constella App, Inc.</p></div><div class="col-span-2 grid grid-cols-2 gap-8 md:col-span-1 md:flex md:gap-24"><div class="flex flex-col gap-3 md:mt-0"><p class="text-xl text-black">Product</p><div class="mt-1"></div><button class="text-left text-lg font-light text-black hover:text-black/70">Downloads</button><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="https://desktop.constella.app/downloads">Desktop App</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/mobile">Mobile App</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="https://constella.nolt.io">Community Board</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/llm-wiki">LLM Wiki</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/pricing">Pricing</a></div><div class="flex flex-col gap-3 md:mt-0"><p class="text-xl text-black">About</p><div class="mt-1"></div><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="mailto:[email protected]">Support</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/blog">Blog</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/join-team">Join the Team</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="mailto:[email protected]">Invest to Support</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="https://tally.so/r/waE1OZ">For Teams</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/legal/tos">Terms of Service</a><a class="text-lg font-light transition-colors text-black hover:text-black/70 " href="/legal/privacy-policy">Privacy Policy</a></div></div></div></div></div></div> </div></div>
341<script id="__NEXT_DATA__" type="application/json" crossorigin="anonymous">{"props":{"pageProps":{"messages":{"IndexHero":{"control":{"title":"Turn Scattered Thoughts Into Connected Works","desc":"No more time lost organizing. Instantly connect your sources, capture thoughts, and recall everything scattered. Constella links it all for you."},"self_organizing":{"title":"The Self-Organizing Second Brain","desc":"Never spend time organizing again. Constella connects your sources, captures your thoughts, and recalls them all the instant you need them."},"auto_connected":{"title":"Your Knowledge, Automatically Connected","desc":"No more time spent filing. Connect your sources, capture thoughts, and recall everything scattered. Constella does the linking for you."},"self_connecting":{"title":"Your Powerful, Self-Connecting Second Brain","desc":"No more time wasted organizing. Connect your sources, capture your thoughts, and instantly recall everything scattered. Your second brain links itself."},"info_chaos":{"title":"Information Chaos Turned into Clear Insights","desc":"No more drowning in scattered information. Constella connects your sources, captures your thoughts, and turns the chaos into clear insights you can act on."},"research_chaos":{"title":"Turn Research Chaos into Clear Insights","desc":"Stop losing hours to scattered research. Constella connects your sources, captures your thoughts, and surfaces clear insights the moment you need them."},"oss":{"title":"All Your Context + Agents =\nOne Battle Station","desc":"No more time lost organizing. Instantly connect your sources, capture thoughts, and recall everything scattered. Constella links it all for you."}},"NewLandingHero":{"control":{"title":"Dump Thoughts and Files In.\nPull Knowledge Out.","subtitle":"Stop fighting with folders. Constella auto-organizes and categorizes thoughts, so you can recall them later."},"second-brain":{"title":"Your Self-Building Second Brain\nThat Never Forgets a Thought","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes and links them for you to recall later."},"visual-thinkers":{"title":"The Smart AI Canvas\nfor Visual Thinkers and Researchers","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes and visually links them for you to recall later."},"assistants-canvas":{"title":"Your Thoughts and AI Assistants,\non One Infinite Canvas","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes and links them so you and AI assistants can build together."},"dump-thoughts":{"title":"Dump Every Thought and File In.\nGet Breakthroughs Back.","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes and links them for you to recall later."},"forget-files":{"title":"Forget Files and Folders,\nNot Your Best Thoughts","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes and links them for you to recall later."},"visual-canvas-remembers":{"title":"The Smart Visual AI Canvas\nThat Remembers Every Idea","subtitle":"Instantly capture thoughts and dump materials in. Constella auto-organizes, links, and recalls them for you 10x faster."}},"NewHero":{"forgetFilesAndFolders":"Forget files \u0026 folders,","notYour":"not your","thoughts":"Thoughts","forgetFilesAndFolders1":"Play with your","notYour1":"thoughts on an","thoughts1":"Infinite AI Canvas","forgetFilesAndFolders2":"Upgrade your mind","notYour2":"with an","thoughts2":"Infinite AI Graph","forgetFilesAndFolders3":"A flexible,","notYour3":"infinitely powerful","thoughts3":"Second Brain","forgetFilesAndFolders4":"An effortless,","notYour4":"fluid second brain","thoughts4":"like your mind","forgetFilesAndFolders5":"A visual, fluid,","notYour5":"and effortless","thoughts5":"AI second brain","idea":"idea","thought":"thought","note":"note","insight":"insight","memory":"memory","reflection":"learning"},"LandingBody":{"loaderText":"Entering Constella","heroTitleLight":"Think on Another Level","heroDescLight":"Quickly Capture, View Related Thoughts, and ","heroDescLightNext":"Flow Seamlessly on a Single AI Canvas","heroTitleLight1":"An Intelligent Infinite Canvas","heroDescLight1":"Escape the clutter of folders. Quickly ","heroDescLightNext1":"capture and bring everything together.","heroTitleLight2":"Connect Your Thoughts on an Infinite AI Canvas","heroDescLight2":"Escape the clutter of folders. Quickly ","heroDescLightNext2":"capture and bring everything together.","heroTitleLight3":"Flow Like Your Mind With a Folder-less App","heroDescLight3":"Escape the clutter. Quickly ","heroDescLightNext3":"capture and bring everything together.","heroTitleLight4":"The Infinite AI Canvas","heroDescLight4":"The next generation of note taking is here. Quickly ","heroDescLightNext4":"capture and connect thoughts together.","heroTitleLight5":"Effortlessly Make Sense of Everything","heroDescLight5":"The next generation of note taking is here. Quickly ","heroDescLightNext5":"capture and bring thoughts together.","heroTitleLight6":"The Intelligent Canvas","heroDescLight6":"Quickly capture with context and ","heroDescLightNext6":"effortlessly bring things together.","heroTitleLight7":"Think on Another Level","heroDescLight7":"Quickly capture on an intelligent canvas ","heroDescLightNext7":"with a native AI companion.","heroTitleLight8":"Your Thoughts, Amplified","heroDescLight8":"Reach new heights of thinking with an ","heroDescLightNext8":"AI-first intelligent canvas.","heroTitleLight9":"Think Beyond Boundaries","heroDescLight9":"Break free from folders and seamlessly ","heroDescLightNext9":"flow on an AI canvas.","heroTitleLight10":"Seamless Thinking, Effortless Working","heroDescLight10":"Capture ideas naturally while your AI companion ","heroDescLightNext10":"helps organize and connect your thoughts.","heroTitle":"Turn Information Overload into Clear Breakthroughs","heroSubtitle":"With the AI Whiteboard","heroDesc":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle1":"Turn Your Scattered Thinking into Synthesized Insight","heroSubtitle1":"With the AI Whiteboard","heroDesc1":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle2":"Turn Research Chaos into Clear Breakthroughs","heroSubtitle2":"Not Your Thoughts","heroDesc2":"Capture thoughts, import papers, research online. Constella connects it all visually and surfaces the insights hiding across your work.","heroTitle3":"Turn Information Overload into Relieving Clarity","heroSubtitle3":"With the AI Whiteboard","heroDesc3":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle4":"Find the Breakthroughs Hiding in Your Notes","heroSubtitle4":"With the AI Whiteboard","heroDesc4":"Constella captures your thinking, connects it automatically, and shows you the patterns and insights buried across your work.","heroTitle5":"Uncover Insights Hidden in Your Scattered Thoughts","heroSubtitle5":"With the AI Whiteboard","heroDesc5":"Your next breakthrough is already in your notes. Constella's visual AI canvas connects everything and surfaces what you couldn't see before.","heroTitle6":"Discover What You've Been Missing","heroSubtitle6":"With the AI Whiteboard","heroDesc6":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle7":"See the Insights You've Been Sitting On","heroSubtitle7":"With the AI Whiteboard","heroDesc7":"Capture, connect, and synthesize on one visual canvas. Constella's AI surfaces the breakthroughs you didn't know
341were already in your work.","heroTitle8":"Unlock the Breakthroughs in Your Mess","heroSubtitle8":"With the AI Whiteboard","heroDesc8":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle9":"Forget Files \u0026 Folders, Not Your Thoughts","heroSubtitle9":"With the AI Whiteboard","heroDesc9":"Instantly capture thoughts and recall everything important when you need it, thanks to automatic organization and linking.","heroTitle10":"Instantly Capture, Recall, and Connect Your Thoughts","heroSubtitle10":"With the AI Whiteboard","heroDesc10":"Connect your apps, dump in your files, and let Constella automatically organize and surface what you need, when you need it.","heroTitle11":"For Minds with Too Many Thoughts","heroSubtitle11":"With the AI Whiteboard","heroDesc11":"Instantly capture, sync your apps, and dump your files. Let Constella do the organization and connecting to surface what you need.","heroTitle12":"Turn Information Overload into Clear Breakthroughs","heroSubtitle12":"With the AI Whiteboard","heroDesc12":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle13":"Turn Your Scattered Thinking into Synthesized Insight","heroSubtitle13":"With the AI Whiteboard","heroDesc13":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","heroTitle14":"Turn Research Chaos into Clear Breakthroughs","heroSubtitle14":"With the AI Whiteboard","heroDesc14":"Capture thoughts, import papers, research online. Constella connects it all visually and surfaces the insights hiding across your work.","heroTitle15":"Turn Information Overload into Relieving Clarity","heroSubtitle15":"With the AI Whiteboard","heroDesc15":"Constella auto-connects your thoughts, files, and apps, so the insights surface when you need them.","mobileHeroTitle":"Instantly Capture, Search, and","mobileHeroSubtitle":"Think on a Whole New Level","mobileHeroDesc":"File and folder apps box you in. Instantly add thoughts and notes, then recall them later with AI search when you need them.","mobileHeroTitle1":"Finally, An App That","mobileHeroSubtitle1":"Keeps Up with You","mobileHeroDesc1":"Instantly capture anywhere, effortlessly bring ideas together, and augment your mind with the next-gen AI canvas.","mobileHeroTitle2":"Next-Gen AI Canvas for","mobileHeroSubtitle2":"Genius Thinkers \u0026 Creators","mobileHeroDesc2":"Quickly capture thoughts, connect ideas across works, and build deep knowledge with an AI-augmented canvas.","mobileHeroTitle3":"Instantly Capture Anywhere","mobileHeroSubtitle3":"And Recall Anytime","mobileHeroDesc3":"With an AI-first canvas, you can instantly capture notes and then find them later when you need them to build knowledge.","mobileHeroTitle4":"Capture Ideas Instantly","mobileHeroSubtitle4":"Connect Them Effortlessly","mobileHeroDesc4":"Stop losing brilliant thoughts. Capture everything instantly and let AI help you connect ideas to build real knowledge.","mobileHeroTitle5":"Your Mind, Amplified","mobileHeroSubtitle5":"By AI Intelligence","mobileHeroDesc5":"Break free from rigid folders. Capture thoughts naturally and discover connections you never saw before with intelligent search.","mobileHeroTitle6":"Capture Without Limits","mobileHeroSubtitle6":"Remember Everything","mobileHeroDesc6":"Transform scattered thoughts into organized wisdom. Capture instantly, search intelligently, and watch your ideas evolve into something greater.","heroDescTest1":"","heroDescTest2":"Folders were limiting us. Seamlessly capture, connect, and realize your thoughts.","heroDescTest3":"Folders were limiting us. Fluidly capture, connect, and build your thoughts.","scrollCardsTitle":"An App Like Your Mind","scrollCardsSubtitle":"The next leap forward in thinking.","bentoTitle":"Find Clarity in Today's Chaos","bentoSubtitle":"All your thoughts in one place with state-of-the-art tools.","bentoDesc":"All the best tools in one easy canvas to empower you.","unleashMind":"effortlessly find notes when","potential":"when you need them","totalPrivacy":"Maximizing Privacy","privacyOwnership":"You own all your data","onlyYouSeeNotes":"Private tunnel for cloud sync","offlineMode":"Easily exportable Markdown format","notesStoredLocally":"Offline, local-first support","controlNotesForStella":"Local AI search models","designedForBrain":"Take Your Mind to a Whole New Level","designedSubtitle":"Rigid tools of the past locked us into boxes â what if they adapted to us instead?","instantRecall":"Instant recall","instantRecallDesc":"Our brains work by looking up relevant thoughts when we need to think and work on something specific. However, our memory is very limited, and we often make big mistakes due to this.
341Constella brings up related notes when you need them.","networkedConnections":"Effortless connections","networkedConnectionsDesc":"Interconnected neurons automatically form in our brain, so why can't our notes and files do the same?","stellaHelp":"Stella, Your Sidekick","stellaSubtitle":"Analyze, ideate, and magically create together.","stellaDesc":"By collecting thoughts and drawing connections, you build knowledge in order to do great work. Why spend time reiterating your knowledge to someone else?","imageFileSearching":"Image and File Searching","imageFileSearchingSubtitle":"Paste images and files and then find them with Constella's revolutionary similarity search.","importExport":"Built-in Importing \u0026 Exporting","importExportSubtitle":"Easily bring in your data from other apps, think on Constella, and export as links, markdown, or documents.","useConstella":"Constella Augments You Everywhere","useConstellaSubtitle":"This new shift in thinking is a game changer wherever you go.","faqs":"FAQs","voteSubmit":"Vote and Follow Requests","voteSubmitSubtitle":"We frequently implement top-voted requests.","implementThis":"Submit a request...","ourBlogs":"Blogs","workingHard":"While others try to replace humans, we believe in augmenting our potential with AI instead.","checkRoadmap":"check out the roadmap","downloadNow":"Download Now for Free","quickCapture":"Quick capture on the go","relatedNotes":"Add brilliant ideas and files to your second brain from wherever you are.","checkMobile":"Check out more info about the mobile app","connectingIdeas":"Think deeper and clearer.","letYourMindFlow":"Automatically Surface Past Notes","letYourMindFlowSubtitle":"Related notes from the past will appear to help you remember important items.","deepConversations":"Deep Conversations","deepConversationsSubtitle":"Have a nice chat to discuss, plan, and brainstorm. Talk using your notes, create new ones, or browse the web.","lovedByThinkers":"Loved by People All Over the World","lovedByThinkersSubtitle":"Honest reviews from daily users.","submitRequest":"Submit a request...","mockVote":"mock vote","webClippingTitle":"Web Clipping Anywhere","webClippingSubtitle":"Using the Readwise integration, visualize and find all your highlights from articles, websites, books, and papers.","tyrannyOver":"The Limits of the Past Are Gone","joyfulThinking":"Unleash Your Mind's Full Potential","learnMore":"Mobile App","getMobile":"Get Mobile","tryMobileApp":"Try Mobile App","tryWebFirst":"Try Web","downloadDesktop":"Download Desktop","downloadMobile":"Download Mobile","emailDesktopLink":"Email Desktop Link","tryConstella":"Get Constella","mobileSectionTitle":"Constella On The Go","mobileSectionSubtitle":"Recall ideas with AI search anytime.","mobileSectionDesktopTitle":"Instant Capture On The Go","mobileSectionDesktopSubtitleLine1":"Recall ideas by meaning with AI search anytime.","mobileSectionDesktopSubtitleLine2":"Clip from other apps or have convos with Stella.","mobileSectionDownloadLabel":"Download on Mobile","mobileFeatureStayConnected":"Stay Connected","mobileFeatureWorkOnTheGo":"Work on the Go","mobileFeatureQuickSearching":"Quick Searching","mobileFeatureInstantCapture":"Instant Capture","mobileFeatureConnectThoughts":"Connect Thoughts","mobileFeatureAndMore":"and many more","stellaMobileSearch":"Have her search your notes based on what you want to talk about.","stellaMobileCreate":"Create notes while talking as you come up with ideas.","stellaMobileWeb":"She can search the web and browse web pages on the fly."},"CrossSync":{"title":"Cross-Platform Syncing Across Your Devices","subtitle":"Constella is available for Windows, Android, iOS, and Mac.","tryNow":"Try Now","altText":"Cross-platform sync illustration"},"Success":{"pageTitle":"Constella â Success!","pageDescription":"Welcome to the modern way of organizing your notes","heading":"Your Constella is ready!","subscriptionReady":"Your subscription is ready! You can download the app below and enter it. We also emailed it to you in case you need it again.","licenseKeyIntro":"Your license key is:","fetchingLicenseKey":"We are fetching your license key. This should only take a few seconds.","errorMessage":"Something went wrong. Please email","errorContactEmail":"[email protected]","errorContactPrompt":", and I will get back ASAP.","downloadHeading":"Download For Your Platform:","wikiLinkIntro":"In case the download didn't start, click","wikiLinkText":"this","wikiIntro":"By the way, besides the tutorial in the app, here's the","wikiLinkLabel":"Wiki","wikiOutro":"for you to explore ð","errorEmail"
341:"Error getting your license id. Something seems to have gone wrong. So sorry about this hassle, please email us at [email protected] and we'll get back ASAP"},"Layout":{"title":"Constella","product":"Product","downloads":"Downloads","userGuide":"The Wiki","uses":"Uses","mobile":"Mobile App","resources":"Resources","votingBoard":"Community Board","features":"Features","roadmap":"Roadmap","useCases":"Use Cases","pkms":"Daily Life","professionals":"Professionals","researchers":"Researchers","founders":"Founders","creatives":"Creatives","adhdFolks":"ADHD Folks","reading":"Reading","mindMapping":"Mind Mapping","about":"About","support":"Support","blog":"Blog","careers":"Careers","forEnterprise":"For Teams","termsOfService":"Terms of Service","privacyPolicy":"Privacy Policy","similaritySearch":"Similarity Search","linkingNotes":"Linking notes","freeFlowJotting":"Free Flow Jotting","stellaAssistant":"Stella Assistant","mobileApp":"Mobile App","theWiki":"Wiki","pricing":"Pricing","startNow":"Start Now","download":"Download","downloadForWindows":"Download for Windows","downloadForMac":"Download for Mac","downloadForIOS":"Download iOS","downloadForAndroid":"Download Android","getStarted":"Get Started","getMobile":"Get Mobile","getMobileApp":"Get Mobile App","tryWebFirst":"Try Web","downloadDesktop":"Download Desktop","allUses":"Explore all use cases","desktopApp":"Desktop App"},"FeaturesBento":{"sectionTitle":"Features to Help You Make Progress","sectionSubtitle":"From saving views to changing themes, Constella has everything to help you think \u0026 work on another level.","tagging":"AI Tagging","taggingDescription":"Add tags to notes to filter views, limit retrievals, focus on certain topics, and separate notes.","savingViews":"Saving Views","savingViewsDescription":"Save views for later, allowing you to easily revisit and update mind maps.","watchConstella":"Watch Constella on Youtube","watchConstellaDescription":"A full walkthrough with example use cases.","markdownEditor":"Markdown Text Editor","markdownEditorDescription":"Utilize a powerful text editor with markdown support, slash commands, and a select menu for styling."},"UseCases":{"PKMSTitle":"PKMS","PKMSDescription":"The perfect personal knowledge management system (pkms) has fast thought capture, backlinking, and retrieval. Constella lets you create chains of thought that you can retrieve instantly without the hours needed for maintaining a manual pkms. Plus, Constella is designed to be learned easily and adapt to you.","ResearchTitle":"Research","Re
341searchDescription":"Successful research comes from connecting the dots from your work as well as others' papers. It's so hard to keep track of ideas from different research papers, but Constella makes it effortless to visualize and link material together. Then let Stella chat use the links to help you write great papers.","DecisionMakingTitle":"Decision Making","DecisionMakingDescription":"A well-thought-out decision can determine whether an endeavor will succeed or fail. Having the full context of everything involved combined with past learnings and reminders will amp your ability tremendously to make the best decisions. Some say Constella drastically improves their judgments and outcomes.","MindMappingTitle":"Mind Mapping","MindMappingDescription":"When trying to understand a concept or brainstorm the next steps, it is helpful to mind map your thoughts. Constella not only allows you to drag and drop nodes, but also remembers them for the future so you can easily reference old thoughts. This way you can both take notes and visualize them at the same time.","KnowledgeTitle":"Knowledge","KnowledgeDescription":"The Zettelkasten system allowed Niklas Luhmann to publish over 70 books and 400 articles. By using Constella, you automatically implement this system without spending hours having to manually categorize your notes. Let Constella track everything and give you what you need when you need it.","EveryoneElseTitle":"Everyone Else","EveryoneElseDescription":"Having full awareness of everything happening in your life will give you a huge edge in today's world. Constella lets you jot down personal notes, observations, learnings, and any thoughts you have. Then, Constella will instantly recall relevant bits as you search and type to save you time while helping you gain tremendous clarity.","BentoCards":{"aiCoreTitle":"AI Is Not an Extension, It's at the Core","aiCoreDescription":"Unlike other apps stuck in outdated patterns, Constella's interface was designed with intelligence from the start.","notesInstantlyTitle":"Take Notes Instantly","notesInstantlyDescription":"Add notes, links, and files instantly. Constella stores them for you while you focus on thinking and creating.","dailyNotesTitle":"Daily Notes with Magic","dailyNotesDescription":"Type away freely and related notes from the past will appear on the canvas as you need them.","backlinkTitle":"Connect Visually","backlinkDescription":"Trace these thoughts in the future like the way your neurons do, but without having to remember yourself."}},"Mobile":{"title":"Your Memories, Never Lost Again","description":"Instantly capture a thought without the annoying pain of thinking of which file to put it in.","download":"Download Now for Free"},"Auth":{"yourThinkingUniverse":"Your thinking universe awaits!","oneEmailSignup":"One email and you're in â we'll automatically create a new account if you haven't been here before.","email":"Email","password":"Password","forgotPassword":"Forgot Password","signIn":"Sign In","downloadConstella":"Download Constella","oneClickOptions":"One Click Options","loggedIn":"You are logged in...","clickIfNotRedirect":"Click here if it doesn't automatically redirect","orLogOut":"or log out","authError":"Error logging in","unknownError":"Unknown error","checkCredentials":"Error logging in, please check your credentials and try again.","signupError":"Error signing up â we may be experiencing too many new users at once. Please email us at [email protected] for support.","forgotPasswordSuccess":"Password reset email sent! Please check your inbox.","enterEmailFirst":"Please enter your email address first","resetEmailError":"Failed to send password reset email â is this a valid email?","emailPasswordRequired":"Please enter your email and password"},"Pricing":{"monthly":"Monthly","annually":"Annually","starterTitle":"All the Basics","ultraTitle":"Advanced AI Features","starterButtonText":"Let's Start","ultraButtonText":"Go Ultra","perMonth":"per month","billedAnnually":"billed annually","features":"Features","starterFeature1":"Seamless Desktop Experience","starterFeature2":"Mobile App On the Go","starterFeature3":"All Essential Features","starterFeature4":"20 Minutes Stella Calls On Mobile","ultraFeature1":"Everything In Starter","ultraFeature2":"Full AI Suite \u0026 Premium Features","ultraFeature3":"500 Minutes / Mo Stella Calling","ultraFeature4":"Unlimited Stella Sidekick Mode","ultraFeature5":"AI Auto Tagging","ultraFeature6":"Syncing Readwise, Zapier, And Integrations","billedAnnuallyText":"Billed annually.","switchToMonthly":"Switch to monthly","switchToAnnually":"Switch back to annually"},"Downloads":{"desktopOrMobile":"Whether You're at Your Desk or on the Go","accessEveryDevice":"Access Constella on Every Device"}}},"__N_SSG":true},"page":"/canvas","query":{},"buildId":"Z3rdb1Jpl0mJRyB038eU2","isFallback":false,"gsp":true,"locale":"en","locales":["en","ja","zh"],"defaultLocale":"en","scriptLoader":[]}</script>
341</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.