:root{--ink: #04060a;--ink-2: #0a0f17;--line: rgba(160, 200, 230, .14);--line-2: rgba(160, 200, 230, .28);--text: #dbe6ef;--dim: #7d8fa0;--phos: #7cffc4;--laser: #7d93ff;--alert: #ff4d6d;--amber: #ffb547;--accent: var(--phos);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display: "Unbounded", "JetBrains Mono", system-ui, sans-serif;--gut: clamp(16px, 4vw, 56px);color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--ink);color:var(--text);font:400 15px/1.6 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.x-booting{overflow:hidden;height:100vh}@media(pointer:fine){body.x-has-cursor,body.x-has-cursor *{cursor:none!important}}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}kbd{font:600 .78em var(--mono);border:1px solid var(--line-2);border-bottom-width:2px;padding:1px 6px;border-radius:4px;color:var(--accent)}::selection{background:var(--accent);color:var(--ink)}.x-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.x-world{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}.x-fallback{position:fixed;inset:0;z-index:0;opacity:0;transition:opacity .6s;background:radial-gradient(60% 50% at 50% 40%,rgba(124,255,196,.1),transparent 70%),linear-gradient(transparent 0 calc(100% - 1px),var(--line) 0) 0 0 / 100% 48px,linear-gradient(90deg,transparent 0 calc(100% - 1px),var(--line) 0) 0 0 / 48px 100%,var(--ink);animation:x-fall 8s linear infinite}body.x-no-gl .x-fallback{opacity:1}@keyframes x-fall{to{background-position:0 0,0 480px,0 0,0 0}}.x-boot{position:fixed;inset:0;z-index:60;background:#020305;display:grid;place-content:center;padding:var(--gut);font-size:clamp(11px,1.4vw,14px)}.x-boot:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.x-boot__log{margin:0;min-height:15em;width:min(640px,88vw);color:#9fb3c3;white-space:pre-wrap}.x-boot__log b{color:var(--phos);font-weight:600}.x-boot__log em{color:var(--amber);font-style:normal}.x-boot__bar{height:2px;width:min(640px,88vw);background:var(--line);margin-top:18px;overflow:hidden}.x-boot__bar i{display:block;height:100%;width:100%;background:var(--phos);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--phos)}.x-boot__gate{margin-top:34px;text-align:center}.x-boot__granted{font:900 clamp(28px,7vw,84px)/1 var(--display);letter-spacing:-.02em;color:var(--phos);text-shadow:0 0 24px rgba(124,255,196,.55);position:relative}.x-boot__granted:before,.x-boot__granted:after{content:attr(data-glitch);position:absolute;inset:0;mix-blend-mode:screen}.x-boot__granted:before{color:var(--alert);animation:x-glitch 1.4s steps(2) infinite}.x-boot__granted:after{color:var(--laser);animation:x-glitch 1.1s steps(2) infinite reverse}@keyframes x-glitch{0%,86%,to{transform:none;clip-path:inset(0 0 100% 0)}88%{transform:translate(-6px,2px);clip-path:inset(20% 0 55% 0)}92%{transform:translate(5px,-2px);clip-path:inset(60% 0 12% 0)}96%{transform:translate(-3px,1px);clip-path:inset(40% 0 35% 0)}}.x-boot__choose{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}.x-key{border:1px solid var(--phos);padding:12px 18px;color:var(--ink);background:var(--phos);font-weight:600;letter-spacing:.02em;transition:transform .2s,box-shadow .2s}.x-key kbd{color:var(--ink);border-color:#00000059;margin-right:8px}.x-key:hover,.x-key:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 4px #7cffc42e,0 0 40px #7cffc459;outline:none}.x-key--ghost{background:transparent;color:var(--text);border-color:var(--line-2)}.x-key--ghost kbd{color:var(--dim);border-color:var(--line-2)}.x-boot__skip{position:absolute;right:var(--gut);bottom:var(--gut);color:var(--dim);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.x-boot__skip:hover{color:var(--text)}.x-hud{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px var(--gut);font-size:11px;letter-spacing:.04em;pointer-events:none;opacity:0}.x-hud>*{pointer-events:auto}.x-hud__tl{display:flex;align-items:center;gap:10px;color:var(--dim);white-space:nowrap}.x-hud__tl #hudPrompt{color:var(--text)}.x-hud__layer{color:var(--accent);transition:color .6s}.x-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:x-blink 2s infinite}@keyframes x-blink{50%{opacity:.25}}.x-hud__tr{display:flex;align-items:flex-start;gap:10px}.x-tele{display:grid;grid-template-columns:auto auto;gap:1px 10px;margin:0;text-align:right;color:var(--dim)}.x-tele dt{opacity:.6}.x-tele dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;min-width:9ch}.x-icon{border:1px solid var(--line-2);padding:6px 9px;font-size:11px;color:var(--text);background:#04060a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.x-icon:hover,.x-icon[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.x-rail{position:fixed;left:var(--gut);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:6px;opacity:0}.x-rail a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}.x-rail a i{width:18px;height:1px;background:currentColor;transition:width .35s,background .35s}.x-rail a span{opacity:0;transform:translate(-6px);transition:.35s}.x-rail:hover a span,.x-rail a.is-on span{opacity:1;transform:none}.x-rail a.is-on{color:var(--accent)}.x-rail a.is-on i{width:36px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.x-depth{position:fixed;right:var(--gut);top:50%;transform:translateY(-50%);z-index:30;height:38vh;width:1px;background:var(--line);opacity:0}.x-depth i{position:absolute;left:0;top:0;width:1px;height:100%;background:var(--accent);transform-origin:top;transform:scaleY(0);box-shadow:0 0 8px var(--accent)}.x-depth span{position:absolute;top:100%;right:-4px;margin-top:10px;font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}.x-coords{position:fixed;left:var(--gut);bottom:14px;z-index:30;font-size:10px;color:var(--dim);letter-spacing:.08em;opacity:0;font-variant-numeric:tabular-nums}body.x-live .x-hud,body.x-live .x-rail,body.x-live .x-depth,body.x-live .x-coords{opacity:1;transition:opacity 1.2s .4s}main{position:relative;z-index:10}.x-sec{min-height:100vh;padding:18vh var(--gut) 14vh calc(var(--gut) + 64px);position:relative}.x-sec+.x-sec,#layers .x-sec{margin-top:30vh}.x-sec__head{max-width:900px}.x-code{display:inline-block;font-size:12px;color:var(--accent);border:1px solid var(--line-2);padding:3px 8px;letter-spacing:.04em;background:#04060a80}.x-code:before{content:"$ ";color:var(--dim)}.x-title{font:900 clamp(30px,min(10.5vw,calc(90vw / var(--len, 8))),168px)/.88 var(--display);letter-spacing:-.04em;margin:22px 0;text-transform:uppercase;color:var(--text);text-shadow:0 0 60px rgba(0,0,0,.6)}.x-title .x-hl{color:var(--accent)}.x-kicker{color:var(--dim);margin:0;font-size:13px;letter-spacing:.04em}.x-kicker:before{content:"// ";color:var(--accent)}.x-hero{display:flex;flex-direction:column;justify-content:flex-end;padding-top:22vh;padding-bottom:12vh}.x-hero__over{color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0}.x-hero__name{margin:0;height:34vh}.x-hero__ghost{display:none;font:900 clamp(64px,18vw,260px)/1 var(--display);letter-spacing:-.05em;color:var(--accent)}body.x-no-gl .x-hero__ghost{display:block}.x-hero__roles{font:300 clamp(18px,2.6vw,34px)/1.25 var(--display);margin:0 0 14px;min-height:1.3em}.x-hero__roles b{color:var(--accent);font-weight:600}.x-hero__roles .x-caret{display:inline-block;width:.5em;height:1em;background:var(--accent);vertical-align:-.12em;margin-left:4px;animation:x-blink 1s steps(1) infinite}.x-hero__lead{max-width:560px;color:var(--dim);margin:0}.x-hero__cue{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.x-hero__cue i{width:1px;height:46px;background:linear-gradient(var(--accent),transparent);animation:x-cue 1.8s ease-in-out infinite;transform-origin:top}@keyframes x-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.x-layer{display:grid;grid-template-columns:minmax(0,1fr)}.x-layer__panel{max-width:620px;margin-top:34px;padding:26px 26px 22px;position:relative;background:linear-gradient(180deg,#080c12c7,#04060a8c);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.x-layer__panel:before,.x-layer__panel:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--accent)}.x-layer__panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.x-layer__panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.x-layer--r .x-sec__head,.x-layer--r .x-layer__panel{margin-left:auto;text-align:left}.x-layer--r .x-sec__head{text-align:right}.x-layer__lead{margin:0 0 18px;font-size:15px;color:var(--text)}.x-layer__pts{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.x-layer__pts li{padding-left:22px;position:relative;color:#b7c6d3;font-size:13.5px}.x-layer__pts li:before{content:">";position:absolute;left:0;color:var(--accent)}.x-chips{display:flex;flex-wrap:wrap;gap:6px}.x-chips span{font-size:11px;padding:3px 8px;border:1px solid var(--line-2);color:var(--dim);transition:.25s}.x-chips span:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}.x-big-num{position:absolute;right:-6px;top:-64px;font:900 120px/1 var(--display);color:transparent;-webkit-text-stroke:1px var(--line-2);pointer-events:none}.x-proj{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line);max-width:1180px}.x-proj li{border-bottom:1px solid var(--line)}.x-proj a,.x-proj__row{display:grid;grid-template-columns:8ch minmax(0,1.2fr) minmax(0,2fr) auto;gap:18px;align-items:baseline;padding:20px 8px;text-decoration:none;position:relative;isolation:isolate}.x-proj a:before,.x-proj__row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1)}.x-proj li:hover a:before,.x-proj li:hover .x-proj__row:before{transform:scaleX(1)}.x-proj li:hover *{color:var(--ink)!important;border-color:#0000004d!important}.x-proj__perm{font-size:11px;color:var(--dim)}.x-proj__name{font:600 clamp(20px,3vw,40px)/1.05 var(--display);letter-spacing:-.02em}.x-proj__name small{display:block;font:400 11px var(--mono);color:var(--accent);letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.x-proj__blurb{color:#aebdca;font-size:13.5px}.x-proj__blurb .x-chips{margin-top:10px}.x-proj__st{font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:7px}.x-proj__st i{width:7px;height:7px;border-radius:50%;background:var(--dim)}.x-proj__st[data-s=live] i{background:var(--phos);box-shadow:0 0 10px var(--phos);animation:x-blink 1.6s infinite}.x-proj__st[data-s=mvp] i{background:var(--amber)}.x-proj__st[data-s=internal] i{background:var(--laser)}.x-log{margin-top:90px;max-width:1180px}.x-log .x-kicker{margin:12px 0 22px}.x-log__list{list-style:none;margin:0;padding:0 0 0 4px;border-left:1px solid var(--line-2)}.x-log__list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0 10px 22px;position:relative;font-size:13.5px}.x-log__g{position:absolute;left:-8px;top:9px;color:var(--accent);font-weight:800;background:var(--ink);line-height:1;padding:2px 0}.x-log__h{color:var(--amber)}.x-log__ref{color:var(--laser)}.x-log__w{color:var(--accent);font-weight:600}.x-log__m{color:#b7c6d3;flex-basis:100%}@media(min-width:861px){.x-log__m{flex-basis:auto}}.x-lang{display:flex;gap:0}.x-lang .x-icon{padding:6px 7px}.x-lang .x-icon+.x-icon{border-left:0}.x-lang .x-icon[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.x-root{display:flex;flex-direction:column}.x-root__box{margin-top:40px;max-width:640px}.x-root__lead{font:300 clamp(18px,2.2vw,28px)/1.35 var(--display);margin:0 0 24px}.x-root__links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.x-root__links a{border:1px solid var(--line-2);padding:8px 12px;text-decoration:none;font-size:13px}.x-root__links a:hover{border-color:var(--accent);color:var(--accent)}.x-cta{font:600 clamp(16px,2vw,22px) var(--mono);padding:18px 26px;border:1px solid var(--accent);color:var(--accent);position:relative;overflow:hidden;isolation:isolate}.x-cta:before{content:"";position:absolute;inset:0;background:var(--accent);z-index:-1;transform:translateY(101%);transition:transform .4s cubic-bezier(.7,0,.2,1)}.x-cta:hover{color:var(--ink)}.x-cta:hover:before{transform:none}.x-foot{margin-top:auto;padding-top:18vh;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:11px;color:var(--dim)}.x-term{position:fixed;right:var(--gut);bottom:var(--gut);z-index:50;width:min(640px,calc(100vw - 2 * var(--gut)));height:min(440px,62vh);display:flex;flex-direction:column;background:#030508eb;border:1px solid var(--line-2);box-shadow:0 30px 80px #0009,0 0 0 1px #7cffc40f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px}.x-term[hidden]{display:none}.x-term__bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--dim);font-size:11px}.x-term__dots{display:flex;gap:6px}.x-term__dots i{width:10px;height:10px;border-radius:50%;background:#2a3440}.x-term__dots i:first-child{background:var(--alert)}.x-term__title{flex:1;text-align:center}.x-term__close{font-size:18px;line-height:1;color:var(--dim)}.x-term__close:hover{color:var(--alert)}.x-term__out{flex:1;overflow:auto;padding:12px 14px 4px;white-space:pre-wrap;word-break:break-word}.x-term__out .c-ok{color:var(--phos)}.x-term__out .c-err{color:var(--alert)}.x-term__out .c-dim{color:var(--dim)}.x-term__out .c-acc{color:var(--laser)}.x-term__out .c-amb{color:var(--amber)}.x-term__out a{color:var(--phos)}.x-term__line{display:flex;gap:8px;padding:6px 14px 12px}.x-term__ps{color:var(--phos);white-space:nowrap}.x-term__line input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;caret-color:var(--phos)}.x-cursor{position:fixed;left:0;top:0;z-index:70;pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;display:none;mix-blend-mode:difference}body.x-has-cursor .x-cursor{display:block}.x-cursor:before,.x-cursor:after{content:"";position:absolute;background:#fff}.x-cursor:before{left:50%;top:0;bottom:0;width:1px}.x-cursor:after{top:50%;left:0;right:0;height:1px}.x-cursor i{position:absolute;inset:9px;border:1px solid #fff;transition:transform .25s,border-radius .25s}.x-cursor.is-hot i{transform:scale(1.9) rotate(45deg)}.x-flash{position:fixed;inset:0;z-index:55;pointer-events:none;background:#fff;opacity:0;mix-blend-mode:overlay}.x-reveal{opacity:0;transform:translateY(40px);clip-path:inset(0 0 100% 0);transition:opacity .9s var(--d, 0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--d, 0ms),clip-path 1.1s cubic-bezier(.16,1,.3,1) var(--d, 0ms)}.x-reveal.is-in{opacity:1;transform:none;clip-path:inset(-200px -200px -200px -200px)}body.x-no-gl .x-reveal{opacity:1;transform:none;clip-path:none}body.x-melt main,body.x-melt .x-hud{animation:x-melt 1.5s steps(12) both}@keyframes x-melt{0%{transform:none;filter:none}20%{transform:skew(8deg) translate(-20px);filter:hue-rotate(90deg) saturate(3)}45%{transform:skew(-12deg) translateY(30px) scaleY(1.1);filter:invert(1)}70%{transform:translateY(80px) scaleY(.9);filter:hue-rotate(200deg) blur(1px);opacity:.6}to{transform:none;filter:none;opacity:1}}@media(max-width:860px){.x-sec{padding-left:var(--gut)}.x-rail,.x-tele{display:none}.x-proj a,.x-proj__row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.x-proj__perm{display:none}.x-proj__blurb{grid-column:1 / -1}.x-layer--r .x-sec__head{text-align:left}.x-big-num{font-size:80px;top:-48px}.x-depth{right:8px}}@media(max-width:520px){#hudPrompt,.x-depth span{display:none}.x-icon{padding:5px 7px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}