@font-face{font-family:Clash Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ClashDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ClashDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ClashDisplay-Semibold.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ClashDisplay-Bold.woff2) format("woff2")}:root{--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-3xl: 3.5rem;--maxw: 1080px;--radius: 8px;--radius-lg: 14px;--ease: cubic-bezier(.4, 0, .2, 1);--accent: #E11D74;--accent-bright: #FF5C9E;--tint: #FBE3EE}[data-theme=light]{--bg: #FCFCFB;--surface: #FFFFFF;--surface2: #FAFAF8;--ink: #16161A;--muted: #6B6B72;--faint: #83837C;--hair: #E8E8E2;--acc: var(--accent);--dot: rgba(22, 22, 26, .05);--hl: rgba(255, 255, 255, .9)}[data-theme=dark]{--bg: #0E0E10;--surface: #161619;--surface2: #131316;--ink: #F4F4F2;--muted: #A0A09C;--faint: #82827B;--hair: #26262A;--acc: var(--accent-bright);--dot: rgba(244, 244, 242, .06);--hl: rgba(255, 255, 255, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;position:relative;overflow-x:clip}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}html{scrollbar-width:thin;scrollbar-color:var(--acc) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--acc);border-radius:8px;border:3px solid var(--bg);background-clip:padding-box;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--accent-bright);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:3px}.skip-link{position:fixed;left:12px;top:-60px;z-index:60;background:var(--surface);color:var(--ink);border:1px solid var(--acc);border-radius:8px;padding:9px 15px;font-family:var(--font-mono);font-size:12.5px;transition:top .16s var(--ease)}.skip-link:focus{top:12px}main.content:focus{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--hair);z-index:30}.topbar:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--scroll, 0) * 100%);background:var(--accent)}header.bar{position:sticky;top:2px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--hair)}.bar-in{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:-.01em}.brand .dot{color:var(--acc)}nav.top{display:flex;gap:24px;align-items:center}.u{position:relative}.u:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.u:hover:after,.u.active:after{transform:scaleX(1)}nav.top a{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);transition:color .15s}nav.top a:hover,nav.top a.active{color:var(--ink)}.toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);color:var(--ink);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.toggle:hover{border-color:var(--acc);transform:rotate(12deg)}.palette-wrap{position:relative;display:flex}.pbtn{width:32px;height:32px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.pbtn:hover{border-color:var(--acc)}.pbtn .sw{width:14px;height:14px;border-radius:50%;background:var(--accent);transition:background .2s}.pop{position:absolute;top:42px;right:0;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:12px;display:none;grid-template-columns:repeat(4,1fr);gap:10px;z-index:40;box-shadow:0 6px 28px #0000001a;width:184px}.pop.open{display:grid}.pop .lab{grid-column:1/-1;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}.pop .pdot{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .12s;outline-offset:2px}.pop .pdot:hover{transform:scale(1.12)}.pop .pdot.sel{border-color:var(--ink)}.layout{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:120px 1fr;padding:0 28px}.rail{position:sticky;top:80px;height:max-content;padding-top:54px;align-self:start;opacity:clamp(0,calc((1 - var(--scroll, 0)) * 8),1)}.rail ul{list-style:none;display:flex;flex-direction:column;gap:2px;padding-left:16px}.rail .scrub{position:absolute;left:6px;top:62px;bottom:12px;width:1.5px;background:var(--hair);border-radius:2px;pointer-events:none}.rail .scrub-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--scroll, 0) * 100%);background:var(--acc);border-radius:2px}.rail .scrub-head{position:absolute;left:50%;top:calc(var(--scroll, 0) * 100%);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}.rail a{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:7px 0;transition:color .2s;cursor:pointer}.rail a .tick{width:16px;height:1.5px;background:currentColor;opacity:.7;transition:width .25s var(--ease),background .25s,opacity .25s}.rail a.active{color:var(--acc)}.rail a.active .tick{width:34px;background:var(--acc);opacity:1}.rail a:hover{color:var(--ink)}.content{min-width:0;padding-bottom:60px}@media(max-width:780px){.layout{grid-template-columns:1fr;padding:0 20px}.rail{display:none}.bar-in{padding:14px 20px}nav.top{gap:16px}}section{position:relative;padding-top:72px;scroll-margin-top:84px}section>*{position:relative;z-index:1}.fhead{display:flex;align-items:center;gap:12px;margin-bottom:20px}.fhead .ticks{display:flex;align-items:flex-end;gap:3px;height:13px}.fhead .ticks i{width:1.5px;height:5px;background:var(--ink);opacity:.16;display:block}.fhead .ticks i.t{height:12px;opacity:.38}.fhead .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);white-space:nowrap}.fhead .rule{flex:1;height:1px;background:var(--hair);position:relative}.fhead .rule:after{content:"";position:absolute;right:0;top:-2px;width:1.5px;height:5px;background:var(--acc)}h2{font-family:var(--font-display);font-weight:500;font-size:24px;letter-spacing:-.02em}.lede{color:var(--muted);font-size:14px;margin:8px 0 22px;max-width:60ch}.hero{position:relative;padding-top:80px;overflow:visible}.hero .grid-bg{position:absolute;inset:-40px -40px auto -40px;height:340px;z-index:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.hero>*{position:relative;z-index:1}.hero .eye{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:500;margin-bottom:18px}.hero h1{font-family:var(--font-display);font-weight:600;font-size:64px;line-height:.98;letter-spacing:-.035em;margin-bottom:22px}.strip{display:flex;align-items:flex-end;gap:4px;height:22px;margin-bottom:24px;max-width:520px}.strip i{flex:1;height:6px;background:var(--ink);opacity:.12;display:block;transition:height .3s var(--ease)}.strip i.t{height:20px;opacity:.3}.strip i.a{background:var(--acc);opacity:.85}.hero .hook{font-size:19px;color:var(--muted);max-width:32ch}.hero .hook b{color:var(--ink);font-weight:500}.hero .sub{font-size:14px;color:var(--muted);margin-top:10px;max-width:44ch}.cta{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn{font-size:13.5px;font-weight:500;padding:11px 20px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .12s var(--ease),box-shadow .15s;display:inline-block}.btn:active{transform:scale(.98)}.solid{background:var(--accent);color:#fff}.solid:hover{transform:translateY(-1px)}.ghost{border-color:var(--hair);color:var(--ink)}.ghost:hover{border-color:var(--acc)}.hlinks{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}.hlinks a{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);position:relative}.hlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.hlinks a:hover{color:var(--ink)}.hlinks a:hover:after{transform:scaleX(1)}@media(max-width:560px){.hero h1{font-size:42px}nav.top{gap:13px}nav.top a{font-size:12px}}.prose{font-size:15.5px;color:var(--muted);max-width:62ch;margin-top:10px}.feature{position:relative;border:1px solid var(--hair);border-top:1px solid var(--hl);border-radius:14px;padding:24px;background:var(--surface);margin-bottom:14px;transition:transform .2s var(--ease),border-color .2s}.feature:hover{transform:translateY(-2px);border-color:var(--acc)}.feature .ftop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.feature .ftitle{font-family:var(--font-display);font-weight:500;font-size:20px;letter-spacing:-.01em}.feature .pill{font-family:var(--font-mono);font-size:10.5px;color:var(--acc);background:var(--tint);padding:4px 10px;border-radius:20px;white-space:nowrap}[data-theme=dark] .feature .pill{background:transparent;border:1px solid var(--acc)}.feature p{font-size:14px;color:var(--muted);margin-bottom:14px;max-width:62ch}.feature .fpoints{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.feature .fp{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline}.feature .fk{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);padding-top:2px}.feature .fv{font-size:14px;color:var(--muted);max-width:58ch}@media(max-width:560px){.feature .fp{grid-template-columns:1fr;gap:4px}}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);border:1px solid var(--hair);padding:4px 9px;border-radius:6px;transition:border-color .15s,color .15s}.flink{font-family:var(--font-mono);font-size:12px;color:var(--acc);margin-top:16px;display:inline-block;position:relative}.flink:after{content:"";position:absolute;left:0;right:14px;bottom:-2px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.flink:hover:after{transform:scaleX(1)}.rows{display:flex;flex-direction:column;margin-top:2px}.row{display:flex;align-items:baseline;gap:14px;padding:15px 6px;border-bottom:1px solid var(--hair);transition:padding-left .2s var(--ease),background .15s;border-radius:8px}.row:hover{padding-left:14px;background:var(--surface2)}.row:last-child{border-bottom:none}.row .rtitle{font-family:var(--font-display);font-weight:500;font-size:16px;min-width:165px;letter-spacing:-.01em}.row .rdesc{font-size:13.5px;color:var(--muted);flex:1}.row .rstatus{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);white-space:nowrap}.row .arr{color:var(--acc);font-family:var(--font-mono);font-size:13px;transition:transform .2s var(--ease)}.row:hover .arr{transform:translate(3px)}@media(max-width:560px){.row{flex-direction:column;gap:4px}.row .rtitle{min-width:0}.post{flex-direction:column;align-items:flex-start;gap:3px}.post .pm{white-space:normal}}.post{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 6px;border-bottom:1px solid var(--hair);transition:padding-left .2s var(--ease),background .15s;border-radius:8px}.post:hover{padding-left:14px;background:var(--surface2)}.post:last-of-type{border-bottom:none}.post .pt{font-family:var(--font-display);font-weight:500;font-size:15.5px}.post .pm{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);white-space:nowrap}.seeall{font-family:var(--font-mono);font-size:12px;color:var(--acc);margin-top:16px;display:inline-block;position:relative}.seeall:after{content:"";position:absolute;left:0;right:14px;bottom:-2px;height:1.5px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.seeall:hover:after{transform:scaleX(1)}.article{max-width:64ch}.article .pmeta{font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-bottom:18px}.article h1{font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}.article p{font-size:15.5px;color:var(--muted);margin-bottom:16px;line-height:1.7}.article .dek{font-size:17px;color:var(--ink);line-height:1.5;margin-bottom:26px}.article strong{color:var(--ink);font-weight:600}.article em{font-style:italic}.article a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}.article ul{margin:0 0 16px;padding-left:20px}.article li{font-size:15.5px;color:var(--muted);line-height:1.7;margin-bottom:10px}.article blockquote{margin:0 0 18px;padding:12px 16px;border-left:2px solid var(--acc);background:var(--surface2);border-radius:0 var(--radius) var(--radius) 0;font-size:14.5px;color:var(--muted)}.article :not(pre)>code{font-family:var(--font-mono);font-size:.86em;color:var(--ink);background:var(--surface2);border:1px solid var(--hair);border-radius:4px;padding:1px 5px}.article pre{margin:0 0 18px;padding:14px 16px;overflow-x:auto;background:var(--surface2);border:1px solid var(--hair);border-radius:var(--radius)}.article pre code{font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--ink);white-space:pre}.backlink{font-family:var(--font-mono);font-size:12px;color:var(--acc);display:inline-block;margin-bottom:26px}.draft-note{color:var(--faint)}.now{display:flex;flex-direction:column;gap:10px}.now .ni{display:flex;gap:14px;align-items:baseline}.now .nk{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--acc);min-width:74px;text-transform:uppercase}.now .nv{font-size:14.5px;color:var(--muted)}.now-updated{font-size:11px;color:var(--faint);margin-top:16px}.creds{margin-top:20px;display:flex;flex-direction:column;gap:10px}.creds .ci{display:flex;gap:14px;align-items:baseline}.creds .ck{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--faint);min-width:92px;text-transform:uppercase}.creds .cv{font-size:13px;color:var(--muted);max-width:70ch}@media(max-width:560px){.creds .ci{flex-direction:column;gap:2px}}footer{border-top:1px solid var(--hair);margin-top:64px;background:var(--surface2)}.foot-in{max-width:var(--maxw);margin:0 auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.foot-l .fname{font-family:var(--font-display);font-weight:500;font-size:17px;margin-bottom:8px}.foot-l .fname .dot{color:var(--acc)}.foot-creds{padding-top:0}.foot-l .ftag{font-size:13px;color:var(--muted);max-width:30ch}.foot-r{display:flex;flex-direction:column;gap:9px;text-align:right}.foot-r a{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);transition:color .15s}.foot-r a:hover{color:var(--acc)}.foot-bot{max-width:var(--maxw);margin:0 auto;padding:4px 28px 22px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--faint);gap:16px;flex-wrap:wrap}.foot-bot a{color:var(--faint);transition:color .15s}.foot-bot a:hover{color:var(--acc)}@media(max-width:560px){.foot-r{text-align:left}}@keyframes settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settle{animation:settle .5s var(--ease) both}.content>section:nth-of-type(2){animation-delay:.06s}.content>section:nth-of-type(3){animation-delay:.12s}.content>section:nth-of-type(4){animation-delay:.18s}.content>section:nth-of-type(5){animation-delay:.24s}@media(prefers-reduced-motion:reduce){.settle{animation:none}}