@font-face{font-family:Outfit;src:url("https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4S-EiAou6Y.woff2");font-display:swap}@font-face{font-family:IBM Plex Mono;src:url("https://fonts.gstatic.com/s/ibmplexmono/v19/-F6pfjptAgt5VM-kVkqdyU8n1Ewq0g.woff2");font-display:swap}
:root{--bg:#10110f;--panel:#171915;--ink:#e6e8df;--muted:#a6ada0;--line:#42473e;--accent:#d95376;--accent-ink:#fff5f8;--grid:#e6e8df0b;--shadow:#050605}:root[data-theme=light]{--bg:#f2f3ec;--panel:#fff;--ink:#1a1c18;--muted:#5e655a;--line:#b7bcae;--accent:#b63a5e;--accent-ink:#fff;--grid:#1a1c180e;--shadow:#cdd0c4}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Mono",monospace;min-height:100vh;transition:background-color .2s,color .2s}button,a,select{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}main{overflow:hidden;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}
.nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,64px);background:var(--bg)}.brand-link{justify-self:start}.brand-mark{display:inline-flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.brand-mark img{width:34px;height:34px;image-rendering:pixelated}.nav-links{display:flex;gap:32px;font-size:11px}.nav-links a,.docs-action{position:relative}.nav-links a:after,.docs-action:after{content:"";height:1px;background:var(--accent);position:absolute;left:0;right:100%;bottom:-5px;transition:right .2s}.nav-links a:hover:after,.docs-action:hover:after{right:0}.theme-switch{justify-self:end;border:1px solid var(--line);background:var(--panel);padding:8px 12px;font-size:10px;box-shadow:3px 3px var(--shadow)}.theme-switch:active{transform:translate(2px,2px);box-shadow:1px 1px var(--shadow)}
.hero{min-height:calc(100dvh - 72px);padding:clamp(54px,8vw,110px) clamp(20px,4vw,64px) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:48px}.hero-copy{max-width:1240px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;color:var(--accent);margin:0 0 20px}.hero h1,h2{font-family:Outfit,sans-serif;letter-spacing:-.055em;line-height:.9;margin:0}.hero h1{font-size:clamp(54px,9.3vw,142px);max-width:1200px}.hero h1 span{color:var(--accent)}.hero-sub{font-size:clamp(14px,1.35vw,18px);line-height:1.65;max-width:680px;color:var(--muted);margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.start-action{background:var(--accent);color:var(--accent-ink);padding:14px 20px;border:1px solid var(--ink);box-shadow:5px 5px var(--shadow);font-size:12px;font-weight:700}.start-action:hover{transform:translate(-2px,-2px);box-shadow:7px 7px var(--shadow)}.start-action:active{transform:translate(3px,3px);box-shadow:2px 2px var(--shadow)}.docs-action{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0}.docs-action span{color:var(--accent)}
.pixel-field{height:200px;border:1px solid var(--line);position:relative;background:var(--panel);overflow:hidden;box-shadow:6px 6px var(--shadow)}.pixel-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);opacity:.55}.pixel-grid i{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}.pixel-grid i.hot{background:color-mix(in srgb,var(--accent) 12%,transparent)}.field-label{position:absolute;top:14px;font-size:9px;letter-spacing:.12em;color:var(--muted);z-index:2}.input-label{left:16px}.output-label{right:16px}.router-core{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--accent);display:grid;place-items:center;z-index:3;box-shadow:5px 5px var(--shadow);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.router-core img{width:54px;height:54px}.route-line{position:absolute;height:1px;background:var(--line);left:0;right:0}.line-a{top:50%}.line-b{top:35%}.line-c{top:65%}.packet{position:absolute;width:9px;height:9px;background:var(--accent);left:6%;animation:packet 4s steps(16,end) infinite}.packet-a{top:calc(35% - 4px)}.packet-b{top:calc(50% - 4px);animation-delay:-1.2s}.packet-c{top:calc(65% - 4px);animation-delay:-2.4s}@keyframes packet{to{transform:translateX(82vw)}}
.section-pad{padding:clamp(80px,10vw,150px) clamp(20px,4vw,64px);border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.about-grid h2,.flow h2,.capabilities>h2,.use-cases>h2{font-size:clamp(46px,7vw,104px);max-width:800px}.about-grid p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 22px}.metric-strip{margin-top:90px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.metric-strip div{padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.metric-strip div:last-child{border:0}.metric-strip strong{font:700 48px Outfit;color:var(--accent)}.metric-strip span{font-size:10px;color:var(--muted)}
.flow,.capabilities{background:var(--panel)}.flow-track{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.flow-track article{padding:26px 24px 10px;border-right:1px solid var(--line);min-height:300px}.flow-track span,.lab-heading span,.cap-grid article>span{font-size:10px;color:var(--accent)}.flow-track h3{font:600 28px Outfit;margin:70px 0 16px}.flow-track p,.cap-grid p{font-size:12px;line-height:1.7;color:var(--muted)}
.lab-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:50px}.lab-heading h2{font-size:clamp(52px,8vw,110px)}.lab-heading>p{color:var(--muted);max-width:520px;line-height:1.7;justify-self:end}.lab-shell{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);background:var(--panel);box-shadow:7px 7px var(--shadow)}.lab-controls{padding:28px;border-right:1px solid var(--line)}.lab-controls label{font-size:10px;color:var(--muted);display:block;margin-bottom:10px}.lab-controls select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:13px;border-radius:0}.run-key{width:100%;margin-top:14px;display:flex;justify-content:space-between;background:var(--accent);color:var(--accent-ink);border:1px solid var(--ink);padding:0}.run-key span,.run-key kbd{padding:13px}.run-key kbd{border-left:1px solid #ffffff55}.run-key:active{transform:translateY(2px)}.route-stats{margin:30px 0 0}.route-stats div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:10px}.route-stats dt{color:var(--muted)}.route-stats dd{margin:0}.route-stats dd[data-mode=HIT]{color:var(--accent)}.code-stack{display:grid;grid-template-columns:1fr 1fr;min-width:0}.code-stack article{min-width:0}.code-stack article+article{border-left:1px solid var(--line)}.code-stack header{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.code-stack header button{border:0;background:transparent;font-size:9px;color:var(--accent)}pre{margin:0;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.65;min-height:310px}.loading pre{opacity:.3}
.cap-grid{margin-top:60px;display:grid;grid-template-columns:1.25fr .75fr .75fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-grid article{padding:28px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cap-grid h3{font:600 28px Outfit;margin:50px 0 14px}.cap-large{grid-row:span 2}.pixel-chart{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:48px}.pixel-chart i{height:10px;background:var(--line)}.pixel-chart i.on{background:var(--accent)}.slash-cell{font:700 clamp(90px,12vw,180px) Outfit!important;color:var(--accent);display:grid;place-items:center}
.arch-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.arch-title h2{font-size:clamp(52px,8vw,118px)}.arch-action{border:0;border-block:1px solid var(--accent);background:transparent;padding:14px 0;color:var(--accent);font-size:10px}.topology{display:grid;grid-template-columns:1fr .6fr 1.2fr .6fr 1fr;align-items:center;margin:100px 0 48px}.topo-column{display:flex;flex-direction:column;border:1px solid var(--line)}.topo-column span,.topo-column b{padding:12px;border-bottom:1px solid var(--line);font-size:10px}.topo-lines{display:flex;flex-direction:column;gap:22px}.topo-lines i{height:1px;background:var(--line);position:relative}.topo-lines i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--accent)}.topo-lines.reverse i:after{right:auto;left:0}.topo-core{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--panel);box-shadow:7px 7px var(--shadow);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.topo-core img{width:64px}.topo-core strong{font:800 22px Outfit}.topo-core small{font-size:8px;color:var(--muted)}.arch-note{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding-top:24px;max-width:800px;margin-left:auto}.arch-note>span{color:var(--accent)}.arch-note h3{font:600 30px Outfit;margin:0 0 10px}.arch-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.use-cases{background:var(--accent);color:var(--accent-ink)}.use-cases>h2{margin-bottom:70px}.use-cases article{display:grid;grid-template-columns:80px 1fr 1fr 40px;gap:20px;align-items:center;border-top:1px solid #ffffff88;padding:24px 0;transition:padding .2s,background .2s}.use-cases article:last-child{border-bottom:1px solid #ffffff88}.use-cases article:hover{padding-left:16px;background:#9f3150}.use-cases h3{font:700 clamp(24px,3.5vw,52px) Outfit;margin:0}.use-cases p{font-size:11px;line-height:1.6}
.closing{display:flex;justify-content:space-between;align-items:end;gap:40px}.closing>div>p:first-child{color:var(--accent)}.closing h2{font-size:clamp(60px,10vw,148px)}.closing p{color:var(--muted)}.github-action{border:1px solid var(--line);padding:20px;min-width:250px;display:flex;justify-content:space-between;box-shadow:5px 5px var(--shadow);font-size:11px}.github-action span{color:var(--accent)}footer{border-top:1px solid var(--line);padding:44px clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:10px;color:var(--muted)}footer>div{text-align:right}.system-page{min-height:100dvh;display:grid;place-content:center;text-align:center;gap:16px}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.about-grid,.lab-heading{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr 1fr}.flow-track{grid-template-columns:1fr 1fr}.lab-shell{grid-template-columns:1fr}.lab-controls{border:0;border-bottom:1px solid var(--line)}.code-stack{grid-template-columns:1fr}.code-stack article+article{border:0;border-top:1px solid var(--line)}.cap-grid{grid-template-columns:1fr 1fr}.cap-large{grid-row:auto;grid-column:span 2}.topology{grid-template-columns:1fr 60px 1.2fr}.reverse,.providers{display:none}.use-cases article{grid-template-columns:45px 1fr 30px}.use-cases article p{display:none}.closing{align-items:start;flex-direction:column}footer{grid-template-columns:1fr;gap:24px}footer>div{text-align:left}}@media(max-width:560px){.brand-mark span{display:none}.hero h1{font-size:14vw}.hero-actions{align-items:start;flex-direction:column}.metric-strip,.flow-track{grid-template-columns:1fr}.cap-grid{display:block}.arch-title{align-items:start;flex-direction:column}.topology{grid-template-columns:1fr 30px 1.2fr;margin-top:60px}.use-cases article{grid-template-columns:36px 1fr 22px}.closing h2{font-size:15vw}.github-action{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.packet{display:none}}