*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d0c;color:#f3f5f3;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #232725;position:sticky;top:0;background:rgba(11,13,12,.94);backdrop-filter:blur(12px);z-index:10}.brand{font-weight:900;letter-spacing:.08em;font-size:22px}.brand span{color:#7cf56b}.topbar nav{display:flex;gap:28px;color:#aeb6b0;font-size:14px}.topbar nav a:hover{color:#fff}.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#173319 0,transparent 28%),linear-gradient(135deg,#0b0d0c,#111713)}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{position:relative;width:min(1120px,88vw);margin:auto}.eyebrow,.kicker{color:#7cf56b;font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(64px,9vw,132px);line-height:.87;margin:24px 0 30px;letter-spacing:-.055em;max-width:980px}.hero h1 span{color:#7cf56b}.lead{max-width:660px;color:#b6bdb8;font-size:20px;line-height:1.6}.actions{display:flex;gap:12px;margin:34px 0}.primary,.secondary{padding:15px 22px;border-radius:10px;border:1px solid #2b332d;font-weight:750;font-size:15px;cursor:pointer}.primary{background:#7cf56b;color:#081008;border-color:#7cf56b}.secondary{background:#141816}.server-card{margin-top:52px;max-width:660px;border:1px solid #293029;background:#101411;padding:20px 22px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.server-card small{display:block;color:#778079;font-size:10px;letter-spacing:.14em;margin-bottom:7px}.server-card strong{font-size:19px}.status{color:#f6c55f;font-size:13px}.status i{display:inline-block;width:8px;height:8px;background:#f6c55f;border-radius:99px;margin-right:6px}.section{width:min(1120px,88vw);margin:0 auto;padding:120px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;border-bottom:1px solid #242a26}.section h2,.join h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:18px 0}.split p{color:#aeb6b0;font-size:20px;line-height:1.7;align-self:end}.cards{width:min(1120px,88vw);margin:0 auto;padding:90px 0 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:#101411;border:1px solid #252c27;padding:32px;border-radius:16px;min-height:250px}.cards article span{color:#657067;font-size:12px}.cards h3{font-size:28px;margin:44px 0 12px}.cards p{color:#99a39b;line-height:1.6}.join{width:min(1120px,88vw);margin:0 auto 120px;background:#101411;border:1px solid #252c27;border-radius:20px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.join ol{list-style:none;margin:0;padding:0}.join li{padding:20px 0;border-bottom:1px solid #252c27;display:flex;gap:18px;color:#b6bdb8}.join li b{color:#7cf56b}.join code{color:#fff;background:#1b211d;padding:3px 7px;border-radius:5px}footer{padding:28px 6vw;border-top:1px solid #232725;color:#737d75;display:flex;justify-content:space-between;font-size:13px}.toast{position:fixed;right:24px;bottom:24px;background:#7cf56b;color:#081008;padding:12px 16px;border-radius:9px;font-weight:800;opacity:0;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:760px){.topbar nav{display:none}.hero{min-height:640px}.hero h1{font-size:58px}.lead{font-size:17px}.server-card{align-items:flex-start;gap:20px;flex-direction:column}.split,.join{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr}.section{padding:80px 0}.join{padding:30px}}