@property --spot-x{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --spot-y{syntax:"<length-percentage>";inherits:false;initial-value:50%}:root{--bg:#05070d;--surface:oklab(17.7432% -.00187538 -.0177222/.74);--surface-2:#171b24;--ink:#f3f5f9;--muted:#98a0af;--line:oklab(28.8348% -.00376055 -.0296181/.82);--accent:#1fc98a;--accent-ink:color-mix(in oklab, var(--accent) 76%, white);--radius:22px;--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}:root[data-theme=light]{--bg:#f7f7f5;--surface:oklab(100% 0 5.96046e-8/.76);--surface-2:#eeefec;--ink:#13151a;--muted:#5b616c;--line:oklab(89.5359% -.0029594 .00614393/.88);--accent-ink:color-mix(in oklab, var(--accent) 55%, black);color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-width:none;-ms-overflow-style:none;max-width:100%;overflow-x:clip}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}body{color:var(--ink);background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 60%), radial-gradient(90% 60% at 88% 12%, oklab(51.0573% .0278994 -.228355/.14), transparent 62%), var(--bg);background-attachment:fixed;flex-direction:column;max-width:100vw;min-height:100svh;display:flex;overflow-x:hidden}main{z-index:2;flex:1;position:relative}img{max-width:100%;height:auto;display:block}a{color:var(--accent-ink);text-underline-offset:.18em}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:600;line-height:1.05}h1{font-size:clamp(2.4rem,6vw,4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:1.1rem}p{margin:0 0 1em}.wrap{z-index:2;width:min(1120px,100% - 44px);margin-inline:auto;position:relative}.narrow{max-width:760px}.muted{color:var(--muted)}.serif{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.gl{z-index:0;pointer-events:none;position:fixed;inset:0}.calm .gl{opacity:.34}.calm .vignette{background:radial-gradient(70% 55% at 50% 45%, transparent 20%, color-mix(in oklab, var(--bg) 92%, transparent) 100%)}.vignette{z-index:1;pointer-events:none;background:radial-gradient(75% 60% at 50% 45%, transparent 40%, color-mix(in oklab, var(--bg) 88%, transparent) 100%);position:fixed;inset:0}.grain{z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;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='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.cursor,.cursor-ring{z-index:90;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.cursor{background:var(--accent);width:7px;height:7px;translate:-50% -50%}.cursor-ring{border:1px solid color-mix(in oklab, var(--ink) 45%, transparent);width:38px;height:38px;transition:width .35s var(--ease-out), height .35s var(--ease-out), background-color .35s var(--ease), border-color .35s var(--ease);translate:-50% -50%}.cursor-ring.hot{background:color-mix(in oklab, var(--accent) 22%, transparent);border-color:#0000;width:62px;height:62px}.cursor-ring.press{width:26px;height:26px}@media (pointer:coarse){.cursor,.cursor-ring{display:none}}.progress{z-index:80;transform-origin:0;background:linear-gradient(90deg, var(--accent), #6366f1);height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.site-header{z-index:70;transition:background .5s var(--ease), border-color .5s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.stuck{background:color-mix(in oklab, var(--bg) 70%, transparent);backdrop-filter:blur(16px)saturate(150%);border-bottom-color:var(--line)}.bar{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-weight:600;text-decoration:none;display:flex}.site-nav{gap:4px;display:flex}.site-nav a{color:var(--muted);transition:color .3s var(--ease), background-color .3s var(--ease);border-radius:999px;padding:9px 15px;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.site-nav a:hover{color:var(--ink);background:var(--surface-2)}.logo{transition:transform .5s var(--ease-out), filter .5s var(--ease);flex:none;display:block}.logo .orbit{transform-origin:24px 24px;animation:9s linear infinite orbit}.logo .orbit.trail{opacity:.3;animation-delay:-.34s}@keyframes orbit{to{transform:rotate(360deg)}}a:hover>.logo,button:hover>.logo{filter:drop-shadow(0 4px 14px color-mix(in oklab, var(--accent) 45%, transparent));transform:scale(1.08)}.button{background:var(--ink);color:var(--bg);will-change:transform;border-radius:15px;align-items:center;gap:10px;padding:14px 22px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(8px)}.button:after{content:"";opacity:.55;transition:translate .8s var(--ease);background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 65%, white), transparent);position:absolute;inset:0;translate:-130%}.button:hover:after{translate:130%}.button .arrow{transition:transform .4s var(--ease-out)}.button:hover .arrow{transform:translate(5px)}.pill{background:color-mix(in oklab, var(--accent) 16%, transparent);color:var(--accent-ink);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:500;display:inline-block}.pill.neutral{background:var(--surface-2);color:var(--muted)}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(14px)saturate(130%);isolation:isolate;transform-style:preserve-3d;transition:transform .45s var(--ease-out), border-color .45s var(--ease), box-shadow .45s var(--ease);position:relative;overflow:hidden}.card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(460px circle at var(--spot-x) var(--spot-y), color-mix(in oklab, var(--accent) 30%, transparent), transparent 62%);position:absolute;inset:-1px}.card:after{content:"";z-index:3;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(220px circle at var(--spot-x) var(--spot-y), oklab(100% 0 5.96046e-8/.14), transparent 60%);position:absolute;inset:0}.card:hover{border-color:color-mix(in oklab, var(--accent) 38%, var(--line));box-shadow:0 24px 60px color-mix(in oklab, var(--accent) 12%, transparent)}.card:hover:before,.card:hover:after{opacity:1}.r{opacity:0;transition:opacity .9s var(--ease-out), transform 1s var(--ease-out);transform:translateY(28px)}.r.in,.no-js .r,:root:not(.js) .r{opacity:1;transform:none}.prose{font-size:1.02rem}.prose>:first-child{margin-top:0}.prose p,.prose li{color:color-mix(in oklab, var(--ink) 88%, var(--muted))}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.3em}.prose h2{margin:2em 0 .6em;font-size:1.25rem}.prose code{background:var(--surface-2);border-radius:6px;padding:.1em .35em;font-size:.9em}.site-footer{z-index:2;border-top:1px solid var(--line);margin-top:110px;padding:46px 0 64px;position:relative}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:22px;font-size:.92rem;display:flex}.foot p{margin:0}.wordmark{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:clamp(12px,2vw,26px);margin-top:46px;padding:0;display:flex;position:relative}.wordmark .logo{width:clamp(46px,9vw,96px);height:auto}.wm-text{letter-spacing:-.055em;white-space:nowrap;user-select:none;color:var(--ink);font-size:clamp(2.4rem,12.5vw,9rem);font-weight:600;line-height:.86}.wm-char{will-change:transform, background-position;color:#0000;background-image:linear-gradient(100deg,#34d399,#6366f1 45%,#38bdf8 72%,#34d399);-webkit-background-clip:text;background-clip:text;display:inline-block}.wm-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease-out);font-size:.78rem;position:absolute;top:-22px;right:2px;transform:translateY(6px)}.wordmark:hover .wm-hint{opacity:1;transform:none}@media (width<=620px){.wm-hint{display:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.r{opacity:1;transform:none}.gl,.grain,.cursor,.cursor-ring{display:none}}