@view-transition{navigation:auto}:root{color-scheme:light dark;--bg:light-dark(#F7F7F5,#0D0D0C);--bg-2:light-dark(#EFEFEC,#151514);--surface:light-dark(#FFFFFF,#1A1A19);--surface-2:light-dark(#F8F8F6,#1F1F1D);--ink:light-dark(#121211,#EDEDE8);--ink-2:light-dark(#5B5B57,#A2A19B);--ink-3:light-dark(#95948E,#6A6964);--line:light-dark(rgba(18,18,17,.09),rgba(255,255,255,.08));--line-2:light-dark(rgba(18,18,17,.16),rgba(255,255,255,.14));--accent:light-dark(#5B4CF5,#8C82FF);--accent-ink:#fff;--accent-grad:linear-gradient(110deg,light-dark(#7A4DFF,#A48CFF),light-dark(#4F6BFF,#7390FF) 55%,light-dark(#2F8CFF,#5AAEFF));--tag-bg:linear-gradient(110deg,light-dark(#7A4DFF,#6B52F2),light-dark(#4F6BFF,#5160EE) 55%,light-dark(#2F8CFF,#3C6CEB));--live:light-dark(#1E9E5A,#3DD68C);--sunset:light-dark(#A3A29C,#6A6964);--concept:light-dark(#6B6BE0,#9090FF);--shadow:0 0 0 1px light-dark(transparent,rgba(255,255,255,.05)),0 1px 0 light-dark(rgba(0,0,0,.03),transparent),0 12px 32px -14px light-dark(rgba(0,0,0,.18),transparent),0 40px 90px -40px light-dark(rgba(0,0,0,.28),rgba(0,0,0,.8));--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--out:cubic-bezier(.2,.8,.2,1);--inout:cubic-bezier(.65,0,.35,1);--spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--max:1200px;--g:16px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(min-width:720px){:root{--g:32px}}@media(min-width:1200px){:root{--g:48px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 8% 0%,light-dark(rgba(122,77,255,.07),transparent),transparent 70%),radial-gradient(50% 45% at 100% 12%,light-dark(rgba(47,140,255,.07),transparent),transparent 70%),radial-gradient(60% 50% at 70% 100%,light-dark(rgba(122,77,255,.05),transparent),transparent 72%)}body{margin:0;isolation:isolate;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:calc(var(--max) + var(--g)*2);margin:0 auto;padding:0 var(--g)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.01em;font-weight:400}.tnum{font-variant-numeric:tabular-nums}kbd{font:500 11px/1 var(--mono);display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 1px 0 var(--line-2);color:var(--ink-2)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);flex:none}.dot.live{position:relative}.dot.live:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--live);animation:pulse 2.6s infinite}.dot.sunset,.dot.shipped{background:var(--sunset)}.dot.concept{background:transparent;box-shadow:inset 0 0 0 1.5px var(--concept)}@keyframes pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(3);opacity:0}}.nav{position:sticky;top:0;z-index:60;background:transparent;border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.nav.scrolled{background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--line)}.nav:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(90deg,light-dark(rgba(122,77,255,.04),transparent),light-dark(rgba(47,140,255,.06),transparent))}.nav.scrolled:before{opacity:1}.nav-in{height:60px;display:flex;align-items:center;gap:24px}.brand{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.brand i{width:14px;height:14px;border-radius:4px;background:var(--accent-grad);transform:rotate(45deg) scale(.8);transition:transform .6s var(--spring)}.brand:hover i{transform:rotate(135deg) scale(.9)}.nav-links{display:none;gap:2px}.nav-links a{padding:6px 10px;border-radius:8px;color:var(--ink-2);font-size:14.5px;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a[aria-current]{color:var(--ink);background:var(--line)}.nav-r{margin-left:auto;display:flex;align-items:center;gap:6px}.ibtn{height:32px;min-width:32px;padding:0 8px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--ink-2);transition:background .2s,color .2s;font-size:14px}.ibtn:hover{background:var(--line);color:var(--ink)}.ibtn kbd{background:transparent;box-shadow:none}.theme-ic{width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%);transition:transform .6s var(--spring)}:root[data-theme=dark] .theme-ic{transform:rotate(180deg)}.menu-lab{font-size:14px}@media(min-width:760px){.nav-links{display:flex}.menu-lab{display:none}}@media(max-width:759px){.ibtn .kb{display:none}}.shead{display:flex;align-items:baseline;gap:16px;padding-top:14px;border-top:1px solid var(--line-2);margin-bottom:clamp(20px,3vw,32px)}.shead h2{margin:0;font:600 15px/1.2 var(--sans);letter-spacing:-.005em}.shead .ct{color:var(--ink-3)}.shead .r{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}section{scroll-margin-top:76px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;z-index:90;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px -10px #00000059;transition:opacity .2s,transform .45s var(--spring);pointer-events:none;max-width:calc(100vw - 32px)}.toast.on{opacity:1;transform:translate(-50%)}.foot{padding:clamp(72px,11vw,150px) 0 36px}.foot .kick{color:var(--ink-3);margin:0 0 14px}.email{font-family:var(--display);font-size:clamp(1.7rem,5.92vw,4.57rem);font-weight:600;letter-spacing:-.045em;line-height:1;display:inline-flex;align-items:center;gap:.3em;flex-wrap:wrap;text-align:left}.email .u{background:var(--accent-grad) 0 100%/0 .08em no-repeat;transition:background-size .55s var(--out);padding-bottom:.02em}.email:hover .u{background-size:100% .08em}.email .cp{font:400 13px var(--sans);letter-spacing:0;color:var(--ink-3);padding:5px 11px;border:1px solid var(--line-2);border-radius:99px;transition:all .35s var(--spring);white-space:nowrap}.email.copied .cp{background:var(--live);border-color:var(--live);color:#fff}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(56px,9vw,110px);color:var(--ink-3);font-size:13.5px}.foot-row nav{display:flex;gap:20px}.foot-row a:hover{color:var(--ink)}dialog.pal{width:min(560px,calc(100vw - 32px));padding:0;border:1px solid var(--line-2);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 40px 120px -20px #00000073;margin-top:14vh;overflow:hidden}dialog.pal[open]{animation:palin .28s var(--out)}@keyframes palin{0%{opacity:0;transform:scale(.97) translateY(-6px)}}dialog.pal::backdrop{background:#0a0a0a47;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.pal input{width:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--ink);padding:18px 20px;border-bottom:1px solid var(--line)}.pal input::placeholder{color:var(--ink-3)}.pal ul{list-style:none;margin:0;padding:8px;max-height:360px;overflow:auto}.pal-g{font:11.5px var(--mono);color:var(--ink-3);padding:10px 12px 4px}.pal-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;color:var(--ink-2);font-size:15px}.pal-it.on{background:var(--bg-2);color:var(--ink)}.pal-it .ico{width:24px;height:24px;border-radius:6px;border:1px solid var(--line-2);display:grid;place-items:center;font-size:12px;flex:none}.pal-it kbd{margin-left:auto}.pal-empty{padding:24px;text-align:center;color:var(--ink-3)}.pal-foot{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--line);color:var(--ink-3);font-size:12px}.pal-foot span{display:inline-flex;align-items:center;gap:6px}.rv{opacity:0;transform:translateY(16px);transition:opacity 1s var(--out),transform 1s var(--out)}.rv.in{opacity:1;transform:none}.ld{opacity:0;transform:translateY(10px);animation:ld 1s var(--out) forwards}@keyframes ld{to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.65,0,.35,1)}.vt-theme::view-transition-old(root),.vt-theme::view-transition-new(root){animation:none;mix-blend-mode:normal}.readout{display:flex;align-items:center;gap:36px;font-family:var(--mono);font-size:12.5px}.readout .n{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1;transition:transform .5s var(--spring)}.readout .n.bump{transform:scale(1.18)}.readout .cell{display:flex;flex-direction:column;gap:4px}.readout .lab{opacity:.7}.muted{color:var(--ink-2)}.prose{max-width:66ch}.prose>p,.prose li{font-size:17.5px;line-height:1.68;color:var(--ink-2);text-wrap:pretty}.prose>p{margin:0 0 1.1em}.prose p strong,.prose li strong{color:var(--ink);font-weight:500}.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand-ink,var(--line-2));text-underline-offset:3px;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--ink)}.prose h2{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.04em;line-height:1.05;margin:clamp(56px,7vw,88px) 0 18px;color:var(--ink)}.prose>h2:first-child{margin-top:0}.prose h3{font-family:var(--display);font-weight:600;font-size:1.35rem;letter-spacing:-.03em;margin:2.2em 0 .5em}.prose ul,.prose ol{padding-left:1.2rem;margin:0 0 1.1em}.prose li{margin-bottom:.35em}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.prose figure{margin:2.2rem 0}@media(min-width:1100px){.prose figure{width:min(1100px,calc(100vw - 2 * var(--g)));max-width:none}}.prose figure img,.prose figure video{width:100%;border-radius:18px;border:1px solid var(--line);display:block}.prose figcaption{font-size:13.5px;color:var(--ink-3);margin-top:10px}.prose .review{border:1px dashed var(--line-2);border-radius:12px;padding:12px 14px;margin:0 0 1.5rem;color:var(--ink-2);font-size:14.5px;background:var(--surface-2)}.prose .review:before{content:"Needs your review";display:block;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.gate{max-width:calc(var(--max) + var(--g) * 2);margin:0 auto;padding:3rem var(--g) 5rem}.gate>*{max-width:520px}.gate .eyebrow{font:12px var(--mono);color:var(--ink-3);margin:0 0 8px}.gate-form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.gate-form label{flex:0 0 100%;font:12px var(--mono);color:var(--ink-3)}.gate-form input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit}.gate-form input:focus{outline:2px solid var(--brand-ink,var(--accent));outline-offset:1px}.gate-form button{height:42px;padding:0 16px;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:500}.gate-err{flex:0 0 100%;color:var(--accent);margin:0;font:12px var(--mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.rv,.ld{opacity:1;transform:none}html{scroll-behavior:auto}}
