:root{--color-ground:#0c1013;--color-surface:#12181c;--color-surface-alt:#171f24;--color-line:#232c32;--color-line-soft:#1a2227;--color-ink:#dce3e6;--color-ink-dim:#83949c;--color-ink-faint:#566670;--color-signal:#4fd1c5;--color-layer-browser:#4fd1c5;--color-layer-edge:#63b3ed;--color-layer-server:#f2a65a;--color-layer-cloud:#e2725b;--color-ok:#6ee7b7;--color-warn:#fbbf24;--color-danger:#f87171;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Cascadia Mono", monospace;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--size-s-1:.8125rem;--size-s0:1rem;--size-s1:1.1875rem;--size-s2:1.5rem;--size-s3:2.125rem;--size-s4:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--motion-fast:.12s;--motion-base:.2s;--motion-entrance:.76s;--motion-stagger:70ms;--motion-easing:cubic-bezier(.2, 0, 0, 1);--travel-rise:3.5rem;--travel-slide:2.5rem;--travel-drift:5rem;--radius-sharp:3px;--tracking-display:-.035em;--tracking-label:.14em}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-ground);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--size-s0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,p,ol,ul{margin:0}a{color:var(--color-signal);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page{max-width:54rem;padding:var(--space-6) var(--space-5) var(--space-8);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.section{gap:var(--space-5);flex-direction:column;display:flex}.section-head{gap:var(--space-2);flex-direction:column;display:flex}.label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-faint);font-size:.6875rem}.display{font-family:var(--font-mono);font-size:clamp(2rem, 7vw, var(--size-s4));letter-spacing:var(--tracking-display);text-transform:lowercase;text-wrap:balance;font-weight:500;line-height:1.05}.heading{font-family:var(--font-mono);font-size:var(--size-s2);letter-spacing:-.02em;text-transform:lowercase;text-wrap:balance;font-weight:500}.lede{font-size:var(--size-s1);color:var(--color-ink-dim);max-width:34em}.prose{color:var(--color-ink-dim);max-width:60ch}.hero{gap:var(--space-4);padding-top:var(--space-5);flex-direction:column;display:flex}.hero-intro{gap:var(--space-3);flex-direction:column;display:flex}.hero .trace{margin-top:var(--space-3)}.trace{border:1px solid var(--color-line);border-radius:var(--radius-sharp);background:var(--color-surface);overflow:hidden}.trace-bar{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-alt);border-bottom:1px solid var(--color-line-soft);display:flex}.trace-dot{background:var(--color-signal);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite trace-blink}@keyframes trace-blink{0%,to{opacity:1}50%{opacity:.35}}.trace-row{gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-line-soft);font-family:var(--font-mono);font-size:var(--size-s-1);grid-template-columns:.9rem minmax(5rem,6rem) 1fr auto;align-items:center;display:grid}.trace-row:first-of-type{border-top:0}.trace-rail{opacity:.55;border-radius:2px;width:3px;height:1.5rem;animation:4s ease-in-out infinite trace-pulse}[data-layer=browser] .trace-rail{background:var(--color-layer-browser);animation-delay:0s}[data-layer=edge] .trace-rail{background:var(--color-layer-edge);animation-delay:.5s}[data-layer=server] .trace-rail{background:var(--color-layer-server);animation-delay:1s}[data-layer=cloud] .trace-rail{background:var(--color-layer-cloud);animation-delay:1.5s}[data-layer=browser] .trace-where{color:var(--color-layer-browser)}[data-layer=edge] .trace-where{color:var(--color-layer-edge)}[data-layer=server] .trace-where{color:var(--color-layer-server)}[data-layer=cloud] .trace-where{color:var(--color-layer-cloud)}@keyframes trace-pulse{0%,62%,to{opacity:.35;transform:scaleY(.7)}12%,26%{opacity:1;transform:scaleY(1)}}.trace-where{font-weight:500}.trace-what{font-family:var(--font-sans);color:var(--color-ink-dim)}.trace-cost{color:var(--color-ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.trace-cost.is-measured{color:var(--color-ink)}@media (width<=34rem){.trace-row{grid-template-columns:.9rem 1fr auto}.trace-what{display:none}}.finder{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.finder-form{gap:var(--space-2);width:100%;max-width:32rem;display:flex}.finder-status{font-family:var(--font-mono);font-size:var(--size-s-1);color:var(--color-ink-faint)}.finder-status:empty{display:none}.finder-track{background:var(--color-line);width:100%;max-width:32rem;height:2px;overflow:hidden}.finder-bar{background:var(--color-layer-browser);height:100%;transform:scaleX(var(--progress,0));transform-origin:0;transition:transform var(--motion-base) var(--motion-easing)}.finder-cancel{border:1px solid var(--color-line);border-radius:var(--radius-sharp);color:var(--color-ink-faint);font-family:var(--font-sans);font-size:var(--size-s-1);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);background:0 0;align-self:flex-start}.finder-cancel:hover{border-color:var(--color-signal);color:var(--color-ink)}.finder-output{color:var(--color-ink-dim);border-left:2px solid var(--color-layer-browser);max-width:60ch;padding-left:var(--space-4)}.finder-output:empty{display:none}.chat{gap:var(--space-4);flex-direction:column;display:flex}.chat-transcript{gap:var(--space-5);flex-direction:column;display:flex}.chat-transcript:empty{display:none}.chat-exchange{gap:var(--space-2);border-left:2px solid var(--color-line);padding-left:var(--space-4);flex-direction:column;display:flex}.chat-question{font-family:var(--font-mono);font-size:var(--size-s-1);color:var(--color-ink)}.chat-question:before{content:"> ";color:var(--color-signal)}.chat-pending{font-family:var(--font-mono);font-size:var(--size-s-1);color:var(--color-ink-faint)}.chat-answer{color:var(--color-ink-dim);max-width:60ch}.chat-sources{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.chat-sources-label,.chat-source,.chat-timing{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.6875rem}.chat-sources-label,.chat-timing{color:var(--color-ink-faint)}.chat-source{color:var(--color-layer-server);border:1px solid var(--color-line);border-radius:var(--radius-sharp);padding:.1rem var(--space-2);text-transform:none;letter-spacing:0}.chat-error{color:var(--color-danger);font-size:var(--size-s-1)}.chat-form,.finder-form{gap:var(--space-2);display:flex}.chat-input,.finder-input,.contact-form input,.contact-form textarea{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sharp);min-width:0;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--size-s-1);padding:var(--space-3);transition:border-color var(--motion-fast) var(--motion-easing);flex:1}.chat-input::placeholder,.finder-input::placeholder,.contact-form ::placeholder{color:var(--color-ink-faint)}.chat-input:focus,.finder-input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-signal)}.chat-input:disabled,.finder-input:disabled{opacity:.6}.chat-send,.contact-send,.finder-run{border:1px solid var(--color-signal);border-radius:var(--radius-sharp);color:var(--color-signal);font-family:var(--font-mono);font-size:var(--size-s-1);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);background:0 0}.chat-send:hover:not(:disabled),.contact-send:hover:not(:disabled),.finder-run:hover:not(:disabled){background:var(--color-signal);color:var(--color-ground)}.chat-send:disabled,.contact-send:disabled,.finder-run:disabled{opacity:.5;cursor:default}.chat-prompts{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-prompt{border:1px solid var(--color-line);border-radius:var(--radius-sharp);color:var(--color-ink-faint);font-family:var(--font-sans);font-size:var(--size-s-1);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);background:0 0}.chat-prompt:hover{border-color:var(--color-signal);color:var(--color-ink)}.work{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.work-item{gap:var(--space-2);border-top:1px solid var(--color-line);padding-top:var(--space-3);outline-offset:var(--space-2);transition:outline-color var(--motion-base) var(--motion-easing);outline:1px solid #0000;flex-direction:column;display:flex}.work-item.is-matched{outline-color:var(--color-signal)}.work-meta{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-faint);font-size:.6875rem}.work-name{font-family:var(--font-mono);font-size:var(--size-s0);color:var(--color-ink);font-weight:500}.work-note{font-size:var(--size-s-1);color:var(--color-ink-dim)}.contact-form{gap:var(--space-4);flex-direction:column;max-width:34rem;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-faint);font-size:.6875rem}.contact-form textarea{resize:vertical;font-family:var(--font-sans);line-height:1.6}.field-error{font-size:var(--size-s-1);color:var(--color-danger)}.contact-send{align-self:flex-start}.contact-status{font-family:var(--font-mono);font-size:var(--size-s-1)}.contact-status.is-sent{color:var(--color-ok)}.contact-status.is-error{color:var(--color-danger)}.footer{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-line);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.scroll-rail{background:var(--color-signal);transform-origin:0;z-index:10;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.scroll-rail{animation:linear both rail-advance;animation-timeline:scroll(root)}}}@keyframes rail-advance{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mask{vertical-align:bottom;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}.word{will-change:transform;display:inline-block}@media (prefers-reduced-motion:no-preference){.js-motion .word{transition:transform var(--motion-entrance) var(--motion-easing);transition-delay:calc(var(--i,0) * var(--motion-stagger));transform:translateY(110%)}.js-motion .is-revealed .word,.js-motion .word:where(.is-revealed *){transform:none}.js-motion [data-reveal-target]:not(.trace-row,.work-item,.label,.heading){opacity:0;transform:translateY(var(--travel-rise));transition:opacity var(--motion-entrance) var(--motion-easing), transform var(--motion-entrance) var(--motion-easing);transition-delay:calc(var(--i,0) * var(--motion-stagger))}.js-motion [data-reveal-target].is-revealed:not(.trace-row,.work-item,.label,.heading){opacity:1;transform:none}.js-motion .heading[data-reveal-target]{opacity:0;transition:opacity var(--motion-entrance) var(--motion-easing)}.js-motion .heading[data-reveal-target].is-revealed{opacity:1}.js-motion .trace-row,.js-motion .section-head .label{opacity:0;transform:translateX(calc(var(--travel-slide) * -1));transition:opacity var(--motion-entrance) var(--motion-easing), transform var(--motion-entrance) var(--motion-easing);transition-delay:calc(var(--i,0) * var(--motion-stagger))}.js-motion .trace-row.is-revealed,.js-motion .section-head .label.is-revealed{opacity:1;transform:none}.js-motion .work-item{opacity:0;transform:translateX(var(--travel-slide));transition:opacity var(--motion-entrance) var(--motion-easing), transform var(--motion-entrance) var(--motion-easing);transition-delay:calc(var(--i,0) * var(--motion-stagger))}.js-motion .work-item:nth-child(2n){transform:translateX(calc(var(--travel-slide) * -1))}.js-motion .work-item.is-revealed{opacity:1;transform:none}.chat-exchange{animation:rise-in var(--motion-base) var(--motion-easing) both}}@keyframes rise-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hero-intro{animation:linear both recede;animation-timeline:--hero;animation-range:exit}.hero{view-timeline:--hero block}.work{animation:linear both drift-grid;animation-timeline:view();animation-range:entry 40% exit}}}@keyframes recede{to{opacity:.15;transform:translateY(calc(var(--travel-drift) * -1))}}@keyframes drift-grid{0%{transform:translateY(1.5rem)}to{transform:translateY(calc(var(--travel-drift) * -.5))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-rail{display:none}.word,.work-item,.trace-row,.hero-intro,.section-head .label,[data-reveal-target]{opacity:1!important;transform:none!important}}
