:root{--bg:#fff;--fg:#121212;--muted:#666;--faint:#a3a3a3;--line:#e6e6e6;--hover:#f2f2f2;--brand:#1d72fc;--font-sans:"SF Pro Display", -apple-system, BlinkMacSystemFont, var(--font-inter), "Helvetica Neue", Arial, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--gutter:20px;--nav-h:52px;--sidebar-w:350px;--gap:16px;--ease-out:cubic-bezier(.22, 1, .36, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px}a{color:inherit}button{font:inherit;color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--fg);color:var(--bg);border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}@keyframes load-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.anim{animation:load-in .7s var(--ease-out) both}.sidebar__intro.anim{animation-delay:80ms}.sidebar__footer.anim{animation-delay:.16s}.nav{z-index:20;height:var(--nav-h);grid-template-columns:var(--sidebar-w) 1fr auto;padding:0 var(--gutter);background:linear-gradient(to bottom, var(--bg) 55%, #fff0);align-items:center;column-gap:24px;display:grid;position:fixed;inset:0 0 auto}.logo{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-self:start;align-items:center;gap:8px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.logo__mark{width:14px;height:14px;transition:transform .4s var(--ease-out);border-radius:3.5px}.logo:hover .logo__mark{transform:rotate(-12deg)scale(1.08)}.crumbs{grid-column:2;min-width:0}.crumbs ol{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-items:center;gap:8px;margin:0;padding:0;font-size:11px;font-weight:500;list-style:none;display:flex}.crumbs li{align-items:center;gap:8px;min-width:0;display:flex}.crumbs li+li:before{content:"/"}.crumbs a{color:inherit;white-space:nowrap;text-decoration:none;transition:color .15s}.crumbs a:hover{color:var(--fg)}.crumbs [aria-current]{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav__end{grid-column:3;align-items:center;gap:12px;display:flex}.btn{background:var(--fg);color:#fff;letter-spacing:.005em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 16px 0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn:hover{background:#333}.btn svg{width:14px;height:14px;transition:transform .3s var(--ease-out)}.btn:hover svg{transform:translate(2px)}.btn--sm{height:30px;padding:0 12px 0 14px;font-size:13px}.menu-btn{border:1px solid var(--line);background:var(--bg);height:30px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:0 12px;font-size:11px;font-weight:500;display:none}.menu-pop{inset:calc(var(--nav-h) - 4px) var(--gutter) auto auto;width:min(300px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:12px;margin:0;padding:6px 16px 16px;box-shadow:0 24px 48px -16px #1018282e}.menu-pop .menu{margin:0 0 16px}.menu-pop .menu li:first-child a{border-top:0}.menu-pop a[aria-current=page]:after{content:"●";font-size:8px}.layout{grid-template-columns:var(--sidebar-w) 1fr;padding:var(--nav-h) var(--gutter) 0;column-gap:24px;display:grid}.sidebar{top:var(--nav-h);height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));flex-direction:column;justify-content:space-between;padding-bottom:20px;display:flex;position:sticky}.site-sidebar{padding-bottom:14px}.headline{letter-spacing:-.02em;text-wrap:balance;max-width:320px;margin:0;font-size:24px;font-weight:600;line-height:1.15}.sub{max-width:300px;color:var(--muted);letter-spacing:-.005em;text-wrap:pretty;margin:12px 0 0;font-size:15px;line-height:1.45}.menu{margin:28px 0 20px}.menu ul{margin:0;padding:0;list-style:none}.menu a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;font-weight:500;line-height:18px;text-decoration:none;transition:color .15s;display:flex}.menu li:last-child a{border-bottom:1px solid var(--line)}.menu__n{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);transition:transform .3s var(--ease-out), color .15s;font-size:11px}.menu a:hover{color:var(--muted)}.menu a:hover .menu__n{transform:translate(-4px)}.menu a[aria-current=page] .menu__n{color:var(--fg)}.menu a[aria-current=page] .menu__n:before{content:"● ";vertical-align:1px;font-size:8px}.label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:500}.logos{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 0;padding:0;list-style:none;display:grid}.logos li{border-bottom:1px solid var(--line);align-items:center;height:44px;display:flex}.logos li:nth-child(3n+2){justify-content:center}.logos li:nth-child(3n){justify-content:flex-end}.logos img{width:auto;height:calc(14px * var(--s,1));filter:grayscale()brightness(0);opacity:.55;max-width:100%;transition:opacity .2s}.logos li:hover img{opacity:.9}.logos__lockup{color:#000;opacity:.55;letter-spacing:-.01em;align-items:center;gap:5px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.logos__lockup img{opacity:1}.logos li:hover .logos__lockup{opacity:.9}.site-footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:20px;font-size:11px;display:flex}.site-footer p{margin:0}.site-footer ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.site-footer a{text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--fg)}.cards{align-items:start;gap:var(--gap);grid-template-columns:1fr 1fr;padding-bottom:120px;display:grid}.cards__col{flex-direction:column;gap:28px;min-width:0;display:flex}.card{cursor:none;flex-direction:column;gap:10px;text-decoration:none;display:flex}.js .card{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(16px)}.js .card.is-in{opacity:1;transform:none}@media (hover:none){.card{cursor:pointer}}.card__media{background:var(--hover);position:relative;overflow:hidden}.card__media>*{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out);position:absolute;inset:0}.card:hover .card__media>*{transform:scale(1.02)}.card__thumb{opacity:0;transition:opacity .4s, transform .9s var(--ease-out)}.card__thumb.is-ready{opacity:1}.card__media:has(.card__thumb.is-ready) .ph{visibility:hidden}.card__name{letter-spacing:.01em;margin:0;font-size:14px;font-weight:600;line-height:16px}.card__meta{color:var(--muted);margin:2px 0 0;font-size:14px;font-weight:500;line-height:16px}.tooltip{z-index:30;backdrop-filter:blur(12px)saturate(1.4);color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s, transform .2s var(--ease-out);background:#3c3c3c73;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;line-height:16px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.85)}.tooltip.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.fader{z-index:10;pointer-events:none;height:80px;position:fixed;inset:auto 0 0}.layout:has(.site-sidebar)~.fader{left:calc(var(--gutter) + var(--sidebar-w) + 12px)}@supports (animation-timeline:scroll()){.fader{animation:linear both fader-out scroll(root);animation-range:calc(100% - 96px) 100%}}@keyframes fader-out{to{opacity:0}}.fader>div{position:absolute;inset:0}.fader>div:first-child{-webkit-backdrop-filter:blur(.5px);-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 33%,#0000 50%);mask-image:linear-gradient(#0000 0%,#000 16% 33%,#0000 50%)}.fader>div:nth-child(2){-webkit-backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(#0000 16%,#000 33% 50%,#0000 66%);mask-image:linear-gradient(#0000 16%,#000 33% 50%,#0000 66%)}.fader>div:nth-child(3){-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(#0000 33%,#000 50% 66%,#0000 83%);mask-image:linear-gradient(#0000 33%,#000 50% 66%,#0000 83%)}.fader>div:nth-child(4){-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(#0000 50%,#000 66% 83%,#0000 100%);mask-image:linear-gradient(#0000 50%,#000 66% 83%,#0000 100%)}.fader>div:nth-child(5){-webkit-backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(#0000 66%,#000 83% 100%);mask-image:linear-gradient(#0000 66%,#000 83% 100%)}.fader>div:nth-child(6){background:linear-gradient(#fff0,#fff9)}.ph{overflow:hidden}.ph__title{z-index:2;letter-spacing:-.02em;place-items:center;font-size:clamp(20px,3vw,34px);font-weight:600;display:grid;position:absolute;inset:0}.ph--logo{color:#1f1f1f;background:radial-gradient(120% 90% at 50% 40%,#fff 0%,#f1efea 70%)}.ph--logo:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ff5c102e,#0000 65%);border-radius:50%;width:46%;margin:-23% 0 0 -23%;animation:4.5s ease-in-out infinite breathe;position:absolute;top:50%;left:50%}.ph__logo{width:34%;height:auto;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{50%{translate:0 -4%}}.ph--curio{color:#0a0a0a;background:radial-gradient(120% 90% at 50% 40%,#fcfbfa 0%,#f4f3ed 70%)}.ph--curio:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#15803d29,#0000 65%);border-radius:50%;width:46%;margin:-23% 0 0 -23%;animation:4.5s ease-in-out infinite breathe;position:absolute;top:50%;left:50%}.ph--curio .ph__logo{width:30%}.ph--felloz{color:#fff;background:radial-gradient(90% 70% at 50% 45%,#fff3,#0000 70%),linear-gradient(160deg,#f08a6a 0%,#ef7f63 45%,#f46960 100%)}.ph--felloz .ph__logo{width:36%}.ph--bounce{color:#121212;background:#d8ff3c}.ph--bounce .ph__shape{aspect-ratio:1;background:#121212;border-radius:50%;width:18%;margin-left:-9%;animation:1.1s cubic-bezier(.5,0,.5,1) infinite alternate bounce;position:absolute;top:18%;left:50%}.ph--bounce .ph__shape:after{content:"";clip-path:inset(0 0 50%);border-radius:50%;position:absolute;inset:0;transform:rotate(-25deg)scale(.7);box-shadow:inset 0 0 0 3px #d8ff3c}.ph--bounce .ph__title{place-items:end center;padding-bottom:18%}@keyframes breathe{50%{scale:.86}}@keyframes bounce{to{transform:translateY(170%)scaleY(.92)}}.page{min-width:0;padding:4px 0 160px}.page>*+*{margin-top:72px}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:11px;font-weight:500}.page-title{letter-spacing:-.02em;text-wrap:balance;max-width:720px;margin:0;font-size:28px;font-weight:600;line-height:1.2}.lede{max-width:620px;color:var(--muted);text-wrap:pretty;margin:16px 0 0;font-size:17px;line-height:1.5}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;display:grid}.split>h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.3}.body{max-width:520px;font-size:15px;line-height:1.55}.body p{margin:0 0 1em}.body p:last-child{margin-bottom:0}.body a,.prose a{text-underline-offset:3px;text-decoration-thickness:1px}.body a:hover,.prose a:hover{color:var(--muted)}.prose{overflow-wrap:break-word;max-width:680px;font-size:16px;line-height:1.7}.prose>:first-child{margin-top:0}.prose h2{letter-spacing:-.01em;scroll-margin-top:calc(var(--nav-h) + 16px);margin:2.2em 0 .6em;font-size:21px;font-weight:600;line-height:1.3}.prose h3{scroll-margin-top:calc(var(--nav-h) + 16px);margin:1.8em 0 .4em;font-size:17px;font-weight:600;line-height:1.4}.prose h4{margin:1.6em 0 .4em;font-size:15px;font-weight:600}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose pre{margin:0 0 1.1em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.25em 0}.prose li>p{margin:0}.prose strong{font-weight:600}.prose blockquote{border-left:2px solid var(--line);color:var(--muted);margin-left:0;padding-left:16px}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.prose img{border-radius:4px;height:auto}.prose code{background:var(--hover);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:.85em}.prose pre{background:var(--hover);border-radius:6px;padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px 8px 0}.prose th{font-weight:600}.steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.steps>li{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:18px 0;display:grid}.steps__n{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);font-size:11px;line-height:22px}.steps h3{margin:0;font-size:15px;font-weight:600;line-height:22px}.steps p{max-width:560px;color:var(--muted);margin:4px 0 0;font-size:15px;line-height:1.55}.faq{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 0;font-size:15px;font-weight:600;line-height:1.4;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--faint);transition:transform .3s var(--ease-out);font-weight:500}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{max-width:600px;color:var(--muted);padding:0 0 18px;font-size:15px;line-height:1.6}.faq details>div p{margin:0 0 .8em}.faq details>div p:last-child{margin:0}.quotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.quote{background:var(--hover);border-radius:4px;flex-direction:column;height:100%;margin:0;display:flex;overflow:hidden}.quote__photo{aspect-ratio:1;object-fit:cover;object-position:50% 30%;width:100%;height:auto}.quote__text{flex-direction:column;flex:1;justify-content:space-between;gap:20px;padding:20px;display:flex}.quote blockquote{text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.quote blockquote p{margin:0}.quote figcaption{font-size:13px;line-height:18px}.quote figcaption strong{font-weight:600;display:block}.quote figcaption span{color:var(--muted)}.snaps{flex-direction:column;gap:28px;max-width:920px;display:flex}.snaps__row{align-items:flex-start;gap:28px;display:flex}.snap{flex:var(--ar,1) 1 0;min-width:0;transform:rotate(var(--r,-1deg));transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);background:#fff;border-radius:3px;margin:0;padding:8px 8px 0;box-shadow:0 0 0 1px #0000000d,0 18px 36px -18px #10182859}.snaps__row:nth-child(odd) .snap:nth-child(2){--r:1.2deg}.snaps__row:nth-child(2n) .snap:first-child{--r:.8deg}.snaps__row:nth-child(2n) .snap:nth-child(2){--r:-1.4deg}.snap:hover{transform:rotate(0)translateY(-2px);box-shadow:0 0 0 1px #0000000d,0 24px 44px -18px #10182866}.snap img{border-radius:2px;width:100%;height:auto}.snap figcaption{color:var(--muted);padding:10px 2px 12px;font-size:13px;line-height:18px}.snap figcaption a{color:var(--fg);text-underline-offset:3px;text-decoration-thickness:1px}.page section:has(>.bento--1)+section:has(>.bento--2){margin-top:12px}.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:280px;gap:12px;margin:0;padding:0;list-style:none;display:grid}.bento--1{grid-template-areas:"website website linkedin""sales-deck sales-demo linkedin""pitch-deck software software"}.bento--2{grid-template-areas:"design-brain design-brain analytics""design-brain design-brain design-system"}.asset--linkedin{grid-area:linkedin}.asset--website{grid-area:website}.asset--sales-deck{grid-area:sales-deck}.asset--sales-demo{grid-area:sales-demo}.asset--pitch-deck{grid-area:pitch-deck}.asset--software{grid-area:software}.asset--analytics{grid-area:analytics}.asset--design-system{grid-area:design-system}.asset--design-brain{grid-area:design-brain}.asset{background:var(--hover);outline-offset:3px;min-width:0;scroll-margin-top:calc(var(--nav-h) + 16px);border-radius:12px;flex-direction:column;display:flex;position:relative}.asset__visual{border-radius:12px 12px 0 0;flex:1;min-height:0;position:relative;overflow:hidden}.asset__name{align-items:baseline;gap:10px;margin:0;padding:12px 16px 14px;font-size:14px;font-weight:600;line-height:18px;display:flex}.asset__name span{font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);font-size:11px;font-weight:500}.asset__tip{z-index:3;backdrop-filter:blur(14px)saturate(1.4);color:#fff;opacity:0;pointer-events:none;width:260px;transition:opacity .2s, transform .3s var(--ease-out);background:#181818db;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.45;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-6px,-50%);box-shadow:0 20px 40px -16px #10182873}.page:has(.bento){overflow-x:clip}.asset.tip-left .asset__tip{left:auto;right:calc(100% + 10px);transform:translate(6px,-50%)}.asset__tip p{margin:0}.asset__tip p+p{margin-top:8px}.asset__tip span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin-bottom:2px;font-size:10px;display:block}.asset:hover,.asset:focus-visible{z-index:5}.asset:hover .asset__tip,.asset:focus-visible .asset__tip{opacity:1;transform:translateY(-50%)}.asset:focus-visible{outline:2px solid var(--brand)}@media (hover:none){.bento{grid-auto-rows:auto}.asset__visual{flex:none;height:240px}.asset--linkedin .asset__visual{height:460px}.asset__tip{backdrop-filter:none;width:auto;color:var(--muted);box-shadow:none;opacity:1;background:0 0;margin:-4px 16px 16px;padding:0;position:static;transform:none}.asset__tip span{color:var(--faint)}}.v-badge{z-index:2;backdrop-filter:blur(8px);color:#fff;background:#121212b8;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:500;position:absolute;top:12px;left:12px}.v-photo,.v-photo img{width:100%;height:100%}.v-photo img{object-fit:cover;object-position:50% 35%;transition:transform .9s var(--ease-out)}.asset:hover .v-photo img{transform:scale(1.03)}.v-frame{background:#fff;position:absolute;inset:0;overflow:hidden}.v-frame iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.v-frame--product{border-radius:8px 0 0;inset:16px 0 0 16px;box-shadow:0 0 0 1px #0000000f,0 20px 40px -20px #10182859}.v-frame--product .v-badge{top:10px;left:auto;right:12px}.v-collateral{flex-direction:column;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.v-profile{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #0000000d}.v-profile__banner{aspect-ratio:4/1.25;color:#fff;background:radial-gradient(120% 140% at 100% 0,#9fc2ff 0%,#0000 45%),linear-gradient(135deg,#1d72fc,#0f4fc4);flex-direction:column;justify-content:flex-end;gap:6px;padding:12px 14px;display:flex;position:relative}.v-profile__banner img{border-radius:4px;position:absolute;top:12px;right:12px;box-shadow:0 0 0 1.5px #ffffffb3}.v-profile__banner strong{letter-spacing:-.01em;max-width:75%;font-size:14px;font-weight:600;line-height:1.15}.v-profile__body{padding:24px 14px 12px;font-size:11px;line-height:1.4;position:relative}.v-profile__body img{object-fit:cover;object-position:50% 25%;border:3px solid #fff;border-radius:50%;width:48px;height:48px;position:absolute;top:-26px;left:12px}.v-profile__body strong{font-size:13px;font-weight:600;display:block}.v-profile__body span{color:var(--muted)}.v-print-set{flex:1;gap:14px;min-height:0;display:flex}.v-rollup{width:42%;transition:transform .5s var(--ease-out);background:#fff;border-radius:3px;flex-direction:column;padding:0 0 14px;display:flex;position:relative;box-shadow:0 0 0 1px #0000000d,0 18px 30px -18px #10182859}.asset:hover .v-rollup{transform:translateY(-4px)}.v-rollup__top{color:#fff;background:linear-gradient(160deg,#1d72fc,#0f4fc4);border-radius:3px 3px 0 0;flex-direction:column;gap:8px;height:52%;padding:12px;display:flex}.v-rollup__top img{border-radius:3px;box-shadow:0 0 0 1px #fff9}.v-rollup__top strong{letter-spacing:-.01em;margin-top:auto;font-size:13px;font-weight:600;line-height:1.15}.v-rollup i{background:var(--line);border-radius:2px;height:4px;margin:8px 12px 0;display:block}.v-rollup i:nth-of-type(3){width:50%}.v-rollup__foot{background:#c9c9c9;border-radius:3px;height:6px;position:absolute;bottom:-8px;left:14%;right:14%}.v-print-stack{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.v-card{aspect-ratio:85/55;color:#fff;transition:transform .5s var(--ease-out);background:#121212;border-radius:4px;flex-direction:column;justify-content:space-between;padding:10px;font-size:9px;line-height:1.35;display:flex;transform:rotate(-3deg);box-shadow:0 14px 26px -16px #00000080}.asset:hover .v-card{transform:rotate(0)}.v-card img{border-radius:3px}.v-print{transition:transform .5s var(--ease-out);background:#fafafa;border-radius:4px;padding:12px;transform:rotate(1.5deg);box-shadow:0 0 0 1px #0000000f,0 12px 24px -16px #1018284d}.asset:hover .v-print{transform:rotate(0)}.v-print__kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-size:9px;display:block}.v-print strong{margin:4px 0 8px;font-size:12px;font-weight:600;line-height:1.25;display:block}.v-print i{background:var(--line);border-radius:3px;height:5px;margin-top:5px;display:block}.v-print i:last-child{width:60%}.v-browser{background:#fff;border-radius:8px 8px 0 0;position:absolute;inset:16px 16px 0;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 20px 40px -20px #10182859}.v-browser__bar{border-bottom:1px solid var(--line);background:#fafafa;align-items:center;gap:5px;height:26px;padding:0 10px;display:flex}.v-browser__bar i{background:#dcdcdc;border-radius:50%;width:8px;height:8px}.v-browser__bar span{color:var(--faint);background:#efefef;border-radius:4px;margin-left:10px;padding:1px 40px;font-size:10px}.v-browser img{width:100%;height:auto;transition:transform .9s var(--ease-out)}.asset:hover .v-browser img{transform:translateY(-4%)}.v-deck{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.v-chip{color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex;box-shadow:0 0 0 1px #0000000f}.v-chip b{background:#3ddc84;border-radius:50%;width:6px;height:6px}.v-slide{width:100%;transition:transform .5s var(--ease-out);background:#fff;border-radius:6px;flex-direction:column;flex:1;padding:14px 16px;display:flex;transform:rotate(-1.2deg);box-shadow:0 0 0 1px #0000000d,0 16px 32px -18px #1018284d}.asset:hover .v-slide{transform:rotate(0)}.v-slide__kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-size:9px}.v-slide strong{letter-spacing:-.01em;margin-top:4px;font-size:15px;font-weight:600;line-height:1.2}.v-slide ul{color:var(--muted);margin:10px 0 0;padding:0;font-size:11px;line-height:1.9;list-style:none}.v-slide li:before{content:"✓";color:var(--brand);margin-right:6px;font-weight:700}.v-slide__logos{gap:6px;margin-top:auto;display:flex}.v-slide__logos i{background:var(--line);border-radius:3px;width:28px;height:6px}.v-chart{flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.v-chart__card{z-index:1;background:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:16px;right:16px;box-shadow:0 0 0 1px #0000000d,0 10px 24px -12px #1018284d}.v-chart__card strong{letter-spacing:-.02em;font-size:20px;font-weight:600;display:block}.v-chart__card span{color:var(--muted);font-size:10px}.v-chart__bars{flex:1;align-items:flex-end;gap:14px;padding:8px 4px 0;display:flex}.v-chart__bars div{flex-direction:column;justify-content:flex-end;width:40px;height:100%;display:flex;position:relative}.v-chart__bars span{height:var(--h);background:repeating-linear-gradient(135deg,#e3e3e3 0 4px,#ececec 4px 8px);border-radius:6px 6px 2px 2px;display:block}.v-chart__bars .is-hi span{background:var(--brand)}.v-chart__bars small{color:var(--faint);text-align:center;margin-top:6px;font-size:10px}.v-chart__bars em{left:0;right:0;bottom:calc(var(--h,0) + 22px);color:var(--muted);text-align:center;font-size:10px;font-style:normal;position:absolute}.v-chart__bars div:first-child em{bottom:calc(22% + 24px)}.v-chart__bars div.is-hi em{color:var(--fg);bottom:calc(88% + 24px)}.v-funnel{gap:4px;margin-top:10px;display:flex}.v-funnel span{color:var(--muted);text-align:center;background:#fff;border-radius:4px;flex:1;padding:3px 0;font-size:9px;box-shadow:0 0 0 1px #0000000d}.v-ds{flex-direction:column;justify-content:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.v-ds__row{align-items:center;gap:8px;display:flex}.v-ds__btn{background:var(--fg);color:#fff;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500}.v-ds__btn--ghost{color:var(--fg);box-shadow:0 0 0 1px var(--line);background:#fff}.v-ds__input{box-shadow:0 0 0 1px var(--line);color:var(--faint);background:#fff;border-radius:6px;flex:1;padding:6px 10px;font-size:11px}.v-ds__toggle{background:var(--brand);border-radius:999px;width:30px;height:18px;position:relative}.v-ds__toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.v-ds__row--swatches i{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000000f}.v-ds__type{letter-spacing:-.03em;margin-left:auto;font-size:26px;font-weight:600;line-height:1}.asset--design-brain{background:var(--brand);color:#fff}.asset--design-brain .asset__name span{color:#fff9}.v-brain{flex-direction:column;gap:12px;padding:22px 22px 0;display:flex;position:absolute;inset:0}.v-brain__top{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;justify-content:space-between;font-size:10px;display:flex}.v-brain__search{background:#ffffff29;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:500}.v-brain__search:before{content:"⌕";opacity:.7;margin-right:8px}.v-brain__answer{color:var(--fg);background:#fff;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.5;box-shadow:0 20px 40px -20px #00000059}.v-brain__answer p{margin:0}.v-brain__next{color:var(--brand);font-weight:500;margin-top:6px!important}.v-brain__sources{flex-wrap:wrap;gap:6px;display:flex}.v-brain__sources span{background:#ffffff29;border-radius:999px;padding:4px 9px;font-size:11px}.v-brain__feed{border-top:1px solid #fff3;margin:auto 0 0;padding:0;list-style:none}.v-brain__feed li{border-bottom:1px solid #fff3;grid-template-columns:76px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:10px 0;font-size:13px;display:grid}.v-brain__feed b{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:500}.v-brain__feed span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-brain__feed em{color:#fff9;white-space:nowrap;font-size:11px;font-style:normal}.v-brain__search{font-size:17px!important}.tl{border:1px solid var(--line);border-radius:4px}.tl__head{border-bottom:1px solid var(--line);background:#fafafa;justify-content:space-between;padding:14px 20px;display:flex}.tl__head span,.tl__ticks span,.tl__when{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.tl__axis,.tl__row{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);column-gap:32px;padding:0 28px 0 20px;display:grid}.tl__axis{border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:12px}.tl__ticks{grid-column:2;height:14px;position:relative}.tl__ticks span{left:calc(var(--p) * 100%);white-space:nowrap;position:absolute;transform:translate(-50%)}.tl__ticks span:first-child{transform:none}.tl ol{margin:0;padding:0;list-style:none}.tl__row{align-items:center;padding-top:22px;padding-bottom:22px}.tl__row+.tl__row{border-top:1px solid var(--line)}.tl__info h3{margin:0;font-size:16px;font-weight:600;line-height:1.3}.tl__info p{color:var(--muted);margin:2px 0 8px;font-size:14px;line-height:1.4}.tl__when{color:var(--fg)}.tl__track{height:50px;position:relative}.tl__track:before{content:"";background:var(--line);height:2px;position:absolute;top:12px;left:0;right:0}.tl__bar{width:calc(var(--p) * 100%);background:var(--fg);transform-origin:0;height:14px;position:absolute;top:6px;left:0}.tl__mark{top:2px;left:calc(var(--p) * 100%);border:3px solid var(--fg);background:#fff;width:22px;height:22px;position:absolute;transform:translate(-50%)}.tl__label{top:32px;left:calc(var(--p) * 100%);color:var(--muted);white-space:nowrap;font-size:13px;position:absolute;transform:translate(-50%)}.tl__row:first-child .tl__label{transform:translate(-20%)}.tl__row:last-child .tl__label{transform:translate(-85%)}@supports (animation-timeline:view()){.tl__bar{animation:linear both tl-grow view();animation-range:entry}}@keyframes tl-grow{0%{transform:scaleX(0)}}.page-title--xl{letter-spacing:-.04em;font-size:clamp(40px,5vw,64px);line-height:1}.page-resources .page>.res{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.res [hidden]{display:none!important}.res-filters{scrollbar-width:none;gap:8px;margin-bottom:28px;padding-bottom:2px;display:flex;overflow-x:auto}.res-filters::-webkit-scrollbar{display:none}.res-filters button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:2px;flex:none;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s;display:inline-flex}.res-filters button:hover{border-color:#cfcfcf}.res-filters button span{color:var(--faint);font-family:var(--font-mono);font-size:11px}.res-filters button[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:#fff}.res-filters button[aria-pressed=true] span{color:#fff9}.res-tags{gap:6px;margin:0;display:flex}.res-tag{background:var(--hover);white-space:nowrap;border-radius:2px;padding:3px 8px;font-size:13px;font-weight:500;line-height:18px;display:inline-block}.res-tag--dark{background:var(--fg);color:#fff;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.res-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin:0;font-size:11px}.res-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.res-featured{border:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:32px;margin-bottom:20px;padding:10px;text-decoration:none;transition:border-color .2s;display:grid}.res-featured:hover,.res-card:hover{border-color:#cfcfcf}.res-featured__img,.res-card__img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.res-featured__text{flex-direction:column;gap:16px;padding:12px 24px 12px 0;display:flex}.res-featured h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.08}.res-featured .res-desc{-webkit-line-clamp:3;font-size:16px}.res-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.res-card{border:1px solid var(--line);flex-direction:column;height:100%;padding:10px;text-decoration:none;transition:border-color .2s;display:flex}.res-card__img{transition:opacity .2s}.res-card__meta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:14px 8px 12px;display:flex}.res-card__body{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 8px 8px;display:grid}.res-card h3{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.2}.res-card .res-desc{grid-column:1/-1;font-size:14px}.res-card__arrow{border:1px solid var(--line);place-items:center;width:34px;height:34px;transition:background-color .2s,color .2s,border-color .2s;display:grid}.res-card__arrow svg{width:14px;height:14px}.res-card:hover .res-card__arrow{border-color:var(--fg);background:var(--fg);color:#fff}.consent{left:var(--gutter);bottom:var(--gutter);z-index:40;width:min(340px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-direction:column;gap:12px;padding:16px;font-size:13px;line-height:1.45;display:flex;position:fixed;box-shadow:0 24px 48px -16px #10182833}.consent[hidden]{display:none}.consent p{color:var(--muted);margin:0}.consent a{color:var(--fg);text-underline-offset:2px}.consent__actions{gap:8px;display:flex}.consent button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;flex:1;height:34px;font-size:13px;font-weight:500}.consent button.is-primary{border-color:var(--fg);background:var(--fg);color:#fff}mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(100deg,#ffe24026,#ffe240d9 6%,#ffe240b3 94%,#ffe24033) 0 60%/100% 78% no-repeat;border-radius:.3em .15em .35em .2em;margin:0 -.05em;padding:0 .15em}@supports (animation-timeline:view()){mark{animation:linear both marker view();animation-range:entry}}@keyframes marker{0%{background-size:0% 78%}}.cta-line{margin-bottom:0;font-size:17px;line-height:1.5}.cta-line a{text-underline-offset:3px;align-items:center;gap:6px;margin-left:4px;font-weight:500;text-decoration-thickness:1px;display:inline-flex}.cta-line a:hover{color:var(--muted)}.cta-line svg{width:14px;height:14px;transition:transform .3s var(--ease-out)}.cta-line a:hover svg{transform:translate(2px)}.cta-box{background:var(--hover);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;max-width:680px;padding:24px;display:flex}.cta-box h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600;line-height:1.35}.cta-box p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}.about-grid{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:48px;display:grid}.about-photo{aspect-ratio:1;background:var(--hover);border-radius:4px;overflow:hidden}.about-photo img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.facts{flex-direction:column;gap:20px;margin:24px 0 0;font-size:13px;line-height:18px;display:flex}.facts dt{color:#999}.facts dd{margin:0;font-weight:500}.section-title{letter-spacing:-.01em;scroll-margin-top:calc(var(--nav-h) + 16px);margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.3}.article>*+*{margin-top:40px}.article__cover{border-radius:4px;width:100%;max-width:680px;height:auto}.toc-box ul{margin:8px 0 0;padding-left:1.2em}.toc-box .label{color:var(--fg)}.post-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.post-list a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:24px;padding:14px 0;text-decoration:none;display:grid}.post-list h2,.post-list h3{margin:0;font-size:15px;font-weight:500;line-height:1.4;transition:color .15s}.post-list p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;margin:2px 0 0;font-size:14px;line-height:1.45;overflow:hidden}.post-list time{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap;grid-area:1/2;font-size:11px}.post-list a:hover h2,.post-list a:hover h3{color:var(--muted)}.post-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;gap:4px 16px;margin:20px 0 0;font-size:11px;font-weight:500;display:flex}.post-meta a{color:var(--fg);text-decoration:none}.toc-box{border:1px solid var(--line);border-radius:4px;max-width:680px;padding:16px 20px;font-size:14px;line-height:1.5}.toc-box ol{color:var(--muted);margin:8px 0 0;padding-left:1.2em}.toc-box li{margin:3px 0}.toc-box a{text-decoration:none}.toc-box a:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.author{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);gap:14px;max-width:680px;padding-top:20px;font-size:14px;line-height:1.5;display:grid}.author img{object-fit:cover;object-position:50% 25%;border-radius:50%;width:48px;height:48px}.author p{color:var(--muted);margin:0}.author strong{color:var(--fg);font-weight:600}@media (width<=1100px){:root{--sidebar-w:280px}.split,.about-grid{grid-template-columns:1fr}.about-photo{max-width:260px}.quotes,.bento,.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.res-featured{grid-template-columns:1fr;gap:8px}.res-featured__text{padding:12px 8px 8px}.bento--1{grid-template-areas:"website website""linkedin sales-deck""linkedin sales-demo""software software""pitch-deck pitch-deck"}.bento--2{grid-template-rows:340px 280px;grid-template-areas:"design-brain design-brain""analytics design-system"}.tl__axis,.tl__row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}@media (width>=761px) and (height<=700px){.site-sidebar{gap:48px;height:auto;position:static}}@media (width<=760px){:root{--gutter:16px;--nav-h:48px}.nav{grid-template-columns:1fr auto}.crumbs{display:none}.nav__end{grid-column:2}.nav__end .btn{display:none}.menu-btn{align-items:center;display:inline-flex}.page-home .menu-btn{display:none}.layout{display:block}.sidebar{height:auto;padding:12px 0 28px;position:static}.layout:has(.site-sidebar){flex-direction:column;display:flex}.layout:has(.site-sidebar)~.fader{left:0}.site-sidebar{display:contents}.site-sidebar .sidebar__intro{order:0;padding:12px 0 32px}.layout>main{order:1}.site-sidebar .sidebar__footer{padding:56px 0 var(--gutter);order:2}.page-inner .site-sidebar .sidebar__intro{display:none}.headline,.sub{max-width:none}.cards{flex-direction:column;align-items:stretch;gap:28px;display:flex}.cards__col{display:contents}.card{order:var(--i)}.page{padding:16px 0 0}.page>*+*{margin-top:56px}.page-title{font-size:24px}.lede{font-size:16px}.post-list a{grid-template-columns:1fr}.post-list time{grid-area:auto/1;margin-top:6px}.post-list p{white-space:normal}.snaps__row{flex-direction:column;gap:28px}.res-grid{grid-template-columns:1fr}.page-resources .page>.res{margin-top:32px;padding-top:24px}.bento,.bento--1,.bento--2{grid-template:none/1fr;grid-auto-rows:auto}.asset{grid-area:auto}.asset__visual{flex:none;height:240px}.asset--linkedin .asset__visual{height:460px}.asset--design-brain .asset__visual{height:340px}.tl__axis{display:none}.tl__axis,.tl__row{grid-template-columns:1fr;row-gap:14px;padding:0 28px 0 16px}.tl__row{padding-top:18px;padding-bottom:18px}.snap{flex:none;width:100%}.quotes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.tm{letter-spacing:.02em;vertical-align:.9em;margin-left:.1em;font-size:.5em;font-weight:500;line-height:0}