:root{--bg:#fffaf6;--surface:#fff;--surface-pressed:#f3ede7;--ink:#1c1719;--ink-2:#7b7380;--ink-3:#b4acb6;--line:#1c17191a;--line-strong:#1c17192e;--danger:#c2283f;--linen:#ffeee2;--linen-2:#ffeee2b8;--brand-blue:#2a1fff;--brand-blue-hover:#3d33ff;--brand-blue-press:#2217d9;--on-brand:#ffeee2;--coffee-pill:#fbe3c8;--coffee-text:#9a4f12;--dev-pill:#e6e4ff;--dev-text:#2a1fff;--design-pill:#fbdaea;--design-text:#b4246f;--books-pill:#f1ddf7;--books-text:#7a2c8f;--running-pill:#d2f3e7;--running-text:#0b7558;--font-body:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-stat:"Archivo", "Instrument Sans", sans-serif;--text-hero:clamp(52px, 7.4vw, 96px);--text-h2:clamp(36px, 4.6vw, 56px);--text-h3:22px;--text-lead:20px;--text-body:16px;--text-post:15.5px;--text-small:13px;--text-pill:12px;--text-display:clamp(72px, 7vw, 96px);--track-heading:-.035em;--leading-heading:.98;--gutter:16px;--wrap:1200px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;--section-pad:120px;--radius:12px;--radius-card:20px;--radius-sheet:24px;--radius-pill:999px;--control-h:52px;--shadow-sm:0 1px 2px #1c17190f, 0 2px 8px -2px #1c171914;--shadow-md:0 2px 6px #1c17190f, 0 18px 36px -14px #1c171938;--shadow-lg:0 4px 10px #1c171914, 0 40px 70px -24px #1c171952;--shadow-btn:0 1px 2px #2a1fff40, 0 10px 24px -10px #2a1fff8c;--inner-light:inset 0 1px 0 #ffffff24;--ns-shade:linear-gradient(180deg, #00000059 0%, #0000 22%, #0000 40%, #0000008c 62%, #000000f0 100%);--ns-text-shadow:0 1px 2px #00000059;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--t-short:.16s;--t-mid:.42s;--t-reveal:.7s;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;overflow-x:clip}body{background:var(--bg);color:var(--ink);font:var(--text-body)/1.5 var(--font-body);-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";z-index:2;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}img{max-width:100%;height:auto;display:block}svg{display:block}.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{z-index:10;background:var(--ink);color:var(--linen);border-radius:var(--radius);padding:10px 14px;text-decoration:none;position:absolute;top:-64px;left:16px}.skip:focus{top:16px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h1,h2{font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--track-heading);text-wrap:balance;margin:0}h1{font-size:var(--text-hero);margin:0 0 24px}h2{font-size:var(--text-h2);max-width:18ch;margin:0 0 56px}h3{font-size:var(--text-h3);letter-spacing:-.01em;margin:0 0 8px;font-weight:600}.kicker{font-size:var(--text-small);color:var(--ink-2);margin:0 0 20px;font-weight:500}.lead{font-size:var(--text-lead);color:var(--ink-2);text-wrap:pretty;max-width:30ch;margin:0 0 36px;line-height:1.45}.small{font-size:var(--text-small);color:var(--ink-2);max-width:44ch;margin:14px 0 0}.proof{font-size:var(--text-small);color:var(--ink-2);align-items:center;gap:10px;margin:18px 0 0;display:flex}.proof[hidden]{display:none}.avatars{display:flex}.avatars img{object-fit:cover;border:2px solid var(--bg);width:28px;height:28px;box-shadow:var(--shadow-sm);background:var(--surface-pressed);border-radius:50%}.avatars img+img{margin-left:-9px}.proof .count b{color:var(--ink);font-variant-numeric:tabular-nums;transition:color var(--t-short);font-weight:600}.proof .count b.bump{color:var(--brand-blue)}.proof .live{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.proof .live i{background:#1db36b;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #1db36b73}@keyframes pulse{0%{box-shadow:0 0 #1db36b73}70%{box-shadow:0 0 0 7px #1db36b00}to{box-shadow:0 0 #1db36b00}}@media (prefers-reduced-motion:reduce){.proof .live i{animation:none}}.top-nav{justify-content:space-between;align-items:center;height:76px;display:flex}.top-nav .wm{width:auto;height:18px}.btn{height:var(--control-h);border-radius:var(--radius-pill);background:var(--brand-blue);color:var(--on-brand);font:600 15px/1 var(--font-body);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-btn), var(--inner-light);transition:background-color var(--t-short), transform var(--t-short) var(--ease), box-shadow var(--t-short);border:0;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-blue-hover);box-shadow:0 2px 4px #2a1fff40, 0 14px 28px -10px #2a1fff99, var(--inner-light);transform:translateY(-1px)}.btn:active{background:var(--brand-blue-press);box-shadow:0 1px 2px #2a1fff4d, var(--inner-light);transition-duration:60ms;transform:translateY(0)scale(.985)}.btn-ghost{height:40px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;padding:0 16px;font-size:14px;font-weight:500}.btn-ghost:hover{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow-sm)}.btn-ghost:active{background:var(--surface-pressed);box-shadow:inset 0 0 0 1px var(--line-strong)}.signup form{gap:8px;max-width:460px;display:flex}.signup input[type=email]{min-width:0;height:var(--control-h);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:15.5px var(--font-body);box-shadow:var(--shadow-sm);transition:border-color var(--t-short), box-shadow var(--t-short);outline:none;flex:1;padding:0 20px}.signup input[type=email]::placeholder{color:var(--ink-3)}.signup input[type=email]:focus{border-color:var(--ink);box-shadow:var(--shadow-sm), 0 0 0 4px #1c17190f}.signup input.invalid{border-color:var(--danger)}.pick{font-size:var(--text-small);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.pick span{margin-right:4px}.pick button{font:600 13px/1 var(--font-body);border-radius:var(--radius-pill);cursor:pointer;opacity:.45;transition:opacity var(--t-short), transform var(--t-mid) var(--ease-spring);border:0;padding:7px 12px}.pick button:hover{opacity:.8;transform:translateY(-1px)}.pick button:active{transition-duration:60ms;transform:scale(.94)}.pick button[aria-pressed=true]{opacity:1;box-shadow:var(--shadow-sm)}.err{font-size:var(--text-small);color:var(--danger);margin-top:10px}.err:empty{display:none}.sending button[type=submit]{opacity:.5;pointer-events:none}.done{max-width:460px;display:none}.done b{margin-bottom:6px;font-size:20px;font-weight:600;display:block}.done p{color:var(--ink-2);margin:0 0 14px}.ref{gap:8px;display:flex}.ref code{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);min-width:0;height:44px;font:14px var(--font-body);color:var(--ink-2);white-space:nowrap;flex:1;align-items:center;padding:0 16px;display:flex;overflow:hidden}.ref .btn{height:44px;padding:0 18px;font-size:14px}.joined form,.joined .small,.joined .pick,.joined .err{display:none}.joined .done{animation:rise var(--t-reveal) var(--ease) both;display:block}.dupe .done p,.dupe .done .ref{display:none}.pill{font:500 var(--text-pill)/1 var(--font-body);border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.005em;align-items:center;padding:5px 8px;display:inline-flex}.p-coffee{background:var(--coffee-pill);color:var(--coffee-text)}.p-dev{background:var(--dev-pill);color:var(--dev-text)}.p-design{background:var(--design-pill);color:var(--design-text)}.p-books{background:var(--books-pill);color:var(--books-text)}.p-running{background:var(--running-pill);color:var(--running-text)}.p-soon{background:var(--surface-pressed);color:var(--ink-3)}[data-reveal]{opacity:0;transition:opacity var(--t-reveal) var(--ease), transform var(--t-reveal) var(--ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(18px)}[data-reveal].in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;min-height:calc(100vh - 76px);padding-top:24px;padding-bottom:72px;display:grid}section{scroll-margin-top:24px}.how,.niches-section,.projects,.end{padding:var(--section-pad) 0;border-top:1px solid var(--line)}.fan{aspect-ratio:29/30;perspective:1200px;justify-self:center;width:100%;max-width:580px;position:relative}.card{--px:0px;--py:0px;--rx:0deg;--ry:0deg;--rot:0deg;aspect-ratio:4/5;border-radius:var(--radius-card);color:#fff;width:48.3%;box-shadow:var(--shadow-lg);transform:translate3d(var(--px), var(--py), 0) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rot));transition:transform var(--t-mid) var(--ease), box-shadow var(--t-mid) var(--ease);will-change:transform;background:#2a2426;position:absolute;overflow:hidden;container-type:inline-size}.card:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff2e}.card img{object-fit:cover;width:100%;height:100%}.card:after{content:"";background:var(--ns-shade);position:absolute;inset:0}.card-top{z-index:1;text-shadow:var(--ns-text-shadow);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;top:14px;left:14px;right:14px}.card-top .pill{text-shadow:none}.band{z-index:1;color:#ffeee2;text-shadow:var(--ns-text-shadow);flex-direction:column;align-items:center;gap:clamp(8px,4.5cqw,16px);display:flex;position:absolute;bottom:clamp(10px,5cqw,18px);left:4cqw;right:4cqw}.band .row{justify-content:center;align-items:center;display:flex}.band svg{flex:none;display:block}.band .stats{align-items:flex-end;gap:clamp(10px,7cqw,26px)}.band .stat{text-align:center;flex-direction:column;align-items:center;display:flex}.band .stat b{letter-spacing:-.02em;font-variant-numeric:lining-nums proportional-nums;font-size:clamp(17px,8.4cqw,30px);font-weight:600;line-height:1;display:block}.band .stat.big b{font-size:clamp(26px,13cqw,46px)}.band .stat b small,.band i small{letter-spacing:0;color:#ffeee299;margin-left:1px;font-size:.5em;font-weight:500}.band .lbl{color:#ffeee2b8;white-space:nowrap;align-items:center;gap:4px;margin-top:clamp(3px,1.8cqw,7px);font-size:clamp(9px,3.6cqw,12px);line-height:1.2;display:flex}.band .lbl svg{width:clamp(10px,3.9cqw,14px);height:clamp(10px,3.9cqw,14px)}.band .mid{white-space:nowrap;gap:clamp(6px,3.2cqw,12px);font-size:clamp(9px,3.6cqw,12px);line-height:1.3}.band .ring{width:clamp(26px,11cqw,40px);height:clamp(26px,11cqw,40px)}.band i{letter-spacing:-.015em;font-size:clamp(11px,4.4cqw,15px);font-style:normal;font-weight:600}.band .pct i{margin-left:3px}.band .y1{color:#ffeee2}.band .y2{color:#ffeee299}.band .y3{color:#ffeee25c}.band .y2 small,.band .y3 small{color:inherit}.band .shot{display:inline-flex;position:relative}.band .recipe{color:#ffeee2b8;flex-direction:column;gap:4px;display:flex}.band .recipe i{color:#ffeee2}.band .recipe>span{align-items:center;gap:4px;display:flex}.band .arrow{width:clamp(11px,4.4cqw,16px);height:auto}.band .dim{color:#ffeee2b8}.band .dimmer{color:#ffeee25c}.band .foot{color:#ffeee280;white-space:nowrap;gap:clamp(8px,4.4cqw,16px);font-size:clamp(9px,3.4cqw,12px);line-height:1.3}.band .foot span{align-items:center;gap:5px;display:flex}.band .foot svg{width:clamp(10px,3.6cqw,13px);height:clamp(10px,3.6cqw,13px)}@container (width<=210px){.band .foot{display:none}}.c1{--rot:-7deg;top:19%;left:0}.c2{--rot:1deg;z-index:2;top:2%;left:25.8%}.c3{--rot:8deg;z-index:1;top:22%;right:0}.fan:hover .c1{--rot:-9deg}.fan:hover .c3{--rot:10deg}.fan:hover .card{box-shadow:0 6px 14px #1c17191a,0 56px 90px -28px #1c171966}.fan[data-reveal]{opacity:1;transform:none}.fan[data-reveal] .card{opacity:0;transform:translate3d(0, 28px, 0) rotate(var(--rot)) scale(.96)}.fan[data-reveal].in .card{opacity:1;transform:translate3d(var(--px), var(--py), 0) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rot));transition:opacity var(--t-reveal) var(--ease), transform var(--t-reveal) var(--ease-spring), box-shadow var(--t-mid) var(--ease)}.fan[data-reveal].in .c1{transition-delay:.12s}.fan[data-reveal].in .c2{transition-delay:0s}.fan[data-reveal].in .c3{transition-delay:.22s}.how-head{margin-bottom:56px}.how-head h2{margin-bottom:0}.steps{grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid}.step{border-top:1px solid var(--line);padding-top:24px}.step .num{font-family:var(--font-stat);font-weight:500;font-stretch:125%;font-size:var(--text-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 28px -.04em;line-height:.8}.step p{color:var(--ink-2);text-wrap:pretty;max-width:30ch;margin:0}.niches-section h2{margin-bottom:40px}.niches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.niches .pill{box-shadow:var(--shadow-sm);transition:transform var(--t-mid) var(--ease-spring);padding:9px 18px;font-size:17px}.niches .pill:hover{transform:translateY(-2px)rotate(-1.5deg)}.niches .pill:nth-child(2n):hover{transform:translateY(-2px)rotate(1.5deg)}.niches .sep{color:var(--ink-3);margin:0 8px 0 14px;font-size:14px}.niches-section .small{margin-top:24px}.projects-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.projects-copy h2{margin-bottom:20px}.projects-copy .lead{max-width:34ch;margin-bottom:0}.project{background:var(--bg);border-radius:var(--radius-sheet);width:100%;max-width:393px;box-shadow:0 0 0 1px var(--line-strong), 0 0 0 7px var(--surface), 0 0 0 8px var(--line), var(--shadow-lg);transition:transform var(--t-mid) var(--ease);margin:0 auto;padding-bottom:6px;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.project:hover{transform:rotate(0)translateY(-4px)}.project-banner{aspect-ratio:12/5;object-fit:cover;width:100%}.project-head{align-items:flex-start;gap:14px;padding:0 16px;display:flex}.project-pp{object-fit:cover;width:104px;height:104px;box-shadow:0 0 0 4px var(--bg), var(--shadow-md);border-radius:12px;flex:none;margin-top:-44px}.project-id{flex-direction:column;gap:3px;min-width:0;padding:10px 0 2px;display:flex}.project-id>b{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.2}.project-id .tag{color:var(--ink-2);font-size:13px}.project-id .by{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;display:flex}.project-id .by img{object-fit:cover;border-radius:50%;width:18px;height:18px}.project-id .by b{color:var(--ink);font-weight:500}.project-desc{margin:14px 0 0;padding:0 16px;font-size:14.5px;line-height:1.4}.project-tabs{border-bottom:1px solid var(--line);color:var(--ink-3);gap:22px;padding:16px 16px 0;font-size:15px;display:flex}.project-tabs span{border-bottom:2px solid #0000;margin-bottom:-1px;padding-bottom:10px}.project-tabs .on{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.project-pinned{color:var(--ink-2);padding:14px 16px 0;font-size:12px}.project-pinned:before{content:"↑ "}.user-row{align-items:center;gap:8px;min-width:0;padding:0 16px;display:flex}.user-row .avatar{object-fit:cover;background:var(--surface-pressed);border-radius:50%;flex:none;width:40px;height:40px;margin-right:2px}.user-row b{letter-spacing:-.005em;font-size:15px;font-weight:600}.user-row .time{color:var(--ink-2);font-size:var(--text-small);flex:none;margin-left:auto}.post-text{font-size:var(--text-post);letter-spacing:-.004em;margin:9px 0 0;padding:0 16px;line-height:1.35}.text-post{padding:8px 0 14px}.post-foot{color:var(--ink-2);gap:14px;margin-top:10px;padding:0 16px;font-size:13.5px;font-weight:500;display:flex}.post-foot span{align-items:center;gap:5px;display:flex}.post-foot svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.end{padding:140px 0 120px}.mood{letter-spacing:-.025em;color:var(--ink-2);margin:0 0 14px;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.1}.end h2{max-width:16ch;margin-bottom:36px}.answers{max-width:520px;margin:48px 0 0;padding:0}.answers div{border-top:1px solid var(--line);grid-template-columns:minmax(0,12em) minmax(0,1fr);gap:12px;padding:12px 0;font-size:14.5px;display:grid}.answers dt{margin:0;font-weight:600}.answers dd{color:var(--ink-2);margin:0}footer{border-top:1px solid var(--line);padding:28px 0 40px}footer .wrap{font-size:var(--text-small);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}footer .ikon{width:auto;height:22px;color:var(--ink)}footer nav{gap:22px;display:flex}footer a{transition:color var(--t-short);text-decoration:none}footer a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.fan[data-reveal] .card{opacity:1;transform:translate3d(0,0,0) rotate(var(--rot,0deg));transition:none}.card,.btn,.pick button,.niches .pill,.project,.joined .done{transition:none;animation:none}.fan:hover .c1{--rot:-7deg}.fan:hover .c3{--rot:8deg}.project:hover{transform:rotate(-1.5deg)}}@media (width<=900px){:root{--section-pad:88px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:28px}.hero-copy{display:contents}.hero h1{order:1}.hero .lead{order:2;margin-bottom:8px}.hero .fan{order:3;justify-self:start;max-width:520px;margin:16px 0 36px}.hero #join{order:4}.projects-grid{grid-template-columns:1fr;gap:48px}.project{margin:0;transform:rotate(0)}.project:hover{transform:none}}@media (width<=700px){.wrap{padding:0 var(--gutter)}.steps{grid-template-columns:1fr}.hero{padding-top:12px;padding-bottom:48px}.hero h1{margin-bottom:16px}.hero .fan{aspect-ratio:10/9;perspective:900px;justify-self:center;width:100%;max-width:400px;margin:8px auto 20px}.card{width:58%;box-shadow:var(--shadow-md)}.c1{--rot:-8deg;top:17%;left:0}.c2{--rot:1deg;top:0;left:21%}.c3{--rot:8deg;top:20%;right:0}.card-top{font-size:12px;top:10px;left:12px;right:12px}}@media (width<=520px){:root{--section-pad:72px;--text-lead:18px}h2{margin-bottom:40px}.top-nav{height:64px}.hero{gap:0;padding-bottom:48px}.signup form{flex-direction:column}.signup input[type=email]{flex:none;width:100%}.signup form .btn{width:100%}.how-head{margin-bottom:40px}.card{border-radius:16px}.project-pp{width:84px;height:84px;margin-top:-36px}.end{padding:96px 0 88px}.answers div{grid-template-columns:1fr;gap:2px}}.legal{max-width:720px;padding-top:40px;padding-bottom:96px}.legal h1{font-size:var(--text-h2);margin:8px 0 32px}.legal h2{font-size:var(--text-h3);max-width:none;margin:40px 0 12px}.legal h3{margin:24px 0 8px;font-size:17px}.legal p,.legal li{font-size:var(--text-body);color:var(--ink-2);line-height:1.6}.legal strong{color:var(--ink);font-weight:600}.legal ul{margin:0 0 16px;padding-left:20px}.legal li{margin:0 0 6px}.legal a{text-underline-offset:2px;text-decoration:underline}.legal code{font:inherit}