:root{--color-bg:#060b16;--color-bg-sunken:#0a1222;--color-surface:#0f1a2e;--color-surface-2:#15223b;--color-line:#1c2a45;--color-line-mid:#24334f;--color-line-strong:#2d3f63;--page-gradient:radial-gradient(1100px 680px at 88% -8%, #4f8cff29, transparent 62%), radial-gradient(900px 620px at -8% 108%, #38bdf814, transparent 60%), linear-gradient(160deg, #0b1733 0%, #070d1c 55%, #050912 100%);--color-text:#e8eef9;--color-text-soft:#c2cde2;--color-text-muted:#8a9abb;--color-accent:#4f8cff;--color-accent-hover:#7aa9ff;--accent-rgb:79, 140, 255;--color-on-accent:#061024;--color-ok:#5fbf8a;--color-ok-text:#7fd1a3;--color-ok-bg:#13201a;--color-ok-line:#2c4a3a;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--sidebar-width:272px;--content-width:1400px;--page-gutter:56px;--section-gap:72px;--duration:.16s;--ease-out:cubic-bezier(.2, .7, .2, 1)}@media (width<=1100px){:root{--page-gutter:32px}}@media (width<=640px){:root{--page-gutter:16px;--section-gap:56px}}@media (prefers-reduced-motion:reduce){:root{--duration:0s}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);isolation:isolate;min-height:100vh;margin:0}body:before{content:"";z-index:-1;background:var(--page-gradient);pointer-events:none;position:fixed;inset:0}body{color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}h1,h2,h3,p,ol,ul,dl,dd{margin:0}a{color:var(--color-accent);transition:color var(--duration)}a:hover{color:var(--color-accent-hover)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.mono{font-family:var(--font-mono)}.chip{border:1px solid var(--color-line-mid);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-text-soft);align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.tag{background:var(--color-surface-2);font-family:var(--font-mono);color:var(--color-text-muted);padding:2px 8px;font-size:12px}.btn{min-height:48px;transition:background var(--duration), border-color var(--duration), box-shadow .22s var(--ease-out), transform .12s;align-items:center;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .16), 0 8px 28px -8px rgba(var(--accent-rgb), .45);color:var(--color-on-accent)}.btn:active{transform:translateY(1px)}.btn__arrow{transition:transform .22s var(--ease-out);margin-left:8px;display:inline-block}.btn:hover .btn__arrow{transform:translate(4px)}.btn--ghost{border:1px solid var(--color-line-strong);color:var(--color-text);font-weight:500}.btn--ghost:hover{border-color:var(--color-text-muted);color:var(--color-text)}.section{padding-block:var(--section-gap);border-top:1px solid var(--color-line)}.page-head{flex-direction:column;gap:12px;padding-bottom:48px;display:flex}.page-head__title{letter-spacing:-.02em;font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.08}.page-head__lede{max-width:640px;color:var(--color-text-soft);font-size:18px}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px;display:flex}.section__index{font-family:var(--font-mono);color:var(--color-text-muted);font-size:13px}.section__title{letter-spacing:-.01em;font-size:clamp(28px,4vw,36px);font-weight:600}.section__lede{max-width:420px;color:var(--color-text-muted);font-size:15px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}.page-enter{animation:.26s ease-out both fade-in}.stagger>*{animation:fade-up .64s var(--ease-out) both;animation-delay:calc(var(--stagger-base,0s) + var(--i,0) * 90ms)}.stagger>:nth-child(2){--i:1}.stagger>:nth-child(3){--i:2}.stagger>:nth-child(4){--i:3}.stagger>:nth-child(5){--i:4}.stagger>:nth-child(6){--i:5}.stagger>:nth-child(7){--i:6}[data-reveal]{opacity:0;transition:opacity .64s var(--ease-out), transform .64s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:none}.spotlight{isolation:isolate;position:relative}.spotlight:before{content:"";z-index:-1;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), rgba(var(--accent-rgb), .09), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.backdrop{z-index:0;pointer-events:none;background-image:radial-gradient(#8caae61a 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 78% 8%,#000 0%,#0000 72%);mask-image:radial-gradient(60% 55% at 78% 8%,#000 0%,#0000 72%)}.cursor-glow{z-index:0;pointer-events:none;background:radial-gradient(560px circle at var(--gx,-1000px) var(--gy,-1000px), rgba(var(--accent-rgb), .05), transparent 65%);position:fixed;inset:0}.type-caret{vertical-align:-.18em;background:currentColor;width:7px;height:1.1em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.split__word{white-space:nowrap;display:inline-block}.split__char{animation:char-rise .76s var(--ease-out) both;animation-delay:var(--d,0s);display:inline-block}@keyframes char-rise{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)rotate(4deg)}to{opacity:1;filter:blur();transform:none}}.scroll-progress{z-index:40;background:linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));height:2px;box-shadow:0 0 12px rgba(var(--accent-rgb), .6);transform:scaleX(var(--scroll,0));transform-origin:0;pointer-events:none;position:fixed;top:0;left:0;right:0}.tilt{transform-style:preserve-3d}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.glow-border{position:relative}.glow-border:after{content:"";background:conic-gradient(from var(--angle), transparent 0 62%, rgba(var(--accent-rgb), .95) 80%, transparent 96%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:7s linear infinite spin-angle;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-angle{to{--angle:360deg}}.chip{transition:border-color var(--duration), color var(--duration), transform .2s var(--ease-out)}.chip:hover{border-color:rgba(var(--accent-rgb), .5);color:var(--color-text);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.split__char,.glow-border:after,.page-enter,.stagger>*,.type-caret{animation:none}[data-reveal]{opacity:1;transition:none;transform:none}.cursor-glow{display:none}}.lang-toggle{background:var(--color-surface);border:1px solid var(--color-line-strong);flex:none;padding:3px;display:inline-flex;position:relative}.lang-toggle__btn{letter-spacing:.06em;min-width:40px;min-height:34px;color:var(--color-text-muted);transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;padding:0 10px;font-size:12px}.lang-toggle__btn:hover{color:var(--color-text)}.lang-toggle__btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:500}.sidebar{z-index:2;background:var(--color-bg-sunken);border-right:1px solid var(--color-line);flex-direction:column;gap:32px;height:100vh;padding:28px 20px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar__brand{min-width:0;color:var(--color-text);align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar__brand:hover{color:var(--color-text)}.sidebar__mark{border:1px solid var(--color-line-strong);width:40px;height:40px;color:var(--color-accent);flex:none;place-items:center;font-size:13px;font-weight:500;display:grid}.sidebar__id{flex-direction:column;min-width:0;line-height:1.35;display:flex}.sidebar__name{font-size:15px;font-weight:600}.sidebar__role{color:var(--color-text-muted);font-size:11px}.sidebar__toggle{display:none}.sidebar__panel{flex-direction:column;flex:1;gap:28px;display:flex}.sidebar__status{border:1px solid var(--color-ok-line);background:var(--color-ok-bg);color:var(--color-ok-text);align-self:flex-start;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.sidebar__dot{background:var(--color-ok);border-radius:50%;width:6px;height:6px}.sidebar__nav{position:relative}.sidebar__indicator{background:var(--color-surface-2);height:44px;box-shadow:inset 2px 0 0 var(--color-accent);opacity:0;pointer-events:none;transition:transform .42s var(--ease-out), height .42s var(--ease-out), opacity .2s;position:absolute;top:0;left:0;right:0}.sidebar__nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.sidebar__link{min-height:44px;color:var(--color-text-soft);transition:background var(--duration), color var(--duration), box-shadow .24s var(--ease-out), padding-left .24s var(--ease-out);align-items:center;gap:14px;padding:0 12px;font-size:15px;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-surface);color:var(--color-text);padding-left:16px}.sidebar__link:hover .sidebar__index{color:var(--color-accent)}.sidebar__link.active{color:var(--color-text);font-weight:500}.sidebar__link.active:hover{background:0 0}.sidebar__index{color:var(--color-text-muted);transition:color var(--duration);font-size:11px}.sidebar__link.active .sidebar__index{color:var(--color-accent)}.sidebar__bottom{border-top:1px solid var(--color-line);flex-direction:column;gap:18px;margin-top:auto;padding-top:20px;display:flex}.sidebar__tools{gap:8px;display:flex}.sidebar__lang-mobile{display:none}.sidebar__search{background:var(--color-surface);border:1px solid var(--color-line-strong);min-height:40px;color:var(--color-text-muted);flex:1;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.sidebar__search:hover{border-color:var(--color-text-muted)}.sidebar__search kbd{color:var(--color-text-soft);font-family:inherit}.sidebar__socials{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.sidebar__socials a{padding:6px 0;text-decoration:none;display:inline-block}.sidebar__loc{color:var(--color-text-muted);font-size:11px}@media (prefers-reduced-motion:reduce){.sidebar__indicator{transition:none}}@media (width<=900px){.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--color-line);gap:0;height:auto;padding:12px 16px;overflow:visible}.sidebar__toggle{border:1px solid var(--color-line-strong);min-height:44px;color:var(--color-text-soft);background:0 0;align-items:center;padding:0 14px;font-size:12px;display:inline-flex}.sidebar__panel{padding-top:20px;display:none}.sidebar[data-open=true] .sidebar__panel{max-height:calc(100vh - 70px);display:flex;overflow-y:auto}.sidebar__search,.sidebar__lang-desktop{display:none}.sidebar__lang-mobile{margin-left:auto;display:inline-flex}.sidebar__lang-mobile .lang-toggle__btn{min-height:36px}}.palette{width:min(560px,100vw - 32px);color:var(--color-text);background:0 0;border:0;margin-top:15vh;padding:0}.palette::backdrop{background:#030710b3}.palette__box{background:var(--color-surface);border:1px solid var(--color-line-strong)}.palette__input{border:0;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-text);background:0 0;padding:16px 18px;font-size:15px}.palette__input:focus{outline:none}.palette__list{max-height:320px;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette__item{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;display:flex}.palette__item[aria-selected=true]{background:var(--color-surface-2);box-shadow:inset 2px 0 0 var(--color-accent)}.palette__hint,.palette__empty{color:var(--color-text-muted);text-transform:none;font-size:12px}.palette__empty{padding:12px}.palette__footer{border-top:1px solid var(--color-line);color:var(--color-text-muted);gap:20px;padding:10px 18px;font-size:12px;display:flex}.layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.layout__body{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.layout__main{width:100%;max-width:var(--content-width);padding:72px var(--page-gutter) 88px;flex:1}.layout__main:focus{outline:none}.skip-link{z-index:100;background:var(--color-accent);color:var(--color-on-accent);padding:10px 16px;font-weight:600;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.layout__main{padding-top:40px}}.panel{background:var(--color-surface);border:1px solid var(--color-line);flex-direction:column;display:flex}.panel__bar{border-bottom:1px solid var(--color-line);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:flex}.panel__status{color:var(--color-ok-text);align-items:center;gap:6px;display:inline-flex}.panel__dot{background:var(--color-ok);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite panel-pulse}.panel__list{margin:0;padding:8px 18px;font-size:13px}.panel__row{border-bottom:1px dashed var(--color-line);grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.panel__row:last-child{border-bottom:0}.panel__row dt{color:var(--color-text-muted)}.panel__row dd{color:var(--color-text);margin:0}.panel__clock{color:var(--color-accent);font-variant-numeric:tabular-nums}.panel__tz{color:var(--color-text-muted)}.panel__prompt{border-top:1px solid var(--color-line);background:var(--color-bg-sunken);color:var(--color-text-soft);margin-top:auto;padding:14px 18px;font-size:13px}.panel__caret{color:var(--color-accent)}.panel__cursor{vertical-align:-2px;background:var(--color-accent);width:8px;height:15px;margin-left:4px;animation:1.1s step-end infinite panel-blink;display:inline-block}@keyframes panel-blink{50%{opacity:0}}@keyframes panel-pulse{50%{opacity:.35}}.panel__row,.panel__prompt{animation:panel-print .42s var(--ease-out) both;animation-delay:calc(.6s + var(--i,0) * 85ms)}@keyframes panel-print{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.panel__dot,.panel__cursor,.panel__row,.panel__prompt{animation:none}}.hero{padding-bottom:var(--section-gap);grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:center;gap:48px 64px;display:grid}.hero__main{flex-direction:column;gap:28px;min-width:0;display:flex}.hero__kicker{letter-spacing:.08em;min-height:1.6em;color:var(--color-accent);font-size:13px}.hero__title{letter-spacing:-.02em;font-size:clamp(44px,5.4vw,76px);font-weight:600;line-height:1.02}.hero__dot{color:var(--color-accent);animation:2.8s ease-in-out 1.2s infinite hero-dot;display:inline-block}@keyframes hero-dot{0%,to{opacity:1}50%{opacity:.25}}.hero__main>.hero__title{animation:none}.hero>.panel{animation:fade-up .7s var(--ease-out) .38s both}@media (prefers-reduced-motion:reduce){.hero__dot,.hero>.panel{animation:none}}.hero__statement{max-width:680px;color:var(--color-text-soft);font-size:clamp(18px,1.6vw,22px);line-height:1.5}.hero__chips{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.hero__actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}@media (width<=1280px){.hero{grid-template-columns:minmax(0,1fr)}.hero .panel{max-width:560px}}.projects{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px;display:grid}.project{background:linear-gradient(180deg, #ffffff06, transparent 40%), var(--color-surface);border:1px solid var(--color-line);transition:border-color var(--duration);flex-direction:column;gap:18px;padding:28px;display:flex}.project:hover{border-color:rgba(var(--accent-rgb), .35)}.project[data-reveal].is-visible{transition:opacity .64s var(--ease-out), transform .2s var(--ease-out), box-shadow .28s var(--ease-out), border-color var(--duration)}.project[data-reveal].is-visible:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 18px 40px -24px #000c}.project__meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12px;display:flex}.project__meta span{white-space:nowrap}.project__kind{color:var(--color-accent);text-transform:uppercase}.project__title{font-size:22px;font-weight:600}.project__summary{color:var(--color-text-soft);font-size:15px}.project__flow{background:var(--color-bg-sunken);border:1px dashed var(--color-line-mid);color:var(--color-text-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:12px;font-size:12px;list-style:none;display:flex}.project__flow li{align-items:center;gap:6px;display:inline-flex}.project__arrow{color:var(--color-accent);display:inline-block}.project:hover .project__arrow{animation:1.4s ease-in-out infinite flow-pulse;animation-delay:calc(var(--i,0) * .14s)}@keyframes flow-pulse{0%,to{opacity:.45;transform:none}50%{opacity:1;transform:translate(3px)}}.project__repo span,.project__repo{transition:color var(--duration)}@media (prefers-reduced-motion:reduce){.project:hover .project__arrow{animation:none}.project[data-reveal].is-visible:hover{transform:none}}.project__outcome{font-size:13px}.project__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.project__stack{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.project__links{gap:16px;display:flex}.project__repo{font-size:13px;text-decoration:none}