:root {
    --bg: #0b0d0b;
    --panel: #101411;
    --ink: #edf0ea;
    --muted: #a0a89f;
    --line: #2a302b;
    --green: #b8ff70;
    --green-dark: #75b53c;
    --orange: #ff9b52;
    --mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --sans: "Inter", Arial, sans-serif;
  }
  
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); }
  a { color: inherit; text-decoration: none; }
  .brand-name, .keywords { color: var(--green); }
  .wrap { width: min(1120px, calc(100% - 48px)); margin: 0 auto; }
  .grain { position: fixed; inset: 0; pointer-events: none; opacity: .025; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
  
  .nav { height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
  .wordmark { display: inline-flex; align-items: center; gap: 9px; font-family: var(--mono); font-weight: 500; font-size: 15px; letter-spacing: -.5px; }
  .mark { display: inline-flex; gap: 2px; align-items: end; width: 16px; height: 16px; }
  .mark i { width: 4px; background: var(--green); border-radius: 5px; display: block; }
  .mark i:nth-child(1) { height: 7px; }.mark i:nth-child(2) { height: 13px; }.mark i:nth-child(3) { height: 10px; background: var(--orange); }
  .nav-cta { border: 1px solid #454c45; padding: 10px 13px; border-radius: 7px; font: 11px var(--mono); color: #d9dfd7; transition: .2s; }
  .nav-cta:hover { border-color: var(--green); color: var(--green); }.nav-cta span { color: var(--green); margin-left: 5px; }
  
  .hero { padding: 105px 0 70px; min-height: 690px; position: relative; isolation: isolate; overflow: hidden; }
  .topology { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; opacity: .82; }
  .hero > :not(.topology) { position: relative; z-index: 1; }
  @media (prefers-reduced-motion: reduce) { .topology { opacity: .42; } }
  .eyebrow, .section-label, .tag { font: 10px var(--mono); letter-spacing: .11em; color: var(--muted); }
  .eyebrow { display: flex; align-items: center; gap: 8px; }.eyebrow span { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 15px var(--green); }
  h1 { font-size: clamp(44px, 7vw, 86px); max-width: 850px; margin: 22px 0; line-height: .97; letter-spacing: -.07em; }
  h1 em, h2 em { font-style: normal; color: var(--green); }
  .hero-copy { max-width: 590px; color: var(--muted); line-height: 1.6; font-size: 17px; }
  .hero-actions, .founder-actions { display: flex; gap: 19px; align-items: center; margin-top: 30px; }
  .button { padding: 14px 17px; border-radius: 7px; font-size: 13px; font-weight: 700; display: inline-block; transition: transform .2s, background .2s; }.button:hover { transform: translateY(-2px); }.primary { background: var(--green); color: #13200c; }.button span { margin-left: 12px; }.text-link { font-size: 13px; color: var(--muted); }.text-link span { color: var(--orange); margin-left: 5px; }
  
  .signal-card { border: 1px solid #343b35; background: linear-gradient(120deg, #101811, #101211); width: min(530px, 100%); margin-top: 78px; border-radius: 9px; overflow: hidden; box-shadow: 0 18px 60px rgba(0,0,0,.3); }
  .signal-top { padding: 12px 15px; border-bottom: 1px solid #303731; font: 10px var(--mono); letter-spacing: .08em; color: var(--muted); }.live-dot { width: 7px; height: 7px; display: inline-block; background: var(--orange); border-radius: 50%; margin-right: 7px; box-shadow: 0 0 10px var(--orange); }.signal-id { float: right; color: #6c766d; }
  .signal-grid { padding: 9px 15px; }.signal-row { display: grid; grid-template-columns: 105px 1fr 50px; padding: 9px 0; border-bottom: 1px solid #242b25; align-items: center; font: 11px var(--mono); }.signal-row:last-child { border: 0; }.signal-row span { color: #778078; }.signal-row strong { font-weight: 500; }.signal-row b { color: #90a18d; font-weight: 500; text-align: right; }.signal-row b.green { color: var(--green); }.signal-row b.orange { color: var(--orange); }
  
  .proof, .flow, .uses { padding: 88px 0; border-top: 1px solid var(--line); }.proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; margin-top: 24px; }.proof-grid article { min-height: 270px; padding: 28px; border-right: 1px solid var(--line); }.proof-grid article:last-child { border: 0; }.number { color: var(--orange); font: 600 20px var(--mono); }.proof h2, .flow h2, .founder h2 { font-size: 28px; letter-spacing: -.045em; margin: 55px 0 12px; }.proof p, .flow p, .use-card p, .founder p { color: var(--muted); line-height: 1.65; font-size: 14px; }
  
  .flow-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; padding-top: 23px; align-items: center; }.flow h2 { margin: 0 0 18px; font-size: 38px; }
  .px-flow { --orange-hot: #ff6a32; --purple: #b481ff; position: relative; height: 320px; overflow: hidden; border: 1px solid #303832; border-radius: 14px; background: radial-gradient(circle at 53% 49%, rgba(128,74,191,.075), transparent 28%), linear-gradient(rgba(184,255,112,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(184,255,112,.026) 1px, transparent 1px), #0d100d; background-size: auto, 25px 25px, 25px 25px; box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 18px 45px rgba(0,0,0,.16); }
  .px-paths { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .px-input-path { fill: none; stroke: rgba(143,151,143,.26); stroke-width: 1; stroke-dasharray: 2 6; }
  .px-output-path { fill: none; stroke: rgba(155,165,154,.36); stroke-width: 1.15; stroke-dasharray: 2 7; stroke-linecap: round; }
  .px-engine { position: absolute; top: 111px; left: 50%; z-index: 4; width: 112px; padding: 14px 10px 12px; border: 1px solid #7451ab; border-radius: 16px; background: linear-gradient(135deg, rgba(111,66,166,.18), rgba(16,13,24,.96) 62%); color: #decaff; text-align: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 25px rgba(30,12,58,.20); transform: translateX(-50%); }
  .px-engine strong { display: block; font: 500 13px var(--sans); letter-spacing: -.03em; }.px-engine small { display: block; margin-top: 3px; color: #a98fd1; font: 8px var(--mono); }
  .engine-kicker, .output-kicker { display: block; margin-bottom: 4px; color: #8e849d; font: 7px var(--mono); letter-spacing: .1em; }
  .px-engine.is-processing { animation: engine-process 1.25s cubic-bezier(.22,.61,.36,1); }
  .context-packet { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid; border-radius: 8px; background: rgba(14,17,14,.96); font: 10px var(--mono); line-height: 1; letter-spacing: -.015em; opacity: 0; white-space: nowrap; will-change: transform, opacity; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 6px 20px rgba(0,0,0,.22); }
  .packet-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
  .packet-evidence { left: 28px; bottom: 31px; border-color: #8e9890; color: #d3dad1; }.packet-live { left: 23px; top: 133px; border-color: #d18028; color: #ffd092; }.packet-state { left: 82px; top: 27px; border-color: #668bd0; color: #c4d7fb; }
  .packet-evidence.launch { animation: evidence-flight 1.25s cubic-bezier(.2,.72,.28,1) both; }.packet-live.launch { animation: live-flight 1.16s cubic-bezier(.2,.72,.28,1) both; }.packet-state.launch { animation: state-flight 1.2s cubic-bezier(.2,.72,.28,1) both; }
  .px-output { position: absolute; z-index: 3; min-width: 106px; padding: 11px 12px; border: 1px solid; border-radius: 8px; background: rgba(13,16,13,.96); opacity: .72; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 22px rgba(0,0,0,.16); }
  .px-output strong { display: block; font: 500 12px var(--sans); letter-spacing: -.025em; line-height: 1.3; }
  .output-action { top: 49px; right: 24px; border-color: #609a3e; color: var(--green); }.output-trace { right: 24px; bottom: 45px; border-color: #b6558e; color: #f1acd1; }
  .output-action.is-emitted { animation: action-received 1.35s cubic-bezier(.22,.61,.36,1) both; }.output-trace.is-emitted { animation: trace-received 1.35s cubic-bezier(.22,.61,.36,1) both; }
  .px-flow.emit-action .action-path { animation: dotted-action 1.1s linear both; }.px-flow.emit-trace .trace-path { animation: dotted-trace 1.15s linear both; }
  .px-caption { position: absolute; bottom: 11px; left: 50%; z-index: 5; display: flex; align-items: center; gap: 6px; margin: 0; transform: translateX(-50%); color: #727a72; font: 8px var(--mono); letter-spacing: .08em; white-space: nowrap; }
  .px-caption i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #737c73; }
  .px-flow.is-running .px-caption i { background: var(--orange-hot); box-shadow: 0 0 10px var(--orange-hot); }
  @keyframes evidence-flight { 0% { opacity: 0; transform: translate(-12px,15px) scale(.86) rotate(-5deg); } 12% { opacity: 1; } 50% { opacity: 1; transform: translate(112px,-12px) scale(1) rotate(3deg); } 82% { opacity: 1; transform: translate(230px,-92px) scale(.82); } 100% { opacity: 0; transform: translate(250px,-98px) scale(.58); } }
  @keyframes live-flight { 0% { opacity: 0; transform: translate(-16px,6px) scale(.86) rotate(-4deg); } 12% { opacity: 1; } 48% { opacity: 1; transform: translate(104px,-22px) scale(1) rotate(5deg); } 82% { opacity: 1; transform: translate(256px,7px) scale(.82); } 100% { opacity: 0; transform: translate(278px,8px) scale(.58); } }
  @keyframes state-flight { 0% { opacity: 0; transform: translate(-4px,-15px) scale(.86) rotate(5deg); } 12% { opacity: 1; } 47% { opacity: 1; transform: translate(56px,52px) scale(1) rotate(-4deg); } 82% { opacity: 1; transform: translate(209px,109px) scale(.82); } 100% { opacity: 0; transform: translate(230px,113px) scale(.58); } }
  @keyframes engine-process { 0%,18% { transform: translateX(-50%) scale(1); box-shadow: none; } 42% { transform: translateX(-50%) scale(1.09); border-color: #dbb8ff; color: #fff7ff; box-shadow: 0 0 0 1px rgba(194,139,255,.34), 0 0 25px rgba(139,72,224,.52), 0 0 58px rgba(139,72,224,.19); } 72% { transform: translateX(-50%) scale(1.025); box-shadow: 0 0 16px rgba(139,72,224,.24); } 100% { transform: translateX(-50%) scale(1); box-shadow: none; } }
  @keyframes dotted-action { 0% { stroke: rgba(155,165,154,.28); stroke-dashoffset: 90; } 25% { stroke: var(--green); stroke-width: 1.65; } 100% { stroke: rgba(155,165,154,.36); stroke-width: 1.15; stroke-dashoffset: 0; } }
  @keyframes dotted-trace { 0% { stroke: rgba(155,165,154,.28); stroke-dashoffset: 90; } 25% { stroke: #ef9bc5; stroke-width: 1.65; } 100% { stroke: rgba(155,165,154,.36); stroke-width: 1.15; stroke-dashoffset: 0; } }
  @keyframes action-received { 0% { opacity: .28; transform: translate(8px,-3px) scale(.96); } 34% { opacity: 1; transform: none; box-shadow: 0 0 0 1px rgba(184,255,112,.17), 0 0 25px rgba(184,255,112,.17); } 100% { opacity: .72; transform: none; box-shadow: none; } }
  @keyframes trace-received { 0% { opacity: .28; transform: translate(8px,3px) scale(.96); } 34% { opacity: 1; transform: none; box-shadow: 0 0 0 1px rgba(241,172,209,.14), 0 0 25px rgba(241,172,209,.16); } 100% { opacity: .72; transform: none; box-shadow: none; } }
  
  .use-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }.use-card { padding: 34px; min-height: 250px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }.orange-card { background: linear-gradient(135deg, #24180e, #11110d 70%); }.green-card { background: linear-gradient(135deg, #112111, #10110d 70%); }.use-card .tag { color: var(--orange); }.green-card .tag { color: var(--green); }.use-card h3 { font-size: 25px; letter-spacing: -.04em; max-width: 350px; margin: 36px 0 16px; }
  
  .founder { position: relative; isolation: isolate; overflow: hidden; border-top: 1px solid var(--line); padding: 105px 0 110px; }.topology--founder { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; opacity: .5; }.founder > :not(.topology--founder) { position: relative; z-index: 1; }.founder h2 { font-size: clamp(34px, 5vw, 62px); margin: 18px 0; line-height: 1.02; }.founder > p:not(.eyebrow) { max-width: 590px; }.email { color: var(--muted); font: 12px var(--mono); border-bottom: 1px solid #596159; padding-bottom: 3px; }
  footer { display: flex; justify-content: space-between; gap: 20px; color: #697169; font: 10px var(--mono); padding: 22px 0 30px; border-top: 1px solid var(--line); }
  
  @media (prefers-reduced-motion: reduce) { .context-packet { display: none; }.px-output { opacity: .82; }.px-input-path { opacity: .65; }.topology--founder { opacity: .28; } }
  @media (max-width: 760px) { .wrap { width: min(100% - 32px, 1120px); }.hero { padding-top: 70px; min-height: auto; }.signal-card { margin-top: 55px; }.proof-grid, .flow-layout, .use-grid { grid-template-columns: 1fr; }.proof-grid article { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line); }.proof-grid article:last-child { border-bottom: 0; }.proof h2 { margin-top: 35px; }.flow-layout { gap: 35px; }.px-flow { height: 300px; }.px-output { min-width: 88px; padding: 8px 10px; right: 14px; }.px-output strong { font-size: 10px; }.packet-evidence, .packet-live { left: 14px; }.packet-state { left: 40px; }.context-packet { padding: 6px 9px; font-size: 9px; }.px-caption { font-size: 7px; }.signal-row { grid-template-columns: 88px 1fr 45px; font-size: 9px; } footer { flex-direction: column; } }