@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0d;--bg-alt:#121214;--surface:#17171a;--fg:#e9eaec;--muted:#8b8f97;--line:#26272b;--stroke:#3a3b41;--silver:#c9ccd2;--silver-ink:linear-gradient(180deg, #fff 0%, #c4c8cf 55%, #858a93 100%);--accent:#f53;--accent-ink:#120a08;--accent-soft:#ff553324;--mark:var(--accent);--ok:#8fbca3;--bad:#e0908a;--shadow-sm:#0009 0 2px 10px 0;--ease:cubic-bezier(.19, 1, .22, 1);--wrap:1120px;--radius:8px;--radius-lg:14px;--font:"Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f6;--bg-alt:#ececee;--surface:#fff;--fg:#17181a;--muted:#6c7078;--line:#dcdde0;--stroke:#c3c5ca;--silver:#4a4d54;--silver-ink:linear-gradient(180deg, #1c1d20 0%, #4b4e55 60%, #7b7f87 100%);--accent:#f53;--accent-ink:#120a08;--accent-soft:#ff55331f;--ok:#3d7a57;--bad:#b4443f;--shadow-sm:#0000002e 0 2px 10px 0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--fg);font:400 1rem/1.6 var(--font);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}strong{font-weight:600}:focus-visible{outline:2px solid var(--mark);outline-offset:3px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:32px}.meta{color:var(--muted)}.eyebrow{color:var(--muted);font-size:.9375rem;font-weight:500}main{counter-reset:section}.band{background:var(--bg-alt);padding-bottom:120px}.band .contact{padding-bottom:0}.nav{z-index:10;pointer-events:none;padding:16px 16px 0;position:fixed;top:0;left:0;right:0}.nav-inner{pointer-events:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background:color-mix(in srgb, var(--bg-alt) 86%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:56px;padding-inline:24px;transition:box-shadow .3s;display:flex}.nav.scrolled .nav-inner{box-shadow:var(--shadow-sm)}.brand{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.nav-end{align-items:center;gap:24px;display:flex}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;transition:color .2s,border-color .2s;display:grid}.theme-toggle:hover{color:var(--fg);border-color:var(--stroke)}.theme-toggle svg{width:18px;height:18px}.nav-links{gap:28px;font-size:.9375rem;font-weight:500;display:flex}.nav-links a{color:var(--muted);background:linear-gradient(var(--mark), var(--mark)) 0 100% / 0 2px no-repeat;transition:background-size .4s var(--ease), color .3s;padding-bottom:2px}.nav-links a:hover,.nav-links a.active{color:var(--fg);background-size:100% 2px}.btn{border-radius:var(--radius);background:var(--fg);height:48px;color:var(--bg);letter-spacing:-.01em;cursor:pointer;transition:transform .3s var(--ease), opacity .2s;border:0;align-items:center;padding:0 24px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-2px)}.btn-solid{background:var(--accent);color:var(--accent-ink)}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;min-height:92svh;padding-top:120px;padding-bottom:96px;display:grid;position:relative}.hero h1{letter-spacing:-.035em;background:var(--silver-ink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0 24px;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:500;line-height:1.08}.lead{max-width:520px;color:var(--muted);font-size:1.25rem;line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero-visual{justify-self:center;place-items:center;width:400px;height:400px;display:grid;position:relative}.avatar{--focus-x:50%;--focus-y:50%;--zoom:1;width:280px;height:280px;color:inherit;cursor:zoom-in;box-shadow:0 0 0 1px var(--stroke), 0 0 0 10px var(--bg-alt);transition:transform .4s var(--ease);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar:hover{transform:scale(1.02)}.avatar-photo{border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.avatar img{object-fit:cover;object-position:var(--focus-x) var(--focus-y);width:100%;height:100%;transform:scale(var(--zoom));transform-origin:var(--focus-x) var(--focus-y);display:block}.zoom-badge{border:1px solid var(--stroke);background:var(--surface);width:44px;height:44px;color:var(--fg);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid;position:absolute;bottom:6px;right:6px}.zoom-badge svg{width:20px;height:20px}.avatar:hover .zoom-badge,.avatar:focus-visible .zoom-badge{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.lightbox{color:#fff;max-width:96vw;max-height:96vh;animation:lightbox-in .35s var(--ease);background:0 0;border:0;padding:0;overflow:auto}.lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000db}.lightbox img{border-radius:var(--radius-lg);cursor:zoom-in;max-width:92vw;max-height:86vh;display:block}.lightbox img.actual{cursor:zoom-out;max-width:none;max-height:none}.lightbox-close{z-index:1;color:#fff;cursor:pointer;background:#141416cc;border:1px solid #ffffff4d;border-radius:50%;width:44px;height:44px;font-size:1.75rem;line-height:1;transition:background .2s,color .2s;position:fixed;top:20px;right:24px}.lightbox-close:hover{background:var(--accent);color:var(--accent-ink)}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}}body:has(dialog[open]){overflow:hidden}.chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);white-space:nowrap;padding:6px 14px;font-size:.875rem;font-weight:500;position:absolute}.f1{top:22px;left:-8px}.f2{top:70px;right:-34px}.f3{bottom:64px;left:-36px}.f4{bottom:16px;right:0}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding-top:0;padding-bottom:0;display:grid}.stat{flex-direction:column;gap:8px;padding:40px 24px 40px 0;display:flex}.stat b{letter-spacing:-.04em;font-size:3.5rem;font-weight:500;line-height:1}.stat span{color:var(--muted);font-size:.9375rem;line-height:1.5}.block{grid-template-columns:220px 1fr;gap:48px;padding-top:120px;display:grid}.label{counter-increment:section;align-self:start;align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex;position:sticky;top:104px}.label:before{content:counter(section, decimal-leading-zero);font:600 .75rem/1 var(--mono);letter-spacing:.04em;color:var(--accent)}.content{min-width:0}.company-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:20px;display:flex}.company-head h3{letter-spacing:-.03em;font-size:1.75rem;font-weight:500}.timeline{padding:24px 0 0 28px;position:relative}.timeline:before{content:"";background:var(--stroke);width:1px;position:absolute;top:34px;bottom:14px;left:6px}.timeline li{padding:6px 0 18px;position:relative}.timeline li div{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.timeline .title{font-weight:600}.timeline .dot{background:var(--bg);border:2px solid var(--stroke);border-radius:50%;width:13px;height:13px;position:absolute;top:13px;left:-28px}.timeline li:first-child .dot{background:var(--accent);border-color:var(--mark)}.company+.company{margin-top:56px}.timeline-note{color:var(--muted);margin-top:6px;font-size:.9375rem}.project-title{letter-spacing:-.035em;margin:8px 0 16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:500;line-height:1.1}.project>p:not(.eyebrow){max-width:640px;font-size:1.0625rem}.tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tags li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:4px 12px;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s,color .2s}.tags li:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tags-sm{margin-top:10px}.tags-sm li{font-size:.8125rem}.project-next{border-top:1px solid var(--line);margin-top:96px;padding-top:64px}.diagram{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:48px 0 0;padding:32px}.diagram figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;font-size:1rem;font-weight:600;display:flex}.legend{color:var(--muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:400;display:inline-flex}.legend i{background:var(--accent);width:18px;height:2px}.diagram-note{color:var(--muted);margin-top:28px;font-size:.9375rem}.fsm{align-items:center;display:flex}.fsm-main{flex:1;align-items:center;display:flex}.fsm-end{flex-direction:column;gap:10px;display:flex}.node{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);letter-spacing:.02em;color:var(--muted);transition:color .3s, border-color .3s, background .3s, transform .3s var(--ease);flex:none;padding:8px 12px;font-size:.75rem;font-weight:600;line-height:1}.node.done{color:var(--fg);border-color:var(--silver)}.node.active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent);transform:scale(1.05)}.node.ok.active{background:var(--surface);border-color:var(--ok);color:var(--ok)}.node.bad.active{background:var(--surface);border-color:var(--bad);color:var(--bad)}.edge{background:var(--line);flex:1;min-width:16px;height:2px;margin:0 6px;position:relative;overflow:hidden}.edge:after{content:"";background:var(--mark);transform-origin:0;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.edge.done:after{transform:scaleX(1)}.ledger{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:28px;padding-top:24px;display:flex}.ledger-row{color:var(--muted);grid-template-columns:90px 1fr 70px;align-items:center;gap:14px;font-size:.875rem;display:grid}.ledger-row b{font:500 .8125rem/1 var(--mono);color:var(--fg);text-align:right}.ledger-bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.ledger-bar i{border-radius:inherit;background:var(--mark);width:0;height:100%;transition:width .7s var(--ease);display:block}.ledger-row:first-child .ledger-bar i{width:100%}.ledger-posting{font:.75rem/1.4 var(--mono);color:var(--fg);white-space:pre-wrap;margin-top:6px}.highlights{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.hl{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:transform .4s var(--ease), box-shadow .4s;padding:28px}.hl:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.hl-num{border-radius:var(--radius);background:var(--accent);min-width:32px;height:32px;color:var(--accent-ink);place-items:center;padding:0 8px;font-size:.8125rem;font-weight:600;display:inline-grid}.hl h4{letter-spacing:-.02em;margin:16px 0 8px;font-size:1.125rem;font-weight:600}.hl p{color:var(--muted);font-size:.9375rem}.pipeline{align-items:center;display:flex}.pl-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);flex-direction:column;flex:none;gap:8px;padding:14px 16px;display:flex}.pl-title{font-size:.875rem;font-weight:600}.pl-note{font:.6875rem/1.3 var(--mono);color:var(--muted)}.pl-services ul{color:var(--muted);flex-direction:column;gap:4px;font-size:.875rem;display:flex}.pl-services i{background:var(--stroke);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.4s ease-in-out infinite emit;display:inline-block}.pl-services li:nth-child(2) i{animation-delay:.6s}.pl-services li:nth-child(3) i{animation-delay:1.2s}.pl-services li:nth-child(4) i{animation-delay:1.8s}@keyframes emit{0%,30%,to{background:var(--stroke)}10%{background:var(--mark)}}.pl-kafka{border-color:var(--accent);background:var(--accent-soft)}.steps{flex-direction:column;gap:4px;display:flex}.steps li{color:var(--muted);border-radius:6px;padding:4px 10px;font-size:.8125rem;font-weight:600;transition:background .3s,color .3s}.steps li.active{background:var(--accent);color:var(--accent-ink)}.bars{align-items:flex-end;gap:4px;height:48px;display:flex}.bars i{background:var(--mark);transform-origin:bottom;width:10px;animation:grow 3.2s var(--ease) infinite;border-radius:3px 3px 0 0}.bars i:first-child{height:40%}.bars i:nth-child(2){height:70%;animation-delay:.15s}.bars i:nth-child(3){height:55%;animation-delay:.3s}.bars i:nth-child(4){height:90%;animation-delay:.45s}.bars i:nth-child(5){height:65%;animation-delay:.6s}@keyframes grow{0%{transform:scaleY(.2)}40%,85%{transform:scaleY(1)}to{transform:scaleY(.2)}}.pipe{background:var(--line);flex:1;min-width:24px;height:2px;margin:0 8px;position:relative}.pipe b{background:var(--mark);border-radius:50%;width:7px;height:7px;animation:1.8s linear infinite travel-x;position:absolute;top:-2.5px;left:0}.pipe:nth-of-type(2) b{animation-delay:.6s}.pipe:nth-of-type(3) b{animation-delay:1.2s}@keyframes travel-x{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 7px)}}@keyframes travel-y{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 7px)}}.also{border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);margin-top:24px;padding:20px 24px}.also-label{font-size:.9375rem;font-weight:600}.also ul{flex-direction:column;gap:6px;margin-top:10px;font-size:.9375rem;display:flex}.also li:before{content:"→ ";font-weight:600}.arch-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.arch{width:100%;min-width:600px;height:auto;display:block}.arch-links path{fill:none;stroke:var(--stroke);stroke-width:1px}.arch-flow{fill:none;stroke:var(--mark);stroke-width:2px;stroke-dasharray:6 6;animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-12px}}.arch-dot{fill:var(--mark)}.arch-node rect{fill:var(--surface);stroke:var(--stroke);stroke-width:1px;transition:stroke .3s,fill .3s}.arch-node text{fill:var(--fg);font:600 13px var(--font);text-anchor:middle}.arch-node.hot rect{fill:color-mix(in srgb, var(--accent) 16%, var(--surface));stroke:var(--accent)}.arch-node.store rect{stroke:var(--silver)}.arch-node.ext rect{stroke:var(--muted);stroke-dasharray:4 4}.arch-node:hover rect{stroke:var(--mark)}.arch-group{fill:var(--bg-alt);stroke:var(--stroke);stroke-dasharray:4 4}.arch-group-label{fill:var(--muted);font:500 11px var(--font)}.shots{height:420px;margin-top:48px;position:relative}.shot{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:78%;transition:transform .6s var(--ease);margin:0;position:absolute;overflow:hidden;box-shadow:0 24px 48px -24px #0009}.shot img{width:100%;height:auto;display:block}.shot-back{top:0;right:0;transform:rotate(1.5deg)}.shot-front{width:66%;bottom:0;left:0;transform:rotate(-1.5deg)}.shots:hover .shot-back{transform:rotate(0)translate(12px,-8px)}.shots:hover .shot-front{transform:rotate(0)translate(-12px,8px)}.shot-bar{border-bottom:1px solid var(--line);background:var(--bg-alt);align-items:center;gap:6px;padding:8px 12px;display:flex}.shot-bar i{background:var(--stroke);border-radius:50%;width:8px;height:8px}.shot-bar span{color:var(--muted);margin-left:8px;font-size:.75rem}.mini-stats{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(4,1fr);margin-top:32px;display:grid}.mini-stats div{border-left:1px solid var(--line);flex-direction:column;padding:20px 24px;display:flex}.mini-stats div:first-child{border-left:0}.mini-stats b{letter-spacing:-.03em;font-size:2rem;font-weight:500}.mini-stats span{color:var(--muted);font-size:.875rem}.phases{grid-template-columns:repeat(4,1fr);gap:20px;padding-top:28px;display:grid;position:relative}.phases:before,.phases:after{content:"";background:var(--line);height:2px;position:absolute;top:6px;left:6px;right:6px}.phases:after{background:var(--mark);transform-origin:0;transition:transform 1.6s var(--ease) .3s;transform:scaleX(0)}.is-visible .phases:after{transform:scaleX(1)}.phases li{position:relative}.ph-dot{border:2px solid var(--stroke);background:var(--surface);z-index:1;border-radius:50%;width:14px;height:14px;transition:border-color .4s,background .4s;position:absolute;top:-28px;left:0}.is-visible .phases li .ph-dot{border-color:var(--mark);background:var(--accent)}.is-visible .phases li:first-child .ph-dot{transition-delay:.3s}.is-visible .phases li:nth-child(2) .ph-dot{transition-delay:.7s}.is-visible .phases li:nth-child(3) .ph-dot{transition-delay:1.1s}.is-visible .phases li:nth-child(4) .ph-dot{transition-delay:1.5s}.phases b{margin-bottom:4px;font-size:.9375rem;font-weight:600;display:block}.phases p{color:var(--muted);font-size:.9375rem}.skills{grid-template-columns:repeat(2,1fr);gap:40px 48px;display:grid}.skill h4{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:1rem;font-weight:600}.skill .tags{margin-top:16px}.edu h3{letter-spacing:-.03em;font-size:1.5rem;font-weight:500;line-height:1.3}.edu .meta{margin-top:8px}.contact{text-align:center;padding-top:160px;padding-bottom:160px}.contact-title{letter-spacing:-.035em;background:var(--silver-ink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:900px;margin:16px auto 40px;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:500;line-height:1.08}.hl-word{background:var(--accent);color:var(--accent-ink);-webkit-text-fill-color:var(--accent-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px;padding:0 .12em}.contact-mail{border-radius:var(--radius);background:var(--accent);height:56px;color:var(--accent-ink);transition:transform .3s var(--ease), opacity .2s;align-items:center;padding:0 32px;font-size:1.125rem;font-weight:600;display:inline-flex}.contact-mail:hover{opacity:.88;transform:translateY(-2px)}.contact .meta{margin-top:20px}.footer{color:var(--muted);justify-content:space-between;padding-top:28px;padding-bottom:40px;font-size:.9375rem;display:flex}.footer a:hover{color:var(--fg)}.js .reveal{opacity:0;transition:opacity .66s var(--ease), transform .66s var(--ease);transition-delay:var(--delay,0s);transform:translateY(20px)}.js .reveal.is-visible{opacity:1;transform:none}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:128px}.hero-visual{order:-1;justify-self:center;width:300px;height:280px}.avatar{width:200px;height:200px}.zoom-badge{width:40px;height:40px}.chip{padding:4px 10px;font-size:.75rem}.f1{top:0;left:-40px}.f2{top:0;right:-40px}.f3{bottom:0;left:-40px}.f4{bottom:0;right:-40px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(n+3){border-top:1px solid var(--line)}.block{grid-template-columns:1fr;gap:24px;padding-top:96px}.label{position:static}.fsm,.fsm-main{flex-direction:column;align-items:flex-start}.edge{flex:none;width:2px;min-width:0;height:20px;margin:6px 0 6px 20px}.edge:after{transform-origin:top;transform:scaleY(0)}.edge.done:after{transform:scaleY(1)}.fsm-end{flex-flow:wrap}.pipeline{flex-direction:column;align-items:stretch}.pipe{flex:none;width:2px;min-width:0;height:32px;margin:6px auto}.pipe b{animation-name:travel-y;top:0;left:-2.5px}.pl-services ul{flex-flow:wrap;gap:4px 16px}.steps{flex-flow:wrap}.shots{flex-direction:column;gap:16px;height:auto;display:flex}.shot,.shot-front{width:100%;position:static;transform:none}.shots:hover .shot-back,.shots:hover .shot-front{transform:none}.mini-stats{grid-template-columns:repeat(2,1fr)}.mini-stats div:nth-child(3){border-left:0}.mini-stats div:nth-child(n+3){border-top:1px solid var(--line)}.phases{grid-template-columns:1fr;gap:24px;padding:0 0 0 32px}.phases:before,.phases:after{width:2px;height:auto;inset:6px auto 6px 6px}.phases:after{transform-origin:top;transform:scaleY(0)}.is-visible .phases:after{transform:scaleY(1)}.ph-dot{top:2px;left:-32px}}@media (width<=640px){.wrap,.nav-inner{padding-inline:16px}.nav-end{gap:12px}.nav-links{gap:16px}.nav-links li:nth-child(n+3):not(:last-child){display:none}.stat{padding:28px 16px 28px 0}.stat b{font-size:2.5rem}.highlights,.skills{grid-template-columns:1fr}.diagram,.hl{padding:22px}.band{padding-bottom:96px}.contact{padding-top:120px;padding-bottom:120px}.band .contact{padding-bottom:0}.footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.phases:after{transform:none}}.demo-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-wide{grid-column:1/-1}.demo-panel{border-radius:var(--radius);background:var(--bg-alt);min-width:0;padding:20px}.demo-split{grid-template-columns:1fr 1fr;gap:24px;display:grid}.demo-split>*{min-width:0}.demo-label{margin-bottom:14px;font-size:.875rem;font-weight:600;display:block}.demo-gap{margin-top:24px}.demo-empty{color:var(--muted);font-size:.8125rem}.demo-check{color:var(--ok);margin-top:14px;font:.75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.demo-error{color:var(--bad);margin-top:12px;font-size:.8125rem}.demo-note{min-height:3em;color:var(--muted);margin:14px 0;font-size:.8125rem}.demo-field{margin-bottom:14px;display:block}.demo-field>span{color:var(--muted);margin-bottom:6px;font-size:.8125rem;display:block}.demo-field input,.demo-field select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;height:40px;color:var(--fg);font:inherit;padding:0 12px;font-size:.9375rem}.demo-field select option{background:var(--surface);color:var(--fg)}.demo-quick{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.demo-quick button,.seg button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:border-color .2s,background .2s,color .2s}.demo-quick button:hover:not(:disabled),.seg button:hover:not(:disabled){border-color:var(--mark)}.demo-quick button.on,.seg button.on{border-color:var(--mark);background:var(--accent);color:var(--accent-ink)}.seg{flex-wrap:wrap;gap:8px;display:inline-flex}.demo button:disabled{opacity:.45;cursor:not-allowed}.demo-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.dbtn{border-radius:var(--radius);background:var(--fg);height:40px;color:var(--bg);font:inherit;cursor:pointer;transition:transform .3s var(--ease), opacity .2s;border:0;padding:0 18px;font-size:.875rem;font-weight:600}.dbtn:hover:not(:disabled){opacity:.88;transform:translateY(-2px)}.dbtn-solid{background:var(--accent);color:var(--accent-ink)}.dbtn-ghost{color:var(--muted);background:0 0}.dbtn-ghost:hover:not(:disabled){color:var(--fg)}.demo-states{flex-direction:column;gap:12px;display:flex}.demo-states>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-state{align-items:center;gap:8px;display:inline-flex}.demo-states em{color:var(--stroke);font-style:normal}.demo-states .demo-or{color:var(--muted);font-size:.75rem}.demo-stack{flex-direction:column;gap:24px;display:flex}.demo-scroll{overflow-x:auto}.demo-balances{flex-direction:column;gap:10px;display:flex}.demo-balances .ledger-row{grid-template-columns:96px 1fr 76px}.demo-balances .ledger-row:first-child .ledger-bar i{width:0}.demo-balances .ledger-bar i{transition:width .6s var(--ease)}.demo-table{border-collapse:collapse;width:100%;min-width:460px;font:.75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.demo-table th{text-align:left;color:var(--muted);padding:0 8px 8px 0;font-weight:500}.demo-table td{border-top:1px solid var(--line);color:var(--fg);padding:6px 8px 6px 0}.demo-log{color:var(--muted);flex-direction:column;gap:6px;font:.75rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.demo-log li:first-child:not(.demo-empty){color:var(--fg);font-weight:600}.demo-flags{flex-wrap:wrap;gap:8px;display:flex}.flag{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.flag i{background:var(--stroke);border-radius:50%;width:8px;height:8px;transition:background .2s}.flag.on{border-color:var(--mark);color:var(--fg)}.flag.on i{background:var(--mark)}.demo-routes{flex-direction:column;gap:6px;display:flex}.demo-routes button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s, background .2s, transform .2s var(--ease);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.demo-routes button:hover{border-color:var(--mark);background:var(--accent-soft);transform:translate(2px)}.demo-routes b{font:700 .6875rem/1 var(--mono)}.demo-routes code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:.8125rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.demo-routes em{color:var(--muted);font-size:.6875rem;font-style:normal}.demo-stages{flex-wrap:wrap;gap:8px;display:flex}.demo-stages li{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:color .3s,border-color .3s,background .3s}.demo-stages li.done{color:var(--fg);border-color:var(--stroke)}.demo-stages li.active{border-color:var(--mark);background:var(--accent);color:var(--accent-ink)}.demo-json{border-radius:var(--radius);background:var(--surface);font:.75rem/1.55 var(--mono);color:var(--muted);margin:0;padding:14px;overflow-x:auto}.demo-bars{flex-direction:column;gap:10px;display:flex}.demo-bars .ledger-row{grid-template-columns:100px 1fr 32px}.demo-bars .ledger-row:first-child .ledger-bar i{width:0}.demo-bars .ledger-bar i{transition:width .5s var(--ease)}.demo-roadmap{flex-direction:column;gap:16px;display:flex}.rm-toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.rm-toolbar .demo-label,.rm-toolbar .demo-quick{margin:0}.rm-progress{align-items:center;gap:10px;min-width:140px;margin-left:auto;display:flex}.rm-progress .ledger-bar{flex:1}.rm-progress .ledger-bar i{transition:width .5s var(--ease)}.rm-progress b{font:500 .8125rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rm-canvas{border-radius:var(--radius);background:radial-gradient(circle, var(--stroke) 1px, transparent 1.5px) 0 0 / 22px 22px, var(--surface);overflow:hidden}.rm-canvas svg{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.rm-drafting{text-anchor:middle;fill:var(--muted);font-size:14px;animation:1s ease-in-out infinite rm-pulse}.rm-edge{fill:none;stroke:var(--stroke);stroke-width:1.5px}.rm-node{cursor:grab;transform-box:fill-box;transform-origin:50%}.rm-node>g{touch-action:none}.rm-node:active{cursor:grabbing}.rm-node rect{fill:var(--surface);stroke:var(--stroke);stroke-width:1.2px;transition:fill .3s,stroke .3s}.rm-node text{text-anchor:middle;fill:var(--fg);pointer-events:none;font-size:12.5px;font-weight:500}.rm-dot{fill:var(--stroke);pointer-events:none;transition:fill .3s}.rm-node:hover rect,.rm-node.doing rect{stroke:var(--mark)}.rm-node.doing .rm-dot{fill:var(--mark)}.rm-node.done rect{fill:var(--accent-soft);stroke:var(--ok)}.rm-node.done .rm-dot{fill:var(--ok)}.rm-node.selected rect{stroke:var(--mark);stroke-width:2px}.rm-node.pop{animation:rm-pop .5s var(--ease) both}.rm-edge{animation:rm-fade-in .6s var(--ease) both}.rm-cursor{opacity:0;pointer-events:none;transition:opacity .3s}.rm-cursor.show{opacity:1}.rm-cursor path{fill:var(--mark);stroke:var(--surface);stroke-width:1px}.rm-cursor rect{fill:var(--accent);stroke:var(--mark)}.rm-cursor text{text-anchor:middle;fill:var(--accent-ink);font-size:11px;font-weight:600}.rm-panels .demo-panel{min-height:150px}.rm-title{margin:0 0 6px;font-size:1.0625rem;font-weight:600}.rm-lesson{color:var(--muted);margin-bottom:14px;font-size:.875rem}.rm-questions{margin-bottom:12px}.rm-answer{background:var(--accent-soft);border-radius:var(--radius);animation:rm-fade .4s var(--ease);padding:12px 14px}.rm-answer p{font-size:.875rem}.rm-answer small{color:var(--muted);margin-top:6px;font-size:.75rem;display:block}@keyframes rm-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes rm-fade-in{0%{opacity:0}}@keyframes rm-fade{0%{opacity:0;transform:translateY(4px)}}@keyframes rm-pulse{50%{opacity:.4}}@media (width<=900px){.demo-grid,.demo-split{grid-template-columns:1fr}}@media (width<=640px){.demo-panel{padding:16px}.rm-canvas{overflow-x:auto}.rm-canvas svg{min-width:600px}.rm-progress{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.rm-node.pop,.rm-edge,.rm-answer,.rm-drafting{animation:none}}.timeline-link{color:var(--accent);margin-top:6px;font-size:.875rem;font-weight:500;display:inline-block}.timeline-link:hover{text-decoration:underline}.notes-intro{max-width:600px;color:var(--muted);font-size:1.0625rem}.notes-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;display:grid}.note-card{min-width:0}.note-link{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);height:100%;transition:transform .4s var(--ease), border-color .3s, box-shadow .4s;flex-direction:column;gap:10px;padding:24px;display:flex}.note-link:hover{border-color:var(--stroke);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.note-topic{background:var(--accent-soft);color:var(--fg);border-radius:6px;align-self:flex-start;padding:2px 10px;font-size:.75rem;font-weight:600}.note-link h3{letter-spacing:-.02em;font-size:1.1875rem;font-weight:600;line-height:1.3}.note-link p{color:var(--muted);flex:1;font-size:.9375rem}.note-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.note-meta b{color:var(--accent);transition:transform .3s var(--ease);font-weight:600}.note-link:hover .note-meta b{transform:translate(3px)}.notes-more{margin-top:32px}.page{min-height:80vh;padding-top:128px;padding-bottom:96px}.back{color:var(--muted);margin-bottom:32px;font-size:.9375rem;font-weight:500;transition:color .2s;display:inline-block}.back:hover{color:var(--fg)}.page-title{letter-spacing:-.035em;max-width:820px;margin-top:12px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:500;line-height:1.1}.page-lead{max-width:680px;color:var(--muted);margin:16px 0 32px;font-size:1.1875rem;line-height:1.55}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;padding:6px 14px;font-size:.875rem;font-weight:500;transition:border-color .2s,background .2s,color .2s}.filters button span{color:var(--muted);margin-left:4px}.filters button:hover{border-color:var(--stroke)}.filters button.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.filters button.on span{color:inherit;opacity:.7}.article{max-width:720px}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.875rem;display:flex}.article .tags{margin-top:48px}.more-notes{border-top:1px solid var(--line);margin-top:96px;padding-top:48px}.more-notes h2{letter-spacing:-.03em;font-size:1.5rem;font-weight:500}.prose{font-size:1.0625rem;line-height:1.75}.prose>*+*{margin-top:1.15em}.prose h2{letter-spacing:-.03em;margin-top:2.2em;font-size:1.625rem;font-weight:600;line-height:1.25}.prose h3{letter-spacing:-.02em;margin-top:1.8em;font-size:1.25rem;font-weight:600}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose code{background:var(--bg-alt);font:.875em var(--mono);border-radius:5px;padding:.12em .4em}.prose pre{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);margin-inline:0;padding:16px 20px;font-size:.8125rem;line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:18px}.prose .table-wrap{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:420px;font-size:.9375rem;line-height:1.5}.prose th{border-bottom:1px solid var(--stroke);text-align:left;padding:8px 12px 8px 0;font-weight:600}.prose td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px 10px 0}.prose td code,.prose th code{white-space:nowrap}@media (width<=900px){.notes-grid{grid-template-columns:1fr}}@media (width<=640px){.page{padding-top:112px}.note-link{padding:20px}.prose{font-size:1rem}}