:root{--paper:#f4f3ed;--ink:#18211e;--muted:#66716b;--line:#d8ddd5;--green:#d5ff64;--deep:#173a2b;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #147757;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}.wrap{max-width:1184px;margin:auto;padding-left:32px;padding-right:32px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.7px;text-decoration:none}.version{font:11px var(--mono);border:1px solid #bfc8bf;padding:4px 6px;border-radius:4px;letter-spacing:0;margin-left:3px}.nav nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:550}.nav nav a{text-decoration:none}.github-link{border:1px solid var(--line);padding:10px 14px;border-radius:6px}.github-link span{margin-left:7px}.hero{padding-top:67px;padding-bottom:68px;text-align:center}.eyebrow{font:11px var(--mono);letter-spacing:1.4px;line-height:1.8}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#438662;margin-right:8px}.hero h1{font-size:clamp(54px,7.4vw,90px);font-weight:650;line-height:1.035;letter-spacing:-5px;margin-top:24px}.hero h1>span{color:#68816a}.intro{font-size:17px;line-height:1.7;color:#56625a;margin:26px auto 0;max-width:790px}.actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:31px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;border-radius:6px;font-size:13px;font-weight:650;text-decoration:none;line-height:1.4;border:1px solid transparent}.primary{background:var(--ink);color:#fff}.primary:hover{background:#2c4437}.secondary{border-color:#cfd5cd;background:#fafbf7}.secondary:hover{background:#fff}.micro{font:11px var(--mono);color:var(--muted);margin-top:18px;line-height:1.6}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:18px}.section-label h2{font:10px var(--mono);letter-spacing:1.2px}.replay-label{font:10px var(--mono);color:var(--muted)}.demo-shell{border:1px solid #314a3b;border-radius:13px;overflow:hidden;background:#15271e;color:#eff5e8;box-shadow:0 20px 60px -35px #173a2b55}.demo-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;background:#1c3025;border-bottom:1px solid #35473b;padding:0 21px;font:10px var(--mono);color:#aabcae;letter-spacing:.3px}.demo-toolbar>div{display:flex;gap:5px}.terminal-dot{width:6px;height:6px;border-radius:50%;background:#566b5a}.local-badge{color:#cae0c8;font-size:9px;border:1px solid #405947;padding:4px 6px;border-radius:3px}.peers{padding:27px 28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.peer{background:#203329;border:1px solid #3b5142;padding:19px 20px 17px;border-radius:7px;transition:border-color .3s,background .3s}.peer.active{border-color:var(--green);background:#2b4030}.peer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:7px;width:31px;height:31px;font-weight:700;font-size:16px}.claude{background:#ebcab8;color:#462e1f}.deepseek{background:#c4d5fc;color:#213a6e}.gemini{background:#d0d9c1;color:#3f5035}.peer-state{font:9px var(--mono);color:#bdcbb9}.peer.active .peer-state{color:var(--green)}.peer h3{font-size:19px;font-weight:570;letter-spacing:-.5px}.peer>p{font:10px var(--mono);color:#aebfab;margin-top:5px}.peer-task{border-top:1px solid #425344;margin-top:23px;padding-top:12px;font:10px/1.6 var(--mono);min-height:45px;color:#cbd7c7}.relay-line{display:flex;align-items:center;justify-content:center;gap:0;padding:27px 11%}.relay-line>span{height:1px;flex:1;background:#4d694e}.relay-line>div{border:1px solid #597151;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:5px;font:10px var(--mono);letter-spacing:.6px;background:#d8edc3;color:#173a2b;white-space:nowrap}.relay-line b{font:8px var(--mono);border-left:1px solid #829875;padding-left:10px;margin-left:2px}.event-panel{margin:0 28px;display:flex;align-items:center;gap:20px;padding:21px 20px;border:1px solid #3b5142;background:#0f2017;border-radius:6px;min-height:94px}.event-counter{font:10px var(--mono);color:#9fb69c;white-space:nowrap}.event-title{font-size:13px;font-weight:570;line-height:1.5}.event-detail{font:10px/1.7 var(--mono);color:#a8bca5;margin-top:5px}.event-check{margin-left:auto;color:var(--green);font-size:22px}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 25px;gap:20px}.demo-controls>div:last-of-type{display:flex;align-items:center;gap:20px}.steps{display:flex;gap:5px}.steps span{display:block;width:25px;height:3px;background:#435747;border-radius:3px}.steps span.done{background:var(--green)}.text-button{background:none;border:0;color:#c9d7c4;font-size:10px;padding:9px 0}.play-button{border:0;background:var(--green);color:#1d3222;font-size:10px;font-weight:700;padding:10px 15px;border-radius:5px;min-width:140px}.play-button span{font-size:9px;margin-right:5px}.demo-disclosure{max-width:820px;text-align:center;font-size:11px;line-height:1.7;color:var(--muted);margin:18px auto 0}.demo-disclosure code{font-size:10px}.benefits{padding-top:106px;padding-bottom:94px;display:grid;grid-template-columns:1fr 1fr;gap:95px}.section-intro h2,.setup-header h2,.boundaries h2,.contribute h2{font-size:36px;line-height:1.16;font-weight:550;letter-spacing:-1.6px;margin-top:17px}.section-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:320px;margin-top:21px}.feature-list{padding-top:2px}.feature-list article{display:flex;align-items:flex-start;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-number{font:11px var(--mono);color:#61806a;padding-top:4px}.feature-list h3{font-size:16px;font-weight:600;letter-spacing:-.3px}.feature-list p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px}.setup-section{padding-top:54px;padding-bottom:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setup-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px}.setup-header>p{font:11px/1.9 var(--mono);color:var(--muted);max-width:320px}.install-card{border:1px solid var(--line);border-radius:7px;background:#fafbf7;min-width:0;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);gap:12px;padding:15px 18px;border-bottom:1px solid #e0e4db}.copy-button{color:#526656;background:transparent;border:1px solid #c9d3c5;padding:5px 9px;font:10px var(--mono);border-radius:3px;min-width:50px}.copy-button:hover{background:#e7eddf}pre{margin:0;overflow-x:auto;padding:22px 18px;font:12px/1.8 var(--mono)}code{font-family:var(--mono)}.install-card>p{padding:0 18px 18px;font-size:11px;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.setup-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:23px;max-width:900px}.setup-note a{white-space:nowrap;font-weight:550;color:#254d36;text-underline-offset:4px}.boundaries{padding-top:60px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.boundaries h2{font-size:29px;margin:0}.boundaries>div p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:15px}.boundaries b{font-weight:620;color:#324b39}.contribute{background:#e4ecd9;padding-top:43px;padding-bottom:46px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;max-width:1120px;gap:24px}.contribute h2{font-size:33px;margin-top:10px}.contribute p:last-child{font-size:12px;color:#5f735f;margin-top:15px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;padding-top:45px!important;padding-bottom:28px!important}footer .brand{font-size:17px}footer>div{display:flex;gap:22px;margin-left:auto;font-size:11px}footer>div a{text-decoration:none}footer p{width:100%;font:9px/1.7 var(--mono);color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:12px;z-index:9}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.hero{padding-top:40px;padding-bottom:46px}.hero h1{letter-spacing:-3px}.intro{font-size:15px}.desktop{display:none}.nav{height:80px}.nav nav{gap:15px}.nav nav>a:first-child{display:none}.benefits{gap:35px;padding-top:65px;padding-bottom:55px}.section-intro h2,.setup-header h2{font-size:30px}.peers{padding:20px 18px 0;gap:10px}.peer{padding:13px}.event-panel{margin:0 18px}.demo-controls{padding:17px 18px 20px}.setup-header{align-items:flex-start;flex-direction:column;gap:19px}.boundaries{gap:35px}.contribute{margin-left:22px;margin-right:22px}.replay-label{font-size:9px}}@media(max-width:580px){.nav .brand{font-size:17px;gap:7px}.version{display:none}.nav nav{font-size:11px;gap:14px}.github-link{padding:8px 10px}.hero h1{font-size:54px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.intro{font-size:14px;line-height:1.75}.actions{gap:9px}.button{padding:13px 14px;font-size:11px;gap:12px}.micro{font-size:9px}.section-label{align-items:flex-start;flex-direction:column;gap:6px}.section-label h2{font-size:9px}.demo-toolbar{padding:0 15px;font-size:8px}.peers{grid-template-columns:1fr;padding:15px 14px 0;gap:8px}.peer{display:grid;grid-template-columns:32px 1fr;column-gap:10px;position:relative;padding:12px}.peer-top{grid-row:1/3;margin:0}.peer-top .peer-state{position:absolute;right:12px;top:13px;font-size:8px}.peer h3{font-size:15px;margin-right:60px}.peer>p{font-size:9px;margin-top:4px}.peer-task{grid-column:1/3;margin-top:10px;padding-top:8px;min-height:26px;font-size:9px}.relay-line{padding:17px 14px}.relay-line>div{font-size:9px;padding:7px 9px}.relay-line b{font-size:7px}.event-panel{margin:0 14px;gap:11px;padding:13px;min-height:110px}.event-counter{font-size:8px}.event-title{font-size:12px}.event-detail{font-size:9px}.event-check{font-size:17px}.demo-controls{padding:15px 14px 18px;flex-wrap:wrap;gap:13px}.demo-controls>div:last-of-type{gap:14px;margin-left:auto}.steps span{width:14px}.play-button{min-width:125px;padding:10px;font-size:9px}.text-button{font-size:9px}.demo-disclosure{font-size:10px}.benefits{grid-template-columns:1fr;gap:30px}.section-intro>p:last-child{max-width:none}.feature-list article{padding:17px 0}.section-intro h2,.setup-header h2{font-size:32px}.setup-grid{grid-template-columns:1fr}.setup-section{padding-top:38px;padding-bottom:36px}.code-header{font-size:9px;padding:12px}.install-card pre{font-size:10px;padding:17px 12px}.install-card>p{padding-left:12px;font-size:10px}.setup-header>p{font-size:10px}.setup-note{font-size:11px}.setup-note a{white-space:normal}.boundaries{grid-template-columns:1fr;gap:24px;padding-top:38px;padding-bottom:35px}.boundaries h2{font-size:29px}.contribute{flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:30px;gap:23px}.contribute h2{font-size:30px}footer .brand{font-size:15px}footer>div{gap:14px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
