:root{--accent-h:220;--accent-c:.14;--accent-l:.82;--accent:oklch(var(--accent-l) var(--accent-c) var(--accent-h));--accent-soft:oklch(var(--accent-l) var(--accent-c) var(--accent-h) / .18);--accent-faint:oklch(var(--accent-l) var(--accent-c) var(--accent-h) / .08);--accent-line:oklch(var(--accent-l) var(--accent-c) var(--accent-h) / .45);--bg-0:#07090b;--bg-1:#0d1012;--bg-2:#131719;--bg-3:#1c2023;--fg-0:#f2f6f8;--fg-1:#ced1d4;--fg-2:#a1a5a8;--fg-3:#777b7d;--fg-4:#35383b;--line:#35383b;--line-soft:#212427;--focus:#a8f2ff;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--maxw:1240px}@supports (color:lab(0% 0 0)){:root{--bg-0:lab(2.48147% -.355057 -.79214);--bg-1:lab(4.44292% -.628755 -1.40089);--bg-2:lab(7.23451% -1.0159 -2.24064);--bg-3:lab(11.8501% -1.2588 -2.61323);--fg-0:lab(96.5281% -.82311 -1.65222);--fg-1:lab(83.7681% -.822306 -1.65173);--fg-2:lab(67.5295% -.982821 -1.97994);--fg-3:lab(51.2894% -.979751 -1.97822);--fg-4:lab(23.4488% -.968546 -1.97217);--line:lab(23.4488% -.968546 -1.97217);--line-soft:lab(14.1684% -.960156 -1.96781);--focus:lab(91.5138% -36.4985 -37.7008)}}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--fg-1);font-family:var(--sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-grid,.hero-glow{animation:none!important}.hero-headline .word{opacity:1!important;filter:none!important;transform:none!important}.scroll-cue .line{opacity:.6!important;animation:none!important}.topnav .brand .dot{animation:none!important}.diagram-svg .draw-line{stroke-dashoffset:0!important}.diagram-svg .pop{opacity:1!important;transform:none!important}}.skip-link{background:var(--accent);font-family:var(--mono);z-index:10000;border-radius:3px;padding:12px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .2s;position:fixed;top:8px;left:8px;transform:translateY(-200%);color:var(--bg-0)!important}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}a:focus-visible,button:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-size:16px;line-height:1.55}::selection{background:var(--accent-soft);color:var(--fg-0)}.skip-link{background:var(--accent);color:var(--bg-0);font-family:var(--mono);z-index:10000;border-radius:3px;padding:12px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .2s ease-out;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;transform:translateY(0)}.shell{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px}.section{border-top:1px solid var(--line-soft);padding:120px 0;position:relative}.section:first-of-type{border-top:0}.section-meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:14px;margin-bottom:28px;font-size:11px;display:flex}.section-meta .num{color:var(--accent)}.section-meta .bar{background:linear-gradient(90deg, var(--line), transparent);flex:1;max-width:200px;height:1px}.section-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--fg-0);max-width:18ch;margin:0 0 24px;font-size:clamp(34px,4.6vw,64px);font-weight:500;line-height:1.04}.section-lede{color:var(--fg-1);max-width:60ch;margin:0 0 64px;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.topnav{z-index:50;font-family:var(--mono);color:var(--fg-2);-webkit-backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(#07090bd9,#07090b00);background:linear-gradient(lab(2.48147% -.355057 -.79214/.85),lab(2.48147% -.355057 -.79214/0));justify-content:space-between;align-items:center;padding:18px 32px;font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}.topnav>*{pointer-events:auto}.topnav .brand{color:var(--fg-0);letter-spacing:.04em}.topnav .brand .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);vertical-align:middle;border-radius:999px;margin-right:10px;animation:2.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.topnav .right{align-items:center;gap:22px;display:flex}.topnav a{color:var(--fg-2);text-decoration:none;transition:color .2s}.topnav a:hover{color:var(--fg-0)}.nav-burger{border:1px solid var(--line-soft);cursor:pointer;appearance:none;background:0 0;border-radius:3px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:none}.nav-burger span{background:var(--fg-0);transform-origin:50%;border-radius:1px;width:16px;height:1.5px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .2s,width .25s;display:block}.nav-burger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0;width:0}.nav-burger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-backdrop{z-index:48;-webkit-backdrop-filter:blur(6px);background:#010202bf;background:lab(.463146% -.109799 -.267157/.75);animation:.28s nav-fade-in;position:fixed;inset:0}@keyframes nav-fade-in{0%{opacity:0}to{opacity:1}}.nav-drawer{z-index:49;background:var(--bg-0);border-left:1px solid var(--line-soft);z-index:99;flex-direction:column;width:min(340px,100vw);transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer:before{content:"";background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.nav-drawer-head{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.nav-drawer-brand{font-family:var(--mono);color:var(--fg-0);letter-spacing:.04em;align-items:center;gap:10px;font-size:12px;display:flex}.nav-drawer-brand .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:999px;animation:2.4s ease-in-out infinite pulse;display:inline-block}.nav-drawer-close{border:1px solid var(--line-soft);width:32px;height:32px;color:var(--fg-2);cursor:pointer;appearance:none;background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .2s,color .2s,background .2s;display:flex}.nav-drawer-close:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-faint)}.nav-drawer-body{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.nav-drawer-link{border-bottom:1px solid var(--line-soft);opacity:0;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex;position:relative;transform:translate(20px)}.nav-drawer.open .nav-drawer-link{opacity:1;transition:opacity .32s calc(80ms + 55ms * var(--i)), transform .32s calc(80ms + 55ms * var(--i)), background .18s, color .18s;transform:translate(0)}.nav-drawer-link:hover{background:var(--accent-faint)}.nav-drawer-num{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;min-width:22px;font-size:10px}.nav-drawer-label{font-family:var(--sans);letter-spacing:-.015em;color:var(--fg-0);flex:1;font-size:22px;font-weight:400}.nav-drawer-arrow{font-family:var(--mono);color:var(--fg-4);font-size:13px;transition:color .2s,transform .2s}.nav-drawer-link:hover .nav-drawer-arrow{color:var(--accent);transform:translate(5px)}.nav-drawer-foot{border-top:1px solid var(--line-soft);flex-direction:column;flex-shrink:0;gap:8px;padding:20px;display:flex;position:relative}.nav-drawer-status{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:8px;margin-bottom:4px;font-size:10px;display:flex}.nav-drawer-status-dot{background:#4cc157;background:lab(69.679% -50.5618 42.4636);border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 8px #4cc157;box-shadow:0 0 8px lab(69.679% -50.5618 42.4636)}.nav-drawer-foot a{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;font-size:11px;text-decoration:none;transition:color .2s}.nav-drawer-foot a:hover{color:var(--fg-0)}.nav-drawer-foot>span{font-family:var(--mono);color:var(--fg-3);letter-spacing:.08em;font-size:11px}@media (prefers-reduced-motion:reduce){.nav-drawer{transition:none}.nav-drawer-link,.nav-drawer.open .nav-drawer-link{opacity:1;transition:none;transform:none}.nav-backdrop{animation:none}.nav-burger span{transition:none}}.hero{background:var(--bg-0);border-top:0;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:2;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);opacity:.55;background-position:50%;background-size:64px 64px;animation:40s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%)}@keyframes gridDrift{0%{background-position:0 0}to{background-position:64px 64px}}.hero-glow{z-index:1;pointer-events:none;transform-origin:50% 100%;background:radial-gradient(70% 45% at 50% 100%,#3dd8ff2e,#0000 100%),radial-gradient(40% 25% at 50% 100%,#3dd8ff3d,#0000 70%),radial-gradient(120% 35% at 50% 115%,#3dd8ff1c,#0000 80%);background:radial-gradient(70% 45% at 50% 100%,lab(79.8179% -32.0214 -33.009/.18),#0000 100%),radial-gradient(40% 25% at 50% 100%,lab(79.8179% -32.0214 -33.009/.24),#0000 70%),radial-gradient(120% 35% at 50% 115%,lab(79.8179% -32.0214 -33.009/.11),#0000 80%);animation:5s ease-in-out infinite glowRise;position:absolute;inset:0}@keyframes glowRise{0%,to{opacity:.6;transform:scaleY(.88)}50%{opacity:1;transform:scaleY(1.06)}}.hero-vignette{background:linear-gradient(180deg, var(--bg-0) 0%, transparent 12%, transparent 72%, var(--bg-0) 100%);pointer-events:none;z-index:2;position:absolute;inset:0}.hero-inner{z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:12px;margin-bottom:56px;font-size:12px;display:flex}.hero-eyebrow .accent{color:var(--accent)}.hero-eyebrow .sep{color:var(--fg-3)}.hero-headline{font-family:var(--sans);letter-spacing:-.035em;color:var(--fg-0);max-width:16ch;margin:0 0 56px;font-size:clamp(42px,7.5vw,112px);font-weight:500;line-height:.96}.hero-headline .word{opacity:0;filter:blur(8px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),filter .7s cubic-bezier(.2,.7,.2,1);display:inline-block;transform:translateY(.4em)}.hero-headline .word.in{opacity:1;filter:blur();transform:translateY(0)}.hero-headline .accent,.hero-headline .period{color:var(--accent)}.hero-meta{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:32px;margin-top:80px;padding-top:32px;display:grid}.hero-meta .cell{font-family:var(--mono);font-size:12px}.hero-meta .label{color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.hero-meta .val{color:var(--fg-0);font-size:14px}.hero-name{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.hero-name .name{font-family:var(--sans);letter-spacing:-.01em;color:var(--fg-0);font-size:clamp(20px,2vw,26px);font-weight:500}.hero-name .role{font-family:var(--mono);color:var(--fg-2);letter-spacing:.06em;font-size:12px}.scroll-cue{font-family:var(--mono);letter-spacing:.2em;color:var(--fg-3);text-transform:uppercase;z-index:4;flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.scroll-cue .line{background:linear-gradient(180deg, transparent, var(--fg-2));width:1px;height:40px;animation:2s ease-in-out infinite cueDrop}@keyframes cueDrop{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.4)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}}.pipe-wrap{flex-direction:column;gap:20px;margin-bottom:72px;display:flex;overflow:hidden}.pipe-track-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:8px;overflow-x:auto}.pipe-track-scroll::-webkit-scrollbar{height:3px}.pipe-track-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.pipe-track{align-items:center;padding-top:14px;display:flex}.pipe-node{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:96px;padding:18px 8px;transition:border-color .35s,box-shadow .35s;display:flex;position:relative}.pipe-node.active{border-color:var(--accent-line);box-shadow:0 0 22px #3dd8ff2e;box-shadow:0 0 22px lab(79.8179% -32.0214 -33.009/.18)}.pipe-node.done{border-color:var(--line-soft);box-shadow:none}.pipe-sym{font-family:var(--mono);color:var(--fg-3);letter-spacing:-.02em;font-size:16px;font-weight:500;transition:color .3s}.pipe-node.active .pipe-sym{color:var(--accent)}.pipe-node.done .pipe-sym{color:var(--fg-3)}.pipe-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);font-size:10px;transition:color .3s}.pipe-node.active .pipe-label{color:var(--fg-0)}.pipe-sub{font-family:var(--mono);letter-spacing:.08em;color:var(--fg-3);text-align:center;font-size:9px}.pipe-tick{color:#040704;color:lab(1.60453% -.914142 .688154);background:#4cc157;background:lab(69.679% -50.5618 42.4636);border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pipeTick;display:flex;position:absolute;top:-8px;right:-8px}@keyframes pipeTick{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pipe-live-ring{border:1px solid var(--accent);pointer-events:none;border-radius:6px;animation:1.8s ease-out infinite pipeLiveRing;position:absolute;inset:-6px}@keyframes pipeLiveRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.pipe-connector{background:var(--line-soft);flex-shrink:0;width:32px;height:1px;position:relative;overflow:visible}.pipe-connector.sent{background:#3dd8ff4d;background:lab(79.8179% -32.0214 -33.009/.3)}.pipe-packet{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);opacity:0;pointer-events:none;border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pipe-connector.sent .pipe-packet{animation:.65s ease-in-out forwards pipePacket}@keyframes pipePacket{0%{opacity:0;left:0%}8%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}.pipe-status{height:28px;font-family:var(--mono);align-items:center;gap:24px;padding:0 4px;font-size:11px;display:flex}.pipe-status-stage{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;min-width:64px;font-size:10px}.pipe-status-line{color:var(--fg-2);letter-spacing:.04em}.pipe-status-line+.pipe-status-line:before{content:"·";color:var(--fg-4);margin-right:24px}.pipe-badges{flex-direction:column;gap:16px;display:flex}.pipe-badge-group{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.pipe-badge-group-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);flex-shrink:0;min-width:80px;font-size:9px}.pipe-badge-row{flex-wrap:wrap;gap:6px;display:flex}.pipe-badge{font-family:var(--mono);border:1px solid var(--line-soft);background:var(--bg-1);color:var(--fg-2);letter-spacing:.04em;border-radius:2px;padding:4px 10px;font-size:11px}.pipe-badge--accent{color:var(--accent);background:var(--accent-faint);border-color:#3dd8ff59;border-color:lab(79.8179% -32.0214 -33.009/.35)}.pipe-badge--green{color:#6ed274;color:lab(76.4344% -44.8513 36.877);background:#4cc1570f;background:lab(69.679% -50.5618 42.4636/.06);border-color:#4cc15759;border-color:lab(69.679% -50.5618 42.4636/.35)}.layers-wrap{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}@media (max-width:920px){.layers-wrap{grid-template-columns:1fr;gap:40px}}.layer-stack{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}.layer{background:var(--bg-2);border:1px solid var(--line-soft);font-family:var(--mono);opacity:.55;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;font-family:var(--mono);appearance:none;border-radius:3px;align-items:center;gap:16px;padding:22px;transition:all .5s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;transform:translate(-12px)}.layer:hover{opacity:.85}.layer:focus-visible{outline:2px solid var(--focus);outline-offset:3px;opacity:1}.layer.active{opacity:1;border-color:var(--accent-line);background:linear-gradient(90deg, var(--accent-faint), var(--bg-2) 60%);transform:translate(0)}.layer .marker{background:var(--fg-3);border-radius:999px;flex-shrink:0;width:10px;height:10px;transition:all .4s}.layer.active .marker{background:var(--accent);box-shadow:0 0 16px var(--accent)}.layer .layer-name{color:var(--fg-1);letter-spacing:.04em;text-transform:uppercase;flex:1;font-size:13px}.layer.active .layer-name{color:var(--fg-0)}.layer .layer-tag{color:var(--fg-3);letter-spacing:.1em;font-size:10px}.layer-detail{background:var(--bg-1);border:1px solid var(--line-soft);min-height:280px;font-family:var(--mono);border-radius:4px;padding:32px;position:sticky;top:100px}.det-label{letter-spacing:.14em;color:var(--fg-3);text-transform:uppercase;margin-bottom:16px;font-size:11px}.det-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--fg-0);margin-bottom:16px;font-size:32px;font-weight:500}.det-body{font-family:var(--sans);color:var(--fg-1);max-width:50ch;margin-bottom:24px;line-height:1.6}.det-stack{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{font-family:var(--mono);border:1px solid var(--line);color:var(--fg-1);background:var(--bg-2);border-radius:2px;padding:6px 10px;font-size:11px}.layers-mobile{display:none}.project{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1.05fr;align-items:start;gap:64px;padding:80px 0;display:grid}.project:first-of-type{border-top:0;padding-top:0}@media (max-width:980px){.project{grid-template-columns:1fr;gap:32px}}.proj-head .proj-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px}.proj-head .proj-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--fg-0);margin:0 0 24px;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.05}.proj-head .proj-summary{color:var(--fg-1);max-width:48ch;font-size:16px;line-height:1.6}.proj-blocks{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:4px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.proj-block{background:var(--bg-1);padding:22px 24px}.proj-block .blk-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.proj-block .blk-label:before{content:"";background:var(--accent);border-radius:1px;width:6px;height:6px;display:inline-block}.proj-block .blk-body{font-family:var(--sans);color:var(--fg-1);font-size:15px;line-height:1.6}.proj-block .blk-mono{font-family:var(--mono);color:var(--fg-1);font-size:13px}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.stack-cell{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--line-soft);color:var(--fg-1);border-radius:2px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.stack-cell .dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:5px;height:5px}.deploy-flow{font-family:var(--mono);grid-template-columns:repeat(5,1fr);gap:0;margin:12px 0 0;padding:0;font-size:11px;list-style:none;display:grid}.deploy-node{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;color:var(--fg-1);padding:12px 8px;position:relative}.deploy-node+.deploy-node{border-left:0}.deploy-node .icon{width:14px;height:14px;color:var(--accent);margin:0 auto 6px;display:block}.deploy-node .lbl{letter-spacing:.04em;font-size:10px}.timeline{grid-template-columns:200px 1fr;gap:0;margin:0;padding-left:0;list-style:none;display:grid;position:relative}.tstep .tstep-meta{font-family:var(--mono);color:var(--fg-2);letter-spacing:.06em;flex-wrap:wrap;gap:20px;margin-top:16px;padding:0;font-size:12px;list-style:none;display:flex}.tstep .tstep-meta li:before{content:"› ";color:var(--accent)}.timeline-rail{padding-top:24px;position:relative}.timeline-rail .rail{background:var(--line);width:1px;position:absolute;top:24px;bottom:24px;left:80px}.timeline-rail .rail-fill{background:var(--accent);width:1px;height:0;box-shadow:0 0 8px var(--accent);transition:height .4s linear;position:absolute;top:24px;left:80px}.timeline-steps{flex-direction:column;display:flex}.tstep{border-bottom:1px solid var(--line-soft);opacity:.4;padding:36px 0 36px 80px;transition:opacity .5s,transform .5s;position:relative;transform:translate(-8px)}.tstep:last-child{border-bottom:0}.tstep.active{opacity:1;transform:translate(0)}.tstep:before{content:"";background:var(--bg-0);border:1px solid var(--line);border-radius:999px;width:12px;height:12px;transition:all .4s;position:absolute;top:50px;left:-120px}.tstep.active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px var(--accent)}.tstep .tstep-num{font-family:var(--mono);letter-spacing:.14em;color:var(--fg-3);margin-bottom:8px;font-size:11px}.tstep.active .tstep-num{color:var(--accent)}.tstep .tstep-title{font-family:var(--sans);letter-spacing:-.015em;color:var(--fg-0);margin-bottom:12px;font-size:26px;font-weight:500}.tstep .tstep-body{color:var(--fg-1);max-width:56ch;font-size:15px;line-height:1.6}@media (max-width:720px){.timeline{grid-template-columns:1fr}.timeline-rail{display:none}.tstep{padding-left:24px}.tstep:before{left:0}}.diagram-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;margin:0 0 32px;padding:32px;position:relative;overflow:hidden}.diagram-card .dia-head{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;display:flex}.diagram-card .dia-title{color:var(--fg-0)}.diagram-card .dia-tag{color:var(--accent)}.diagram-svg{width:100%;height:auto;display:block}.diagram-svg .draw-line{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000);transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}.diagram-svg.in .draw-line{stroke-dashoffset:0}.diagram-svg .pop{opacity:0;transform-origin:50%;transition:opacity .6s,transform .6s;transition-delay:var(--delay,0s);transform:scale(.8)}.diagram-svg.in .pop{opacity:1;transform:scale(1)}.principles{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-bottom:80px;padding:0;list-style:none;display:grid;overflow:hidden}.principle{background:var(--bg-1);padding:32px}.principle .p-num{font-family:var(--mono);color:var(--accent);letter-spacing:.14em;margin-bottom:16px;font-size:11px}.principle .p-title{font-family:var(--sans);letter-spacing:-.015em;color:var(--fg-0);margin-bottom:12px;font-size:22px;font-weight:500;line-height:1.2}.principle .p-body{color:var(--fg-1);font-size:14px;line-height:1.6}.closing{text-align:left;border-top:1px solid var(--line-soft);padding:80px 0 60px}.closing .closing-line{font-family:var(--sans);letter-spacing:-.02em;color:var(--fg-1);max-width:28ch;margin:0 0 32px;font-size:clamp(28px,3.6vw,48px);font-weight:400;line-height:1.15}.closing .closing-line .accent{color:var(--accent)}.closing .signoff{font-family:var(--mono);color:var(--fg-3);letter-spacing:.06em;font-size:12px}.foot{border-top:1px solid var(--line-soft);font-family:var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:42px;padding:48px 24px 64px;font-size:12px;display:flex}.foot a{color:var(--fg-1);text-decoration:none}.foot a:hover{color:var(--accent)}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--fg-1);background:var(--bg-2);border-radius:3px;padding:2px 6px;font-size:11px}.cursor-blink:after{content:"_";color:var(--accent);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glow-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;height:1px}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:64px;display:grid}.contact-info{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:4px;flex-direction:column;gap:1px;padding:0;display:flex;overflow:hidden}.contact-row{background:var(--bg-1);flex-direction:column;gap:6px;padding:22px 24px;display:flex}.contact-row .lbl{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:10px}.contact-row .val,.contact-row a{font-family:var(--mono);color:var(--fg-0);word-break:break-word;font-size:14px;text-decoration:none}.contact-row a:hover{color:var(--accent)}.contact-form{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;flex-direction:column;gap:14px;padding:28px;display:flex}.contact-form .field{flex-direction:column;gap:6px;display:flex}.contact-form label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);font-size:10px}.contact-form input,.contact-form textarea{background:var(--bg-2);border:1px solid var(--line);font-family:var(--mono);color:var(--fg-0);resize:vertical;border-radius:3px;padding:12px 14px;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--accent-line)}.contact-form textarea{min-height:120px}.contact-form .submit{appearance:none;background:var(--accent);color:var(--bg-0);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:3px;padding:14px 18px;font-size:13px;font-weight:500;transition:filter .2s,transform .2s}.contact-form .submit:hover{filter:brightness(1.1)}.contact-form .submit:active{transform:translateY(1px)}.contact-form .submit:disabled{opacity:.5;cursor:not-allowed}.contact-form .status{font-family:var(--mono);color:var(--fg-2);min-height:1.2em;margin-top:4px;font-size:12px}.contact-form .status.ok{color:var(--accent)}.resume-cta{font-family:var(--mono);color:var(--fg-0);border:1px solid var(--line);background:var(--bg-1);border-radius:3px;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.resume-cta:hover{border-color:var(--accent-line);background:var(--accent-faint);color:var(--accent)}.resume-cta .arrow{color:var(--accent)}.loader{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-half{background:var(--bg-0);height:50%;transition:transform .85s cubic-bezier(.76,0,.24,1);position:absolute;left:0;right:0}.loader-half-top{border-bottom:1px solid var(--line-soft);top:0}.loader-half-bot{bottom:0}.loader-exit .loader-half-top{transform:translateY(-100%)}.loader-exit .loader-half-bot{transform:translateY(100%)}.loader-scan{background:linear-gradient(90deg, transparent, var(--accent) 50%, transparent);opacity:0;z-index:2;pointer-events:none;height:2px;animation:1s cubic-bezier(.4,0,.6,1) 50ms forwards loaderScan;position:absolute;top:0;left:0;right:0}@keyframes loaderScan{0%{opacity:1;top:-2px}to{opacity:0;top:100%}}.loader-content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:20px;transition:opacity .25s,transform .25s;display:flex;position:relative}.loader-exit .loader-content{opacity:0;transform:scale(.97)}.loader-eyebrow{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);opacity:0;font-size:10px;animation:.5s .15s forwards loaderFadeUp}.loader-name{font-family:var(--sans);letter-spacing:-.03em;color:var(--fg-0);opacity:0;font-variant-numeric:tabular-nums;font-size:clamp(48px,10vw,100px);font-weight:500;line-height:1;animation:.55s cubic-bezier(.2,.8,.2,1) .2s forwards loaderNameIn;position:relative;transform:translateY(24px)}.loader-name:before,.loader-name:after{content:attr(data-text);pointer-events:none;width:100%;position:absolute;top:0;left:0}.loader-name:before{color:var(--accent);clip-path:polygon(0 15%,100% 15%,100% 38%,0 38%);animation:2.8s ease-in-out .9s infinite loaderGlitch1}.loader-name:after{color:#f378ce;color:lab(67.286% 55.5865 -22.3633);clip-path:polygon(0 62%,100% 62%,100% 82%,0 82%);animation:2.8s ease-in-out 1.2s infinite loaderGlitch2}@keyframes loaderGlitch1{0%,82%,to{opacity:0;transform:translate(0)}83%{opacity:1;transform:translate(-5px)}85%{opacity:1;transform:translate(5px)}87%{opacity:1;transform:translate(-2px)}89%{opacity:0;transform:translate(0)}}@keyframes loaderGlitch2{0%,85%,to{opacity:0;transform:translate(0)}86%{opacity:1;transform:translate(5px)}88%{opacity:1;transform:translate(-5px)}90%{opacity:1;transform:translate(3px)}92%{opacity:0;transform:translate(0)}}.loader-rule{background:linear-gradient(90deg, transparent, var(--line), transparent);width:0;height:1px;animation:.7s .65s forwards loaderRuleExpand}@keyframes loaderRuleExpand{to{width:min(420px,82vw)}}.loader-hud{padding:12px 20px;position:relative}.hud-c{border-color:var(--accent-line);opacity:0;border-style:solid;width:14px;height:14px;animation:.35s .75s forwards loaderFadeIn2;position:absolute}.hud-tl{border-width:1px 0 0 1px;top:0;left:0}.hud-tr{border-width:1px 1px 0 0;top:0;right:0}.hud-bl{border-width:0 0 1px 1px;bottom:0;left:0}.hud-br{border-width:0 1px 1px 0;bottom:0;right:0}@keyframes loaderFadeIn2{to{opacity:1}}.loader-role{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);opacity:0;font-variant-numeric:tabular-nums;font-size:clamp(11px,1.8vw,15px);animation:.4s .8s forwards loaderFadeUp}.loader-status{font-family:var(--mono);letter-spacing:.1em;color:var(--fg-3);opacity:0;font-size:12px;animation:.4s 1.15s forwards loaderFadeUp}.loader-prompt{color:var(--accent)}.loader-cursor{color:var(--accent);animation:.75s step-end infinite loaderBlink}@keyframes loaderBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes loaderFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderNameIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.back-to-top{z-index:60;background:var(--bg-2);border:1px solid var(--line);width:40px;height:40px;color:var(--fg-2);cursor:pointer;opacity:0;pointer-events:none;appearance:none;border-radius:3px;justify-content:center;align-items:center;font-size:16px;transition:opacity .25s,transform .25s,border-color .2s,color .2s,background .2s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(12px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-faint)}@media (max-width:1024px){.shell{padding:0 24px}.section{padding:96px 0}.hero{padding:100px 24px 80px}}@media (max-width:880px){.topnav{padding:14px 20px}.topnav .right{gap:16px}.topnav .right>span:first-of-type,.topnav .right>a[href^=mailto]{display:none}.hero-meta{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px;padding-top:24px}.hero-name{gap:12px}.layers-wrap{grid-template-columns:1fr;gap:32px}.layer-detail{min-height:0;position:static}.det-title{font-size:26px}}@media (max-width:767px){.topnav-desktop{display:none!important}.nav-burger{display:flex}.layers-wrap{display:none}.layers-mobile{display:block}.slider-track-wrap{border:1px solid var(--line-soft);background:var(--bg-1);touch-action:pan-y;border-radius:4px;overflow:hidden}.slider-track{will-change:transform;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex}@media (prefers-reduced-motion:reduce){.slider-track{transition:none}}.slide{box-sizing:border-box;min-width:100%;padding:28px 24px 32px}.slide-header{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.slide-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:999px;flex-shrink:0}.slide-name{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-0);flex:1;font-size:11px}.slide-tag{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:10px}.slide .det-title{font-size:24px}.slide .det-body{max-width:100%}.slider-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.slider-dots{align-items:center;gap:8px;display:flex}.slider-dot{background:var(--line);cursor:pointer;appearance:none;border:none;border-radius:999px;flex-shrink:0;width:6px;height:6px;padding:0;transition:background .2s,width .25s cubic-bezier(.4,0,.2,1)}.slider-dot.active{background:var(--accent);width:20px}.slider-arrows{gap:8px;display:flex}.slider-arrow{border:1px solid var(--line-soft);background:var(--bg-2);width:32px;height:32px;color:var(--fg-1);cursor:pointer;appearance:none;border-radius:3px;justify-content:center;align-items:center;font-size:14px;transition:border-color .2s,color .2s;display:flex}.slider-arrow:hover{border-color:var(--accent-line);color:var(--accent)}.slider-arrow:disabled{opacity:.3;cursor:default}}@media (max-width:720px){.project{grid-template-columns:1fr;gap:24px;padding:56px 0}.contact-grid{grid-template-columns:1fr;gap:32px}.deploy-flow{grid-template-columns:repeat(2,1fr)}.deploy-node{border-left:1px solid var(--line-soft)!important}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.principles{grid-template-columns:1fr}}@media (max-width:640px){body{font-size:15px}.shell{padding:0 20px}.section{padding:72px 0}.hero{min-height:auto;padding:92px 20px 56px}.hero-eyebrow{flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:11px}.hero-headline{margin-bottom:32px}.hero-name{flex-direction:column;align-items:flex-start}.hero-meta{grid-template-columns:1fr 1fr;margin-top:40px}.hero-meta .cell .val{font-size:13px}.section-meta{flex-wrap:wrap;gap:8px}.section-meta .bar{display:none}.section-title{margin-bottom:16px}.section-lede{margin-bottom:40px}.layer{padding:16px}.layer .layer-tag{display:none}.layer-detail{padding:24px}.diagram-card{padding:20px}.diagram-card .dia-head{flex-direction:column;align-items:flex-start;gap:4px}.timeline{grid-template-columns:1fr}.timeline-rail{display:none}.tstep{border-left:1px solid var(--line-soft);padding:28px 0 28px 24px}.tstep:before{top:36px;left:-6px}.tstep .tstep-title{font-size:22px}.tstep .tstep-meta{flex-direction:column;gap:4px}.proj-block{padding:18px 20px}.deploy-flow{grid-template-columns:repeat(2,1fr)}.contact-form{padding:22px}.principle{padding:24px}.foot{flex-direction:column;gap:8px;padding:36px 24px 48px}.scroll-cue{display:none}}@media (max-width:420px){.hero-meta,.deploy-flow{grid-template-columns:1fr}}@keyframes rp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rp-slide-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes rp-fade-out{to{opacity:0}}@keyframes rp-slide-out{to{opacity:0;transform:translateY(16px)}}@keyframes rp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.rp-overlay{z-index:9500;-webkit-backdrop-filter:blur(8px);background:#06080ec7;justify-content:center;align-items:center;padding:20px;animation:.45s forwards rp-fade-in;display:flex;position:fixed;inset:0}.rp-overlay-out{animation:.35s forwards rp-fade-out}.rp-overlay-out .rp-popup{animation:.35s forwards rp-slide-out}.rp-popup{background:var(--bg-1);border:1px solid var(--line);width:100%;max-width:1000px;animation:.55s cubic-bezier(.16,1,.3,1) forwards rp-slide-in;overflow:hidden;box-shadow:0 40px 100px #00000080,0 8px 28px #0000004d}.rp-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.rp-badge{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:10px;font-size:10px;display:flex}.rp-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s infinite rp-pulse;display:inline-block}.rp-x{color:var(--fg-3);font-family:var(--mono);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px;line-height:1;transition:color .2s}.rp-x:hover{color:var(--fg-0)}.rp-preview{background:#f2efe8;height:520px;position:relative;overflow:hidden}.rp-mock{filter:blur(10px);background:#f2efe8;flex-direction:column;gap:8px;padding:18px 26px 22px;display:flex;position:absolute;inset:-4px;transform:scale(1.04)}.rp-mock-nav{border-bottom:1px solid #0a0a0a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.rp-mock-logo{font-family:var(--mono);letter-spacing:.06em;color:#0a0a0a;font-size:14px;font-weight:700}.rp-mock-links{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#6e6963;gap:20px;font-size:8px;display:flex}.rp-mock-cta{color:#0a0a0a;border:1px solid #0a0a0a40;padding:3px 9px}.rp-mock-hero{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;display:flex}.rp-mock-meta{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#6e6963;font-size:7px}.rp-mock-hl{flex-direction:column;line-height:.88;display:flex}.rp-mock-word{font-family:var(--sans);letter-spacing:-.028em;text-transform:uppercase;color:#0a0a0a;font-size:clamp(64px,11vw,110px);font-weight:900;line-height:.88}.rp-mock-red{color:#e5331e!important}.rp-mock-rule{background:#0a0a0a;height:1px;margin:4px 0}.rp-mock-foot{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.rp-mock-foot p{color:#1b1b1b;max-width:28ch;margin:0;font-size:9px;line-height:1.5}.rp-mock-stats{flex-shrink:0;gap:14px;display:flex}.rp-mock-stats>div{flex-direction:column;align-items:flex-end;display:flex}.rp-mock-num{font-family:var(--sans);letter-spacing:-.03em;color:#0a0a0a;font-size:26px;font-weight:900;line-height:.9}.rp-mock-lab{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#6e6963;margin-top:3px;font-size:6px}.rp-frost{pointer-events:none;background:linear-gradient(#f2efe800 0%,#f2efe833 55%,#f2efe899 100%);position:absolute;inset:0}.rp-grain{pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.rp-label-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rp-label-overlay span{font-family:var(--mono);letter-spacing:.36em;text-transform:uppercase;color:#0a0a0a66;-webkit-backdrop-filter:blur(4px);background:#f2efe880;border:1px solid #0a0a0a24;padding:8px 18px;font-size:10px}.rp-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.rp-footer-text{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);font-size:10px}.rp-dismiss{border:1px solid var(--line);color:var(--fg-2);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:7px 16px;font-size:10px;transition:background .25s,color .25s,border-color .25s}.rp-dismiss:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-0)}@media (max-width:480px){.rp-preview{height:380px}.rp-mock-word{font-size:clamp(36px,10vw,52px)}.rp-footer{flex-direction:column;align-items:flex-start;gap:10px}.rp-dismiss{text-align:center;width:100%}}