*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce8eb;background:#09151c}a{color:#69ddc0;text-decoration:none}a:hover{color:#b2ffed}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #6de5c4;outline-offset:4px}code{font:13px/1.7 ui-monospace,Consolas,monospace;color:#b9d8e5}.topbar{max-width:1280px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #22333d}.brand{display:flex;align-items:center;gap:12px;color:#f1f7f6;font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.1}.brand small{display:block;color:#779ba2;font:9px/2.2 ui-monospace,monospace;letter-spacing:2px}.brand-icon{width:39px;height:39px;background:#5ed9b7;color:#082a26;text-align:center;line-height:34px;border-radius:12px;font-weight:800}.brand-dot{color:#59d5b3}nav{display:flex;gap:27px}nav a{color:#92aeb6;font-size:13px}nav a[aria-current]{color:#e3f6f1}.quiet{color:#9db7c0;border:1px solid #2c424c;background:transparent;padding:8px 14px;border-radius:8px;font-size:12px}main{max-width:1280px;margin:auto;padding:0 40px 55px}footer{max-width:1280px;margin:auto;border-top:1px solid #22333d;padding:22px 40px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#73919b}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:58px;min-height:570px;padding:70px 0}.eyebrow{font:11px/1.7 ui-monospace,Consolas,monospace;letter-spacing:1.7px;color:#7fafb1}.small-dot{display:inline-block;width:6px;height:6px;background:#65d6b9;border-radius:50%;margin-right:10px}h1,h2,h3{line-height:1.2;letter-spacing:-.7px;color:#f0f5f6}h1{font-size:65px;font-weight:620;margin:24px 0}.soft{color:#85a7b2}h2{font-size:23px;font-weight:560;margin:13px 0}h3{font-size:20px;margin:14px 0}.lead{font-size:17px;color:#9db5bc;max-width:540px;line-height:1.75;margin-bottom:30px}.button{padding:12px 18px;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;gap:32px;font-weight:650;font-size:13px;border:1px solid transparent}.primary{background:#69dec0;color:#08352d}.primary:hover{background:#95f3d6;color:#073428}.secondary{border-color:#345361;background:#142732;color:#d2e4e8}.fine{color:#809fa8;font-size:11px;line-height:1.6;margin-top:14px}.network-illustration{height:350px;position:relative;background:radial-gradient(ellipse at center,#123441 0,transparent 69%);border:1px solid #253e48;border-radius:24px}.net-node{position:absolute;border:1px solid #365b67;background:#122c38f2;padding:17px 22px;border-radius:13px;box-shadow:0 12px 40px #0003;min-width:200px}.net-node b{display:block;font-size:17px;margin:5px 0}.net-node span{font:9px ui-monospace,monospace;color:#6ee7c6;letter-spacing:2px}.net-node small{font-size:11px;color:#8fadbb}.node-device{top:28px;left:22px}.node-ingress{top:122px;right:25px}.node-egress{bottom:35px;left:45px}.schematic-label{position:absolute;bottom:10px;right:20px;color:#557982;font:8px ui-monospace,monospace;letter-spacing:1px}.net-line{position:absolute;top:70px;left:70px;right:80px;height:170px;border-right:1px dashed #4cab93;border-bottom:1px dashed #4cab93;border-top:1px dashed #4cab93;border-radius:50px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #223b45;padding-top:28px}.features h2{font-size:18px}.features p{color:#9ab1bb;font-size:13px}.step{color:#5ddbba;font:11px ui-monospace,monospace}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:45px 0 26px}.page-title{font-size:37px;margin:12px 0}.muted{color:#8daab5}.small{font-size:12px}.badge{font:10px/1.5 ui-monospace,Consolas,monospace;padding:5px 9px;border:1px solid #385563;background:#18333f;border-radius:20px;white-space:nowrap;color:#aacecf}.badge.success{color:#70e3b7;border-color:#286552;background:#11352d}.badge.warn{color:#edc17f;border-color:#614b2e;background:#31291f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{background:#10232d;border:1px solid #29414c;border-radius:13px;padding:21px 24px}.stats small{font:10px ui-monospace,monospace;letter-spacing:1px;color:#87a8b1}.stats b{display:block;font-size:37px;color:#e6f5f1;font-weight:530;line-height:1.7}.stats b.word{font-size:23px;line-height:2.7}.stats span{font-size:11px;color:#86a1ad}.section{margin:38px 0}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-head a{font-size:12px}.section-head h2{font-size:22px}.empty-state{display:flex;gap:26px;border:1px dashed #3d626a;border-radius:13px;padding:30px 35px;background:#10242c80}.empty-mark{font-size:35px;color:#76bdb5}.empty-state h3{margin-top:0}.empty-state p{font-size:14px;color:#99b3bd;max-width:750px}.two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.panel{background:#10232d;border:1px solid #29414c;border-radius:13px;padding:28px}.panel p{color:#9db6c0;font-size:13px}.status-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #29414c;font-size:12px}.status-row:last-child{border:0}.subscription-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subscription{background:#10232d;border:1px solid #365361;border-radius:13px;padding:25px}.endpoint{color:#82acb8;font:12px/1.5 ui-monospace,monospace;word-break:break-all}.actions{display:flex;gap:10px;flex-wrap:wrap}.warning{background:#31291c;border-left:2px solid #c3a25c;padding:10px 13px;color:#dcc494;font-size:12px}.secret-url{margin-top:14px;width:100%;padding:9px;border:1px solid #406372;border-radius:5px;background:#0c1b24;color:#b4e3e4;font-size:11px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.notice{margin:25px 0;padding:16px 20px;border:1px solid #45636c;background:#152e37;color:#adc9d0;border-radius:9px;font-size:13px}.user-id{display:block;word-break:break-all;border:1px solid #314d57;padding:12px;border-radius:8px}hr{border:0;border-top:1px solid #2b414a;margin:22px 0}.error-page{padding:90px 0;min-height:60vh}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#31594f;border:1px solid #6dc8ad;padding:12px 20px;border-radius:10px;z-index:10;max-width:90%;box-shadow:0 10px 30px #0005;font-size:13px}[hidden]{display:none!important}
@media(max-width:880px){.topbar,main,footer{padding-left:22px;padding-right:22px}.topbar{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:8px}.hero{grid-template-columns:1fr;gap:15px;padding:42px 0}h1{font-size:47px}.network-illustration{max-width:510px;width:100%;margin:auto}.features{grid-template-columns:1fr;gap:12px}.stats{grid-template-columns:1fr}.stats article{padding:15px 20px}.stats b{line-height:1.4}.stats b.word{line-height:2}.page-heading{display:block}.page-title{font-size:30px}.two-columns,.guide-grid,.subscription-grid{grid-template-columns:1fr}.empty-state{padding:22px;gap:14px}.panel{padding:22px}footer{display:block}.page-heading .badge{display:inline-block;margin-top:6px}}