:root{--ink:#121816;--paper:#f4f2eb;--lime:#c9ff43;--green:#183c2e;--line:#d5d5cb;--muted:#69716d}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:#508700}.ghost,.switch{border:0;background:none;padding:11px 17px;font-weight:700;cursor:pointer}.hero{min-height:650px;padding:9vh max(7vw,24px);display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#55715f}.hero h1,.dash-head h1{font-size:clamp(48px,7vw,92px);line-height:.93;letter-spacing:-5px;margin:18px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#426b52}.lead{font-size:19px;max-width:650px;color:#535d58;margin:30px 0}.primary{border:0;background:var(--ink);color:white;padding:17px 22px;font-weight:800;cursor:pointer;border-radius:3px}.primary span{color:var(--lime);margin-left:30px}.network-card{background:var(--green);color:white;padding:34px;box-shadow:20px 20px 0 var(--lime);position:relative}.network-card>p{letter-spacing:2px;font-size:12px}.pulse{width:9px;height:9px;background:var(--lime);border-radius:50%;position:absolute;right:32px;top:38px;box-shadow:0 0 0 7px #c9ff4322}.route{display:grid;grid-template-columns:52px 1fr auto;align-items:center;margin:40px 0}.route b{grid-row:1/3;font-size:28px}.route span{height:1px;background:#ffffff45}.route small{padding-left:13px}.route i{grid-column:2/4;font-size:11px;color:var(--lime);font-style:normal;margin-top:5px}.network-card footer{border-top:1px solid #ffffff33;padding-top:20px;font-size:12px;color:#bbc9bf}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:50px max(4vw,24px);border-right:1px solid var(--line)}.steps b{color:#61943e}.steps h3{font-size:24px;margin:30px 0 10px}.steps p,.muted{color:var(--muted)}
dialog{border:0;padding:42px;width:min(460px,90vw);background:#fff;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#101813aa}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}dialog h2{font-size:36px;margin:10px 0 25px}label{display:block;font-weight:700;margin:15px 0}input{display:block;width:100%;padding:14px;border:1px solid var(--line);background:white;margin-top:6px;font:inherit}.error{min-height:24px;color:#a32626}.switch{width:100%;color:#55715f}
.dashboard{max-width:1180px;margin:auto;padding:60px 24px}.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.dash-head h1{font-size:62px}.status{padding:10px 16px;background:var(--lime);font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);padding:28px;margin-bottom:20px}.panel h2{margin-top:0}.subscription h2{font-size:35px}.link-box{display:flex;margin:32px 0}.link-box input{margin:0;background:#f5f5f1}.link-box button{border:0;background:var(--lime);font-weight:800}.qr{text-align:center}.qr img{width:180px;max-width:100%}.payments>div,.user-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats article{background:var(--green);color:white;padding:25px}.stats strong{font-size:38px;display:block}.table-head{display:flex;align-items:center;justify-content:space-between}.table-head input{width:300px}.user-row{grid-template-columns:1fr auto auto auto;align-items:center}.user-row button{padding:8px;border:1px solid var(--line);background:white;cursor:pointer}
@media(max-width:750px){.hero{grid-template-columns:1fr;padding-top:60px}.network-card{box-shadow:10px 10px 0 var(--lime)}.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid var(--line)}.dashboard-grid{grid-template-columns:1fr}.dash-head{align-items:start;flex-direction:column}.dash-head h1{font-size:46px;letter-spacing:-3px}.stats{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.table-head{align-items:start;flex-direction:column}.table-head input{width:100%}}
.user-row{grid-template-columns:1fr auto auto auto auto}.user-row small{display:block;color:var(--muted)}.server-form{display:grid;grid-template-columns:.5fr 1fr 1.5fr .5fr auto;gap:10px}.server-form input{margin:0}
@media(max-width:750px){.server-form{grid-template-columns:1fr 1fr}}