@import "https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;800&family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:#151813;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}.site{--paper:oklch(95% .034 236);--paper-soft:oklch(98% .018 236);--panel:oklch(97% .022 236);--ink:oklch(20% .064 252);--muted:oklch(42% .078 247);--line:oklch(65% .07 243);--accent:oklch(45% .16 253);--accent-2:oklch(79% .14 83);--reverse:oklch(20% .074 252);--reverse-ink:oklch(96% .02 236);--display:"Epilogue", Verdana, sans-serif;--body:"Spline Sans", "Trebuchet MS", sans-serif;--label:"Chivo", Verdana, sans-serif;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 84% 4%, color-mix(in oklch, var(--accent) 14%, transparent), transparent 24rem), linear-gradient(135deg, color-mix(in oklch, var(--paper) 94%, var(--accent-2)), var(--paper));transition:color .28s,background .28s;position:relative;overflow:hidden}.site:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 24% 30%, color-mix(in oklch, var(--accent) 16%, transparent), transparent 18rem), radial-gradient(circle at 72% 62%, color-mix(in oklch, var(--accent-2) 24%, transparent), transparent 20rem), linear-gradient(115deg, transparent 35%, color-mix(in oklch, var(--accent) 8%, transparent), transparent 62%);opacity:.72;animation:22s cubic-bezier(.45,0,.55,1) infinite alternate cobaltDrift;position:fixed;inset:-28vmax;transform:translate(0,0)rotate(0)}@keyframes cobaltDrift{0%{transform:translate(-2%,-1%)rotate(-4deg)scale(1)}to{transform:translate(2%,1%)rotate(4deg)scale(1.04)}}.palette-olive{--paper:oklch(94% .026 126);--paper-soft:oklch(98% .015 126);--panel:oklch(97% .018 126);--ink:oklch(18% .042 134);--muted:oklch(43% .052 132);--line:oklch(59% .052 128);--accent:oklch(42% .092 134);--accent-2:oklch(78% .083 97);--reverse:oklch(16% .04 134);--reverse-ink:oklch(96% .014 126)}.palette-oxblood{--paper:oklch(93% .045 72);--paper-soft:oklch(98% .026 72);--panel:oklch(96% .034 72);--ink:oklch(20% .052 25);--muted:oklch(42% .07 32);--line:oklch(56% .08 38);--accent:oklch(37% .14 28);--accent-2:oklch(76% .122 75);--reverse:oklch(22% .064 25);--reverse-ink:oklch(96% .03 72)}.palette-cobalt{--paper:oklch(95% .034 236);--paper-soft:oklch(98% .018 236);--panel:oklch(97% .022 236);--ink:oklch(20% .064 252);--muted:oklch(42% .078 247);--line:oklch(58% .082 243);--accent:oklch(45% .16 253);--accent-2:oklch(79% .14 83);--reverse:oklch(20% .074 252);--reverse-ink:oklch(96% .02 236)}.palette-graphite{--paper:oklch(22% .024 105);--paper-soft:oklch(28% .026 105);--panel:oklch(30% .028 105);--ink:oklch(92% .028 96);--muted:oklch(76% .038 104);--line:oklch(50% .04 105);--accent:oklch(78% .17 123);--accent-2:oklch(82% .12 78);--reverse:oklch(92% .028 96);--reverse-ink:oklch(19% .022 105)}.font-plain{--display:"Spline Sans", "Trebuchet MS", sans-serif;--body:"Chivo", Verdana, sans-serif;--label:"Chivo", Verdana, sans-serif}.page{z-index:1;min-height:100vh;position:relative;overflow:hidden}.reveal{animation:.8s cubic-bezier(.19,1,.22,1) both rise}.delay1{animation-delay:.12s}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}.section{scroll-margin-top:90px}.hybridPage{max-width:1480px;font-family:var(--body);margin:0 auto;padding:clamp(18px,3vw,46px)}.topGithub{z-index:20;border:1px solid var(--line);background:color-mix(in oklch, var(--paper-soft) 78%, transparent);width:38px;height:38px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;transition:all .24s;display:grid;position:fixed;top:clamp(16px,3vw,34px);right:clamp(16px,3vw,46px)}.topGithub:hover{background:var(--reverse);border-color:var(--reverse);color:var(--reverse-ink);transform:translateY(-1px)}.topGithub svg{fill:currentColor;width:18px;height:18px}.hybridHero{grid-template-columns:minmax(0,.82fr) minmax(340px,.55fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:68vh;padding-top:clamp(42px,7vw,76px);display:grid}.heroBrand{width:fit-content;color:var(--muted);font:900 13px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.hybridCopy .label{color:var(--muted);font:950 10px/1.1 var(--label);letter-spacing:.12em;text-transform:uppercase}.hybridCopy h1{max-width:760px;font-family:var(--display);letter-spacing:-.055em;margin:0;padding-bottom:.14em;font-size:clamp(40px,6.2vw,84px);line-height:.96}.font-plain .hybridCopy h1{letter-spacing:-.055em}.hybridCopy p:not(.label){max-width:620px;color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.6}.heroFlowPanel{display:grid}.flowStage{background:radial-gradient(circle at 82% 4%, color-mix(in oklch, var(--accent) 9%, transparent), transparent 15rem), color-mix(in oklch, var(--panel) 34%, transparent);padding:clamp(8px,2vw,20px) clamp(10px,2vw,22px);position:relative;overflow:hidden}.flowPipe{grid-auto-rows:1fr;gap:0;min-height:min(58vh,428px);margin:0;padding:0 0 0 44px;list-style:none;display:grid;position:relative}.flowPipe:before{content:"";background:color-mix(in oklch, var(--line) 55%, transparent);width:2px;position:absolute;top:12.5%;bottom:12.5%;left:15px}.flowPipe:after{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 22%, transparent), 0 0 18px 3px color-mix(in oklch, var(--accent) 50%, transparent);border-radius:999px;animation:4.8s linear infinite railPulse;position:absolute;top:12.5%;left:10px;transform:translateY(-50%)}@keyframes railPulse{0%{opacity:0;top:12.5%;transform:translateY(-50%)scale(.4)}6%{opacity:1;transform:translateY(-50%)scale(1)}94%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;top:87.5%;transform:translateY(-50%)scale(.4)}}.flowNode{grid-template-columns:56px 1fr;align-items:center;gap:clamp(12px,2vw,18px);padding:10px 4px;display:grid;position:relative}.flowNode:before{content:"";background:var(--paper);border:2px solid color-mix(in oklch, var(--line) 75%, transparent);width:12px;height:12px;animation:4.8s linear infinite nodePing;animation-delay:calc(var(--step) * 1.6s);border-radius:999px;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}@keyframes nodePing{0%{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px 2px color-mix(in oklch, var(--accent) 55%, transparent)}14%,to{border-color:color-mix(in oklch, var(--line) 75%, transparent);background:var(--paper);box-shadow:none}}.nodeIcon{place-items:center;width:56px;height:56px;display:grid}.nodeText{gap:3px;min-width:0;display:grid}.nodeText span{color:var(--muted);font:900 9px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase}.nodeText strong{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(16px,2vw,20px);line-height:1}.nodeText em{color:var(--muted);font:600 clamp(11px, 1.3vw, 13px)/1.3 var(--body);font-style:normal}.miniBoard{border:1px solid color-mix(in oklch, var(--line) 45%, transparent);grid-template-columns:repeat(8,1fr);width:50px;height:50px;display:grid}.miniBoard span{background:color-mix(in oklch, var(--paper-soft) 76%, transparent);position:relative}.miniBoard span[data-piece]:after{content:attr(data-piece);color:var(--ink);font:900 6px/1 var(--label);place-items:center;display:grid;position:absolute;inset:0}.flowThinking{gap:7px;display:flex}.flowThinking i{background:color-mix(in oklch, var(--accent) 62%, var(--ink));border-radius:999px;width:10px;height:10px;animation:1.2s ease-in-out infinite thinkBounce}.flowThinking i:nth-of-type(2){animation-delay:.16s}.flowThinking i:nth-of-type(3){animation-delay:.32s}@keyframes thinkBounce{0%,to{opacity:.42;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}.flowMeters{align-content:center;justify-items:stretch;gap:7px;width:100%;display:grid}.flowMeters i{background:color-mix(in oklch, var(--line) 42%, transparent);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.flowMeters i:after{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 55%, var(--accent-2)));transform-origin:0;border-radius:3px;animation:3s cubic-bezier(.22,1,.36,1) infinite alternate meterFill;position:absolute;inset:0}.flowMeters i:nth-of-type(2):after{animation-delay:.22s}.flowMeters i:nth-of-type(3):after{animation-delay:.44s}@keyframes meterFill{0%{transform:scaleX(.1)}to{transform:scaleX(var(--fill,.7))}}.flowScore{background:var(--reverse);width:56px;height:56px;color:var(--reverse-ink);border-radius:999px;animation:4.8s ease-in-out infinite scoreBreathe}.flowScore strong{font-family:var(--display);letter-spacing:-.04em;font-size:22px;line-height:1}@keyframes scoreBreathe{0%,68%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}82%{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 22%, transparent)}}.hybridPage .section{border-top:1px solid color-mix(in oklch, var(--line) 75%, transparent);padding:clamp(52px,7vw,76px) 0}.sectionTitle{margin-bottom:22px;display:block}h2{max-width:920px;font-family:var(--display);letter-spacing:-.045em;margin:0;padding-bottom:.1em;font-size:clamp(30px,4.4vw,60px);line-height:1}.font-plain h2{letter-spacing:-.035em}.pretextReveal{--pretext-lines:1;--pretext-height:auto;opacity:0;transform:translate3d(0, calc(10px + (var(--pretext-lines) * 1px)), 0);clip-path:inset(0 0 18%);transition:opacity calc(.42s + (var(--pretext-lines) * 36ms)) cubic-bezier(.22, 1, .36, 1), transform calc(.48s + (var(--pretext-lines) * 32ms)) cubic-bezier(.22, 1, .36, 1), clip-path calc(.52s + (var(--pretext-lines) * 28ms)) cubic-bezier(.22, 1, .36, 1), color .22s ease, text-shadow .26s cubic-bezier(.16,1,.3,1);will-change:opacity, transform, clip-path}.pretextReveal[data-pretext-ready=true]{opacity:1;clip-path:inset(0);transform:translate(0,0)}.problemGrid,.systemCards,.configList,.harnessFlow{gap:12px;display:grid}.problemGrid{grid-template-columns:repeat(3,1fr)}.systemCards,.harnessFlow{grid-template-columns:repeat(4,1fr)}.configList{grid-template-columns:repeat(3,1fr)}article{border:1px solid var(--line);background:var(--panel);transition:background .28s,border-color .28s}.problemGrid article,.systemCards article,.configList article,.harnessFlow article{min-height:160px;padding:16px}article strong{font-family:var(--display);letter-spacing:-.04em;font-size:20px;line-height:1.06;display:block}article p{color:var(--muted);font-size:14px;line-height:1.55}.problemSplit{grid-template-columns:.86fr 1.14fr;gap:12px;display:grid}.problemModeBar{flex-wrap:wrap;gap:6px;margin:-4px 0 16px 210px;display:flex}.problemModeBar button{border:1px solid var(--line);background:color-mix(in oklch, var(--panel) 70%, transparent);color:var(--muted);font:900 10px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;transition:all .22s}.problemModeBar button:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.problemModeBar button[aria-pressed=true]{background:var(--reverse);border-color:var(--reverse);color:var(--reverse-ink)}.problemSplit>article{background:var(--reverse);min-height:430px;color:var(--reverse-ink);padding:20px}.problemSplit>article strong{max-width:560px;font-size:clamp(34px,4.6vw,68px);line-height:.92}.problemSplit>article p{max-width:420px;color:color-mix(in oklch, var(--reverse-ink) 76%, transparent)}.problemSplit>div{border:1px solid var(--line);display:grid}.problemIntro,.problemRows{contain:layout paint;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1)}.problemIntro.enter,.problemRows.enter{opacity:1;filter:blur();transform:translate(0,0)}.problemIntro.exit,.problemRows.exit{opacity:0;filter:blur(4px);transform:translateY(8px)}.problemRows{min-height:430px}.problemSplit>div p{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:190px 1fr;gap:18px;margin:0;padding:16px 18px;display:grid}.problemSplit>div p:last-child{border-bottom:0}.problemSplit>div strong{color:var(--ink)}.harnessFlow small{color:var(--accent);font:900 10px/1 var(--label);margin-bottom:30px;display:block}.harnessSection pre{border:1px solid var(--line);background:var(--reverse);color:var(--reverse-ink);margin:14px 0 0;padding:16px;font-size:12px;line-height:1.5;overflow:auto}.harnessStack{background:radial-gradient(circle at 70% 16%, color-mix(in oklch, var(--accent) 13%, transparent), transparent 18rem);border:0;grid-template-columns:repeat(4,1fr);align-items:start;gap:10px;min-height:330px;padding:0;display:grid}.harnessStack article{background:var(--panel);min-height:230px;padding:16px}.siteFooter{border:1px solid color-mix(in oklch, var(--reverse-ink) 18%, transparent);background:radial-gradient(circle at 84% 16%, color-mix(in oklch, var(--accent) 22%, transparent), transparent 20rem), var(--reverse);color:var(--reverse-ink);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-top:clamp(36px,6vw,72px);padding:clamp(24px,4vw,42px);display:grid}.siteFooter strong{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(42px,7vw,92px);line-height:.9;display:block}.siteFooter p{max-width:560px;color:color-mix(in oklch, var(--reverse-ink) 70%, transparent);margin:8px 0 0;font-size:14px;line-height:1.55}.siteFooter nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.siteFooter a,.siteFooter button{border:1px solid color-mix(in oklch, var(--reverse-ink) 38%, transparent);background:color-mix(in oklch, var(--reverse-ink) 8%, transparent);color:var(--reverse-ink);font:900 10px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:8px 10px;transition:all .22s;display:inline-flex}.siteFooter svg{fill:currentColor;width:15px;height:15px}.siteFooter a:hover,.siteFooter button:hover{background:var(--reverse-ink);border-color:var(--reverse-ink);color:var(--reverse);transform:translateY(-1px)}pre code{font-family:var(--label)}@media (width<=1080px){.hybridPage{padding-top:24px}.hybridHero{grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:clamp(24px,4vw,48px)}}@media (width<=980px){.hybridHero,.sectionTitle,.problemGrid,.problemSplit,.problemSplit>div p,.systemCards,.configList,.harnessFlow,.harnessStack,.siteFooter{grid-template-columns:1fr}.hybridHero{gap:clamp(20px,5vw,40px);min-height:auto}.heroFlowPanel{max-width:520px}.flowPipe{min-height:420px}.siteFooter{align-items:start}.siteFooter nav{justify-content:flex-start}.problemModeBar{margin-left:0}.problemSplit>article,.problemRows{min-height:auto}.harnessStack{min-height:0}.harnessStack article{min-height:auto;box-shadow:none;transform:none}}@media (width<=700px){.hybridPage{padding:18px 16px 40px}.hybridCopy h1{font-size:clamp(40px,12vw,66px)}.problemGrid article,.systemCards article,.configList article,.harnessFlow article{min-height:auto}.problemSplit>div p{gap:4px;padding:14px 16px}.flowPipe{min-height:380px;padding-left:40px}.flowNode{grid-template-columns:50px 1fr}}@media (width<=440px){.topGithub{top:12px;right:12px}.heroBrand{margin-bottom:12px}.flowNode{padding:8px 2px}.nodeText strong{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.site:before{opacity:.38;transform:none}.pretextReveal{opacity:1;clip-path:none;transform:none}.flowPipe:after,.flowNode:before,.flowThinking i,.flowMeters i:after,.flowScore{animation:none!important}.flowPipe:after{opacity:1;top:12.5%}.flowMeters i:after{transform:scaleX(var(--fill,.7))}}:root{--pointer-x:72vw;--pointer-y:24vh;--field-free-size:clamp(180px, 24vw, 360px);--field-x:var(--pointer-x);--field-y:var(--pointer-y);--field-width:var(--field-free-size);--field-height:var(--field-free-size);--field-radius:50%;--scroll-progress:0}body{background:#efebda}.ditherSite{--paper:#efebda;--paper-soft:#f8f4e6;--panel:#f8f4e6;--ink:#12120f;--muted:#5a584d;--line:#12120f;--accent:#e8ff00;--accent-2:#ff593d;--reverse:#12120f;--reverse-ink:#f8f4e6;--display:"Space Grotesk", sans-serif;--body:"Chivo", sans-serif;--label:"DM Mono", monospace;background:linear-gradient(90deg, transparent calc(50% - .5px), #12120f12 50%, transparent calc(50% + .5px)), var(--paper);min-height:100vh;overflow:clip}.kineticDitherGrid{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.bootSequence{z-index:100;background:var(--paper);color:var(--ink);place-content:center;gap:18px;padding:24px;animation:1.75s cubic-bezier(.16,1,.3,1) both bootScreen;display:grid;position:fixed;inset:0;overflow:hidden}.bootSequence:before{background:linear-gradient(90deg, transparent calc(50% - .5px), #12120f14 50%, transparent calc(50% + .5px)), radial-gradient(circle, var(--ink) .7px, transparent .9px);content:"";opacity:.2;background-size:100% 100%,10px 10px;animation:1.5s steps(5,end) both bootField;position:absolute;inset:-24px}.bootLockup,.bootTrack,.bootChecks{z-index:1;width:min(430px,100vw - 48px);position:relative}.bootLockup{align-items:center;gap:16px;display:flex}.bootMark{flex:none;width:62px;height:62px;animation:1.35s cubic-bezier(.16,1,.3,1) both bootStamp;display:block}.bootCopy{gap:8px;min-width:0;display:grid}.bootCopy small{color:var(--muted);font:500 9px/1 var(--label);letter-spacing:.08em;text-transform:uppercase}.bootCopy strong{width:20ch;max-width:100%;font:700 clamp(20px, 4vw, 34px)/.9 var(--display);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;animation:.7s steps(20,end) .24s both bootType;overflow:hidden}.bootTrack{border:2px solid var(--ink);background:var(--paper-soft);height:8px;overflow:hidden}.bootTrack i{background:var(--accent);transform-origin:0;width:100%;height:100%;animation:1.25s cubic-bezier(.16,1,.3,1) .18s both bootProgress;display:block;transform:scaleX(0)}.bootChecks{font:500 8px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bootChecks span{opacity:0;animation:.18s ease-out both bootCheck;transform:translateY(4px)}.bootChecks span:first-child{animation-delay:.42s}.bootChecks span:nth-child(2){animation-delay:.72s}.bootChecks span:nth-child(3){animation-delay:1.02s}.site[data-ready=false] .hybridPage{visibility:hidden}.site[data-ready=true] .siteNav{animation:.52s cubic-bezier(.16,1,.3,1) both readyNav}.site[data-ready=true] .heroBrand{animation:.52s cubic-bezier(.16,1,.3,1) 80ms both readyContent}.site[data-ready=true] .hybridCopy h1{animation:.78s cubic-bezier(.16,1,.3,1) .15s both readyHeadline}.site[data-ready=true] .hybridCopy>p{animation:.62s cubic-bezier(.16,1,.3,1) .32s both readyContent}.site[data-ready=true] .heroFlowPanel{animation:.76s cubic-bezier(.16,1,.3,1) .25s both readyContent}@keyframes bootScreen{0%,76%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes bootField{0%{background-position:0 0,0 0;transform:scale(1.04)}to{background-position:0 0,10px 10px;transform:scale(1)}}@keyframes bootStamp{0%{filter:blur(8px);opacity:0;transform:scale(.72)rotate(-8deg)}42%{filter:blur();opacity:1;transform:scale(1.08)rotate(2deg)}60%,to{filter:blur();opacity:1;transform:scale(1)rotate(0)}}@keyframes bootType{0%{max-width:0}to{max-width:20ch}}@keyframes bootProgress{0%{transform:scaleX(0)}72%{transform:scaleX(.76)}to{transform:scaleX(1)}}@keyframes bootCheck{to{opacity:1;transform:translateY(0)}}@keyframes readyNav{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes readyContent{0%{clip-path:inset(0 0 22%);opacity:0;transform:translateY(24px)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}@keyframes readyHeadline{0%{clip-path:inset(0 0 100%);opacity:0;transform:translateY(36px)}to{clip-path:inset(0);opacity:1;transform:translateY(0)}}.ditherSite:before{z-index:0;background:radial-gradient(circle at 66% 24%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34rem);opacity:.34;mix-blend-mode:multiply;position:fixed;inset:0}.ditherSite:after{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--muted) 64%, transparent) .65px, transparent .9px), radial-gradient(circle, color-mix(in srgb, var(--accent-2) 52%, transparent) .7px, transparent 1px);opacity:.18;will-change:transform, opacity;background-position:5px 3px,0 0;background-size:18px 18px,46px 46px;animation:12.5s cubic-bezier(.45,0,.55,1) infinite alternate oceanDotsFar;position:fixed;inset:0;box-shadow:inset 0 0 0 1px #12120f21}@keyframes oceanDotsFar{0%{opacity:.14;transform:translate(3px,2px)skewY(.06deg)}44%{opacity:.2;transform:translate(-4px,-2px)skewY(-.1deg)}76%{opacity:.16;transform:translate(-1px,4px)skewY(.08deg)}to{opacity:.21;transform:translate(4px,-1px)skewY(-.05deg)}}.cursorField{z-index:24;width:var(--field-width);height:var(--field-height);border-radius:var(--field-radius);background:radial-gradient(circle, transparent 0 20%, var(--accent) 20.5% 55%, transparent 55.5%), radial-gradient(circle, var(--ink) .9px, transparent 1.1px);opacity:0;transform:translate3d(var(--field-x), var(--field-y), 0) translate(-50%, -50%) rotate(0deg) scale(.86);mix-blend-mode:multiply;pointer-events:none;will-change:width, height, transform;background-size:100% 100%,6px 6px;border:2px solid #0000;transition:width .44s cubic-bezier(.16,1,.3,1),height .44s cubic-bezier(.16,1,.3,1),border-radius .42s cubic-bezier(.16,1,.3,1),border-color .18s,background-color .18s,opacity .18s,transform .42s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.cursorField:before{border:2px solid var(--accent-2);border-radius:inherit;content:"";animation:2.8s cubic-bezier(.45,0,.55,1) infinite alternate cursorPrintDrift;position:absolute;inset:13%}.cursorField:after{border:1px solid var(--ink);background:var(--ink);color:var(--paper);content:attr(data-label);font:500 8px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;opacity:0;padding:5px 7px;transition:opacity .16s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:7px;right:8px;transform:translateY(5px)}.cursorField[data-visible=true]{opacity:.82;transform:translate3d(var(--field-x), var(--field-y), 0) translate(-50%, -50%) rotate(0deg) scale(1)}.cursorField[data-state=free]{animation:4.8s cubic-bezier(.45,0,.55,1) infinite alternate cursorBreathe}.cursorField[data-state=free]:before{display:none}.cursorField[data-state=warped]{border-color:var(--ink);box-shadow:6px 6px 0 color-mix(in srgb, var(--accent-2) 82%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--paper) 74%, transparent);opacity:.92;transform:translate3d(var(--field-x), var(--field-y), 0) translate(-50%, -50%) rotate(-.6deg) scale(1);background:0 0;animation:2.4s cubic-bezier(.45,0,.55,1) infinite alternate cursorRegister}.cursorField[data-state=warped]:before{border-color:var(--accent-2);border-radius:inherit;animation-duration:1.8s;inset:6px}.cursorField[data-state=warped]:after{opacity:1;transform:translateY(0)}.cursorDot{z-index:70;border:2px solid var(--ink);background:var(--accent);width:12px;height:12px;box-shadow:2px 2px 0 var(--accent-2);opacity:0;transform:translate3d(var(--pointer-x), var(--pointer-y), 0) translate(-50%, -50%) scale(.5);pointer-events:none;will-change:transform;border-radius:50%;transition:opacity .1s,transform .18s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.cursorDot[data-visible=true]{opacity:1;transform:translate3d(var(--pointer-x), var(--pointer-y), 0) translate(-50%, -50%) scale(1)}@keyframes cursorPrintDrift{0%{transform:translate(-3px,2px)rotate(-2deg)}to{transform:translate(4px,-3px)rotate(2deg)}}@keyframes cursorBreathe{0%{filter:contrast(.94)saturate(.92);background-position:0 0,0 0}to{filter:contrast(1.12)saturate(1.04);background-position:0 0,6px 6px}}@keyframes cursorRegister{0%{box-shadow:5px 5px 0 color-mix(in srgb, var(--accent-2) 78%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--paper) 68%, transparent)}to{box-shadow:7px 6px 0 color-mix(in srgb, var(--accent-2) 88%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--paper) 78%, transparent)}}.scrollProgress{z-index:60;background:var(--accent-2);width:100%;height:5px;transform:scaleX(var(--scroll-progress));transform-origin:0;pointer-events:none;position:fixed;top:0;left:0}.hybridPage{max-width:1500px;padding:clamp(14px,2vw,28px)}.siteNav{z-index:35;border:2px solid var(--line);background:color-mix(in srgb, var(--paper-soft) 93%, transparent);min-height:66px;box-shadow:6px 6px 0 var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr auto;align-items:center;padding:8px 10px;display:grid;position:sticky;top:14px}.navBrand{align-items:center;gap:10px;width:fit-content;display:flex}.navBrand>span:last-child{gap:2px;display:grid}.navBrand strong{font:700 16px/.9 var(--display);letter-spacing:-.06em}.navBrand small{color:var(--muted);font:500 8px/1 var(--label);letter-spacing:.06em;text-transform:uppercase}.navMark{place-items:center;width:40px;height:40px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:grid}.navBrand:hover .navMark{transform:rotate(90deg)}.brandMark{width:100%;height:100%;display:block}.siteNav>nav{justify-content:flex-end;gap:4px;display:flex}.siteNav>nav a{font:500 9px/1 var(--label);letter-spacing:.04em;text-transform:uppercase;padding:12px 14px;transition:color .16s,transform .16s;position:relative}.siteNav>nav a:before{background:var(--accent-2);content:"";transform-origin:100%;height:3px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 8px 6px;transform:scaleX(0)}.siteNav>nav a:hover{transform:translateY(-2px)}.siteNav>nav a:hover:before{transform-origin:0;transform:scaleX(1)}.siteNav>nav a:last-child{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.siteNav>nav a:last-child:before{background:var(--accent)}.topGithub{border:2px solid var(--ink);background:var(--accent);width:48px;height:48px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:50%;top:auto;bottom:20px;right:20px}.topGithub:hover{border-color:var(--ink);background:var(--accent-2);color:var(--ink);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.hybridHero{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(350px,.62fr);gap:clamp(30px,5vw,80px);min-height:min(820px,86vh);padding-top:clamp(74px,9vw,130px);position:relative}.hybridHero,.hybridHero>*,.hybridCopy,.heroFlowPanel,.flowStage{min-width:0;max-width:100%}.heroFlowPanel,.flowStage{width:100%}.hybridHero:before{aspect-ratio:1;border:2px solid var(--ink);background:radial-gradient(circle, var(--ink) 1px, transparent 1.25px), var(--accent);content:"";pointer-events:none;background-size:6px 6px;border-radius:50%;width:clamp(130px,17vw,250px);animation:2.6s steps(4,end) infinite alternate ditherRegistration;position:absolute;top:10%;left:51%}.hybridHero:after{aspect-ratio:1;background:repeating-conic-gradient(from 12deg, var(--accent-2) 0 7deg, transparent 7deg 35deg, var(--ink) 35deg 38deg, transparent 38deg 72deg);content:"";pointer-events:none;border-radius:50%;width:clamp(130px,17vw,250px);padding:5px;animation:12s linear infinite registrationOrbit;position:absolute;top:10%;left:51%;transform:translate(7px,-6px);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}@keyframes ditherRegistration{0%{background-position:0 0;transform:translate(0)}to{background-position:3px 3px;transform:translate(2px,-1px)}}@keyframes registrationOrbit{0%{transform:translate(7px,-6px)rotate(0)}to{transform:translate(7px,-6px)rotate(360deg)}}.hybridHero:before,.hybridHero:after{content:none;animation:none;display:none}.hybridHero>*{z-index:2;position:relative}.heroBrand{width:126px;height:36px;color:var(--ink);font-family:var(--label);margin-bottom:22px;display:block;position:relative}.heroBrand:before{background:var(--ink);box-shadow:4px 4px 0 var(--accent-2);content:"";transform-origin:0;animation:5.2s cubic-bezier(.16,1,.3,1) infinite heroButtonBody;position:absolute;inset:0;transform:scaleX(0)}.heroMorphLogo{z-index:1;transform-origin:50%;width:28px;height:28px;animation:5.2s cubic-bezier(.16,1,.3,1) infinite heroLogoPhase;display:block;position:absolute;top:4px;left:0}.heroMorphCta{z-index:1;color:var(--paper);font:500 10px/1 var(--label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:0;justify-content:space-between;align-items:center;padding:0 12px;animation:5.2s cubic-bezier(.16,1,.3,1) infinite heroCtaPhase;display:flex;position:absolute;inset:0;overflow:hidden}.heroMorphCta b{color:var(--accent);font:inherit}.site[data-ready=false] .heroBrand:before,.site[data-ready=false] .heroMorphLogo,.site[data-ready=false] .heroMorphCta{animation-play-state:paused}@keyframes heroButtonBody{0%,28%,82%,to{opacity:0;transform:scaleX(0)}40%,70%{opacity:1;transform:scaleX(1)}}@keyframes heroLogoPhase{0%,28%,82%,to{opacity:1;transform:translate(0)rotate(0)scale(1)}40%,70%{opacity:0;transform:translate(10px)rotate(4deg)scale(.72)}}@keyframes heroCtaPhase{0%,34%,76%,to{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(-8px)}44%,68%{clip-path:inset(0);opacity:1;transform:translate(0)}}.hybridCopy h1{letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;max-width:930px;font-size:clamp(62px,8.4vw,126px);font-weight:700;line-height:.78}.hybridCopy h1::selection{background:var(--accent);color:var(--ink)}h2::selection{background:var(--accent);color:var(--ink)}.hybridCopy p:not(.label){border-left:5px solid var(--accent-2);max-width:650px;color:var(--ink);margin-top:30px;padding-left:18px;font-size:clamp(14px,1.25vw,18px);line-height:1.55}.flowStage{border:2px solid var(--ink);background:var(--paper-soft);box-shadow:8px 8px 0 var(--ink);padding:clamp(18px,2.2vw,30px);transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1)}.flowStage:hover,.flowStage[data-cursor-target=true]{box-shadow:12px 12px 0 var(--ink);transform:translate(-4px,-4px)}.flowPipe:before{background:var(--ink);width:3px}.flowPipe:after{border:2px solid var(--ink);background:var(--accent);width:15px;height:15px;box-shadow:3px 3px 0 var(--ink);animation-timing-function:cubic-bezier(.45,0,.55,1);left:9px}.flowNode{transition:transform .24s cubic-bezier(.16,1,.3,1)}.flowNode:hover,.flowNode[data-cursor-target=true]{transform:translate(7px)}.flowNode:before{border:2px solid var(--ink);background:var(--paper-soft);width:14px;height:14px;left:-35px}.nodeIcon{border:1px solid #0000;transition:background .18s,border-color .18s,transform .18s}.flowNode:hover .nodeIcon{border-color:var(--ink);background:var(--accent);transform:rotate(-2deg)}.nodeText span{color:var(--muted);font-family:var(--label)}.nodeText strong{font-family:var(--display);font-weight:700}.miniBoard{border:2px solid var(--ink)}.miniBoard span:nth-child(16n+1),.miniBoard span:nth-child(16n+3),.miniBoard span:nth-child(16n+5),.miniBoard span:nth-child(16n+7),.miniBoard span:nth-child(16n+10),.miniBoard span:nth-child(16n+12),.miniBoard span:nth-child(16n+14),.miniBoard span:nth-child(16n+16){background:var(--ink)}.miniBoard span:nth-child(n){border-radius:0}.miniBoard span[data-piece]:after{color:var(--accent-2);text-shadow:0 0 1px var(--paper)}.flowThinking i{border:1px solid var(--ink);background:var(--accent-2);animation-timing-function:cubic-bezier(.25,1,.5,1)}.flowThinking i:nth-child(2){background:var(--accent)}.flowThinking i:nth-child(3){background:var(--ink)}.flowMeters i{border:1px solid var(--ink);background:0 0;border-radius:0;height:8px}.flowMeters i:after{background:var(--accent-2);border-radius:0}.flowMeters i:nth-child(2):after{background:var(--accent)}.flowMeters i:nth-child(3):after{background:var(--ink)}.flowScore{border:2px solid var(--ink);background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:50%}.hybridPage .section{z-index:1;border-top:2px solid var(--ink);padding:clamp(78px,10vw,150px) 0;position:relative}.hybridPage .section:before{color:var(--muted);font:500 9px/1 var(--label);letter-spacing:.08em;position:absolute;top:10px;right:0}h2{letter-spacing:-.065em;text-transform:uppercase;max-width:1050px;font-size:clamp(48px,7vw,98px);font-weight:700;line-height:.86}.sectionTitle h2[data-cursor-target=true]{color:var(--accent-2);text-shadow:4px 4px 0 var(--accent), 6px 6px 0 var(--ink);transform:translate(-3px,-3px)}.sectionTitle{margin-bottom:38px}.problemModeBar{margin:0 0 12px}.problemModeBar button{border:2px solid var(--ink);background:var(--paper-soft);min-width:116px;color:var(--ink);font-family:var(--label);box-shadow:3px 3px 0 var(--ink);padding:11px 16px}.problemModeBar button:hover{border-color:var(--ink);background:var(--accent);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.problemModeBar button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--accent-2)}.problemSplit{grid-template-columns:.82fr 1.18fr;gap:10px}.problemSplit>article{border:2px solid var(--ink);background:var(--ink);min-height:500px;color:var(--paper);box-shadow:7px 7px 0 var(--accent-2);padding:clamp(22px,3vw,38px);position:relative;overflow:hidden}.problemSplit>article:after{aspect-ratio:1;background-image:radial-gradient(circle, var(--accent) 1px, transparent 1.25px);content:"";transform-origin:100% 100%;will-change:transform, opacity, background-position;background-size:6px 6px;border-radius:50%;width:240px;animation:4.2s steps(6,end) infinite alternate cardGlyphReveal;position:absolute;bottom:-90px;right:-90px}@keyframes cardGlyphReveal{0%{opacity:.42;background-position:0 0;transform:translate(34px,34px)scale(.72)rotate(-5deg)}55%{opacity:.82;background-position:3px 3px;transform:translate(8px,8px)scale(.94)rotate(0)}to{opacity:1;background-position:6px 6px;transform:translate(-3px,-3px)scale(1.04)rotate(3deg)}}.problemSplit>article strong{z-index:1;text-transform:uppercase;font-size:clamp(44px,5.5vw,78px);line-height:.83;position:relative}.problemSplit>article p{z-index:1;color:#c7c2b2;position:relative}.problemIntro>strong,.problemIntro>p{transition:color .22s,background-color .22s,box-shadow .26s cubic-bezier(.16,1,.3,1),text-shadow .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1)}.problemIntro>strong[data-cursor-target=true]{color:var(--accent);text-shadow:4px 4px 0 var(--accent-2);transform:translate(4px,-2px)}.problemIntro>p[data-cursor-target=true]{color:var(--paper);background:color-mix(in srgb, var(--accent-2) 18%, transparent);box-shadow:-6px 0 0 var(--accent-2);transform:translate(8px)}.problemSplit>div{border:2px solid var(--ink);background:var(--paper-soft)}.problemSplit>div p{border-color:var(--ink);grid-template-columns:minmax(150px,.7fr) 1.3fr;align-items:start;padding:20px 22px;transition:background .18s,color .18s,transform .18s;position:relative}.problemSplit>div p:after{border:1px solid var(--ink);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.problemSplit>div p:hover,.problemSplit>div p[data-cursor-target=true]{z-index:1;background:var(--accent);color:var(--ink);transform:translate(-6px)}.problemSplit>div p:hover:after,.problemSplit>div p[data-cursor-target=true]:after{background:var(--accent-2)}.harnessStack{background:0 0;grid-template-columns:repeat(4,1fr);gap:8px;min-height:390px}.harnessStack article{border:2px solid var(--ink);background:var(--paper-soft);min-height:270px;box-shadow:4px 4px 0 var(--ink);padding:22px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .18s;position:relative;overflow:hidden}.harnessStack article:nth-child(2n){background:var(--accent);margin-top:46px}.harnessStack article:before{aspect-ratio:1;border:14px solid var(--accent-2);content:"";opacity:.8;width:110px;position:absolute;inset:auto -30px -35px auto;transform:rotate(18deg)}.harnessStack article:hover,.harnessStack article[data-cursor-target=true]{z-index:2;background:var(--accent-2);box-shadow:10px 12px 0 var(--ink);transform:translate(-5px,-8px)rotate(-1deg)}.harnessStack article small{color:var(--ink);font:500 10px/1 var(--label);margin-bottom:64px;display:block}.harnessStack article small:after{content:" / STEP";color:var(--muted)}.harnessStack article strong{text-transform:uppercase;font-size:28px}.harnessStack article p{z-index:1;color:var(--muted);position:relative}.siteFooter{z-index:1;border:2px solid var(--ink);background:radial-gradient(circle at 80% 20%, #e8ff002e, transparent 20rem), var(--ink);box-shadow:8px 8px 0 var(--accent-2);-webkit-user-select:none;user-select:none;margin:20px 0 12px;padding:clamp(34px,5vw,70px);position:relative;overflow:hidden}.siteFooter:before{display:none}.siteFooter>*{z-index:1;position:relative}.siteFooter>.footerDotField{z-index:0;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .36s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.siteFooter:hover>.footerDotField,.siteFooter[data-cursor-target=true]>.footerDotField{opacity:.28}.siteFooter>.footerDotField[data-ripple=true]{opacity:.62;transition-duration:.12s}.footerBrandLockup{align-items:flex-end;gap:clamp(14px,2vw,28px);display:flex}.footerBrandLockup .brandMark{transform-origin:50%;will-change:transform, filter;flex:none;width:clamp(58px,7vw,96px);height:clamp(58px,7vw,96px);animation:3.6s cubic-bezier(.16,1,.3,1) infinite footerMarkRegister}@keyframes footerMarkRegister{0%,22%,to{filter:drop-shadow(0 0 #0000);transform:translate(0,0)rotate(0)scale(1)}34%{filter:drop-shadow(4px 3px 0 var(--accent-2));transform:translate(-2px,-2px)rotate(-2deg)scale(1.02)}50%{filter:drop-shadow(-2px 2px 0 var(--accent));transform:translate(2px,-1px)rotate(1deg)scale(.98)}66%{filter:drop-shadow(2px 2px 0 var(--accent-2));transform:translate(0,0)rotate(0)scale(.94)}84%{filter:drop-shadow(0 0 #0000);transform:translate(0,0)rotate(0)scale(1.04)}}.siteFooter strong{text-transform:uppercase;font-size:clamp(74px,11vw,160px)}.siteFooter a{border:2px solid var(--paper);background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--paper)}.siteFooter a:hover{border-color:var(--paper);background:var(--accent-2);color:var(--ink);box-shadow:6px 6px 0 var(--paper);transform:translate(-2px,-2px)}@media (width<=1050px){:root{--field-free-size:190px}.siteNav{grid-template-columns:1fr auto}.hybridHero{grid-template-columns:1fr;min-height:auto;padding-bottom:80px}.hybridHero:before,.hybridHero:after{left:auto;right:5%}.heroFlowPanel{max-width:620px}.problemSplit{grid-template-columns:1fr}.problemSplit>article{min-height:380px}.harnessStack{grid-template-columns:repeat(2,1fr)}}@media (hover:hover) and (pointer:fine){body,.ditherSite,.ditherSite *{cursor:none!important}}@media (width<=700px){.cursorField{display:none}.hybridPage{padding:10px 10px 34px}.siteNav{min-height:54px;box-shadow:4px 4px 0 var(--ink);padding:6px;top:8px}.navMark{width:34px;height:34px}.navBrand small,.siteNav>nav a{display:none}.siteNav>nav a:last-child{padding:10px;display:block}.topGithub{display:none}.hybridHero{padding-top:80px}.hybridHero:before,.hybridHero:after{top:4%;right:-8%}.hybridCopy h1{letter-spacing:-.07em;width:100%;max-width:100%;font-size:clamp(48px,15.6vw,68px);line-height:.82}.hybridCopy p:not(.label){width:100%;max-width:100%;margin-top:24px;padding:0 4px 0 14px;font-size:14px;line-height:1.5}.heroFlowPanel,.flowStage,.flowPipe{width:100%;max-width:100%}.flowStage{padding:14px 10px}.flowPipe{padding-left:36px}.flowNode{grid-template-columns:48px minmax(0,1fr);gap:10px}.nodeText{min-width:0}.nodeText strong,.nodeText em{overflow-wrap:anywhere}h2{font-size:clamp(44px,14vw,72px)}.hybridPage .section{padding-block:86px}.hybridPage .section:before{top:12px;left:0;right:auto}.problemSplit>article strong{font-size:clamp(42px,13vw,66px)}.problemSplit>div p{grid-template-columns:1fr;gap:8px;padding-right:38px}.harnessStack{grid-template-columns:1fr}.harnessStack article:nth-child(2n){margin-top:0}.siteFooter{grid-template-columns:1fr}}@media (width<=360px){.hybridPage{padding-inline:8px}.siteNav{padding-inline:5px}.siteNav>nav a:last-child{padding-inline:8px;font-size:8px}.hybridCopy h1{font-size:clamp(46px,15.1vw,54px)}.problemSplit>article{padding:18px}.siteFooter{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.cursorField{display:none}.kineticDitherGrid{opacity:.72}.hybridHero:before,.problemSplit>article:after{animation:none}}