*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:16px/1.5 'Segoe UI',Arial,sans-serif;color:#152720;background:#f6f7ed}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #658b29;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-inline:48px}.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #d8dfd1}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px}.mark{width:36px;height:36px;display:grid;place-items:center;background:#152720;color:#d6f780;border-radius:7px;font-size:19px;letter-spacing:-3px;padding-right:3px}.version{font-size:12px;letter-spacing:0;padding:1px 5px;border:1px solid #b8c6b7;border-radius:4px;font-weight:500}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-download{font-size:14px;font-weight:650}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:58px;align-items:center;padding-block:86px 100px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:1.5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#567b45;flex-shrink:0}.hero h1{font-size:clamp(52px,5.5vw,78px);line-height:1.05;letter-spacing:-4.5px;margin:32px 0;font-weight:750}.hero h1 span{color:#517543}.lead{font-size:19px;line-height:1.7;color:#4d5d52;max-width:460px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:650;font-size:15px;padding:17px 23px;border-radius:6px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:#152720;color:#f2f5e8}.primary:hover{background:#2c4936}.text-link{font-size:14px;color:#53634d}.meta{font-size:12px;color:#657360;margin-top:23px}.network-demo{margin-top:24px;border:1px solid #cbd7c5;border-radius:12px;background:#edf1e5;position:relative;box-shadow:0 17px 0 -9px #dde5d7,0 34px 0 -21px #e6ebdd}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px;border-bottom:1px solid #ced8c6;font-size:12px;font-weight:700;letter-spacing:.6px}.demo-top .dot{margin-right:5px}.mono{font-family:Consolas,monospace;font-size:12px;letter-spacing:0}.demo-map{position:relative;aspect-ratio:520/390;min-height:310px;overflow:hidden}.connections{width:100%;height:100%;position:absolute;inset:0}.connections path{fill:none;stroke:#829378;stroke-width:1.5}.connections .dash{stroke:#385631;stroke-width:2;stroke-dasharray:6 12;animation:flow 12s linear infinite}.relay-path{display:none}.computer{position:absolute;width:134px;border:1px solid #c7d2bf;border-radius:8px;background:#fafff2;box-shadow:0 4px 0 #dbe4d1;display:flex;align-items:center;flex-direction:column;padding:10px;line-height:1.3;gap:6px}.computer strong{font-size:12px;letter-spacing:-.3px}.computer small{font-size:12px;color:#5a6e4e}.pc-icon{font-size:27px;line-height:1;height:30px;color:#3b5a33}.pc-a{top:10%;left:6%}.pc-b{top:14%;right:5%}.pc-c{bottom:8%;left:50%;transform:translateX(-50%)}.relay-node{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:none;flex-direction:column;text-align:center;background:#152720;color:#d6f780;border-radius:6px;padding:9px 12px;font-size:12px;z-index:1}.relay-node span{font-size:22px}.relay-node small{font-size:12px;max-width:95px}.connection-label{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);background:#e2eccf;border:1px solid #c4d4b3;font-size:12px;padding:5px 8px;border-radius:4px;color:#476339;white-space:nowrap}.demo-bottom{display:flex;justify-content:space-between;gap:8px;padding:18px 21px;border-top:1px solid #d1dbc9;align-items:center}.segmented{display:flex;gap:3px;padding:4px;border-radius:6px;background:#dce4d3}.segmented button{border:0;background:transparent;font-size:12px;padding:7px 11px;color:#4e6046;border-radius:4px;font-weight:600}.segmented button[aria-pressed=true]{background:#fafff3;color:#253e23;box-shadow:0 1px 4px #a9b7a070}.encrypted{font-size:12px;color:#536b46}.demo-note{position:absolute;bottom:-50px;left:0;font-size:12px;color:#66765d;width:100%;text-align:center}.via-relay .relay-path{display:block}.via-relay .direct-path{display:none}.via-relay .relay-node{display:flex}.via-relay .connection-label{display:none}.protocol-strip{border-block:1px solid #d3dccd;background:#edf1e5}.protocol-strip>.wrap{display:grid;grid-template-columns:1.35fr repeat(4,1fr);align-items:center;padding-block:28px;gap:20px}.strip-intro{font-size:12px;font-weight:700;letter-spacing:1px}.protocol-strip span:not(.strip-intro){font:25px Consolas,monospace;border-left:1px solid #c7d3bf;padding-left:30px}.protocol-strip small{display:block;font:12px 'Segoe UI',Arial;color:#65745b;margin-top:3px}.section{padding-block:100px}h2{font-size:clamp(34px,3.5vw,47px);line-height:1.15;letter-spacing:-2px;margin:23px 0 38px;font-weight:720}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.use-item{border-top:1px solid #bacab2;padding:20px 0 0;position:relative}.number{position:absolute;right:0;top:26px;color:#728568;font:12px Consolas,monospace}.symbol{font-size:39px;height:68px;color:#3a5c31;letter-spacing:-4px}.use-item h3{font-size:20px;line-height:1.3;margin:18px 0 14px;letter-spacing:-.5px}.use-item p{font-size:15px;color:#62705a;max-width:330px;line-height:1.7;margin-bottom:26px}.tag{font-size:12px;letter-spacing:1px;display:inline-block;padding:6px 9px;border:1px solid #c6d1bd;border-radius:4px;color:#5a6f4a}.how{background:#152720;color:#f2f5e6}.how>.wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:15px 78px}.how .eyebrow{color:#c4e493}.how h2{font-size:48px}.sub{color:#a3b39d}.steps article{display:flex;gap:27px;border-top:1px solid #3c5043;padding:25px 0}.steps article>span{font:13px/2.2 Consolas,monospace;color:#bde18c}.steps h3{font-size:18px;margin:0 0 8px;letter-spacing:-.3px}.steps p{color:#a9b7a1;font-size:14px;margin:0;line-height:1.75}.terminal{grid-column:1/-1;margin-top:40px;border:1px solid #405741;border-radius:7px;background:#112018;padding:26px 35px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.terminal>div{font-size:12px;letter-spacing:1.5px;color:#9eb587}.terminal .dot{background:#cdeb86;margin-right:6px}.terminal code{display:block;font:23px Consolas,monospace;color:#d6f780;letter-spacing:-.5px;margin-top:17px}.terminal code span{color:#758e68}.terminal p{color:#abbca0;font-size:16px;line-height:1.8;margin:0}.control{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px}.features{display:grid;grid-template-columns:1fr 1fr;gap:32px}.features h3{font-size:17px;letter-spacing:-.4px;line-height:1.4;margin:12px 0}.features p{font-size:14px;line-height:1.75;color:#61725a}.feature-icon{font-size:26px;line-height:1;border:1px solid #bdcdb2;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:7px;color:#527744}.download-section{display:grid;grid-template-columns:1.5fr 1fr;background:#d6f780;border-radius:9px;max-width:1184px;margin:auto}.download-main{padding:47px 47px 35px}.download-main h2{font-size:44px;line-height:1.1;letter-spacing:-2px;margin:24px 0}.download-main>p{font-size:14px;color:#4d672f}.lime{background:#152720;color:#d6f780;margin-top:14px;gap:42px;font-size:16px}.download-main .caption{font-size:12px;line-height:1.65;margin-top:19px;color:#526934}.download-server{background:#e9efd9;border-radius:0 9px 9px 0;padding:43px 38px;display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #c2d6a2}.server-mark{font:30px Consolas,monospace;color:#5a7644}.download-server h3{font-size:24px;letter-spacing:-1px;margin:19px 0 13px}.download-server p{color:#607250;font-size:14px;line-height:1.7;margin:0 0 25px}.download-server>a{font-size:14px;font-weight:650;display:flex;justify-content:space-between;width:100%;padding-bottom:15px;border-bottom:1px solid #b5c8a1}.download-server .secondary-link{font-size:12px;font-weight:400;padding-block:15px;border-bottom:0}.port{font-size:12px;color:#526c3d;margin-top:28px}.port .dot{margin-right:5px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.questions{border-top:1px solid #c8d6bf}.questions details{border-bottom:1px solid #c8d6bf}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px;font-size:15px;font-weight:650;padding:25px 0}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;font-weight:300;line-height:1;transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:14px;line-height:1.85;color:#63755b;margin:0 45px 24px 0}.footer{border-top:1px solid #cfdbc5;display:flex;align-items:center;justify-content:space-between;padding-block:32px;gap:25px}.footer .brand{font-size:20px}.footer .mark{width:28px;height:28px;font-size:16px}.footer>p{font-size:12px;color:#6e7c62}.footer>div{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#637658}.guide{max-width:900px;padding-block:60px}.guide h1{font-size:48px;letter-spacing:-2px;line-height:1.1}.guide h2{font-size:28px;margin-top:45px;letter-spacing:-1px}.guide pre{background:#152720;color:#d6f780;border-radius:7px;padding:24px;overflow:auto;font-size:14px}.guide p,.guide li{color:#56684b}.guide code{font-family:Consolas,monospace}.guide table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.guide td,.guide th{padding:12px;border-bottom:1px solid #c8d6bf}@keyframes flow{to{stroke-dashoffset:-200}}
@media(max-width:1000px){.wrap{padding-inline:32px}.hero{gap:25px;padding-top:65px}.hero h1{font-size:59px;letter-spacing:-3.5px}.computer{width:110px;padding:9px 6px}.computer strong{font-size:12px}.computer small{font-size:12px}.computer .mono{font-size:12px}.demo-top{padding:15px;font-size:12px}.demo-map{min-height:290px}.demo-bottom{padding:12px}.segmented button{font-size:12px;padding:6px 8px}.how>.wrap{gap:15px 40px}.control{gap:40px}.download-section{margin-inline:32px}.download-main{padding:36px}.download-main h2{font-size:36px}.download-server{padding:36px 28px}.faq{gap:35px}.footer{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.wrap{padding-inline:22px}.header{height:80px;gap:15px}.header nav{display:none}.brand{font-size:23px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:75px;gap:45px}.eyebrow{font-size:12px;letter-spacing:1.1px}.hero h1{font-size:clamp(43px,11vw,68px);letter-spacing:-3px;margin:26px 0}.lead{font-size:17px;max-width:470px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.meta{font-size:12px}.network-demo{margin-top:0;max-width:520px;width:100%;align-self:center}.demo-map{min-height:320px}.computer{width:125px}.computer strong{font-size:12px}.pc-a{left:3%}.pc-b{right:3%}.demo-top{font-size:12px}.demo-bottom{padding:15px}.segmented button{font-size:12px;padding:7px 10px}.demo-note{font-size:12px;bottom:-45px}.protocol-strip>.wrap{grid-template-columns:1fr 1fr;gap:24px;padding-block:28px}.strip-intro{grid-column:1/-1}.protocol-strip span:not(.strip-intro){padding-left:15px;font-size:24px}.section{padding-block:62px}h2{font-size:35px;letter-spacing:-1.4px;line-height:1.2;margin:20px 0 32px}.use-grid{display:block}.use-item{margin-bottom:38px}.use-item:last-child{margin:0}.symbol{height:55px;font-size:34px}.use-item p{max-width:none;font-size:15px}.how>.wrap{display:block}.how h2{font-size:39px}.steps{margin-top:35px}.steps article{gap:22px}.terminal{display:block;padding:25px;margin-top:32px}.terminal>div{font-size:12px;letter-spacing:.6px}.terminal code{font-size:21px}.terminal p{font-size:14px;margin-top:22px}.control{display:block}.features{gap:28px 20px}.features h3{font-size:16px;line-height:1.4}.download-section{display:block;margin-inline:22px}.download-main{padding:31px 25px}.download-main h2{font-size:34px;letter-spacing:-1.5px}.download-server{border-left:0;border-top:1px solid #c2d6a2;border-radius:0 0 9px 9px;padding:30px 25px}.faq{display:block}.questions summary{font-size:15px;padding-block:22px}.questions details p{margin-right:15px}.footer{gap:18px;padding-block:26px}.footer>p{margin:0}.footer>div{font-size:12px;gap:20px}.guide{padding-block:35px}.guide h1{font-size:36px}.guide h2{font-size:25px}.guide table{font-size:13px}.guide td,.guide th{padding:10px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.connections .dash{animation:none}.button{transition:none}}
