*{box-sizing:border-box}
html{background:#0b0d11;color:#e8eaed;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;background:radial-gradient(1100px 600px at 85% -10%,#0f3d24 0%,transparent 60%)}
a{color:#22c55e}
.w{max-width:1040px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:center;gap:12px;padding:22px 0}
nav img{width:34px;height:34px;border-radius:8px}
nav b{font-size:18px}
nav .r{margin-left:auto;font-size:15px;color:#a5abb5;text-decoration:none}
.hero{padding:70px 0 40px}
.k{color:#22c55e;font-weight:700;font-size:14px;letter-spacing:.6px;text-transform:uppercase}
h1{font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-1.5px;margin:14px 0 20px}
.lead{font-size:21px;line-height:1.5;color:#a5abb5;max-width:640px;margin:0 0 32px}
.btn{display:inline-block;background:#22c55e;color:#08130b;font-weight:800;font-size:17px;padding:15px 26px;border-radius:12px;text-decoration:none}
.sub{font-size:14px;color:#6b7280;margin-top:14px}
.shot{width:100%;border-radius:18px;border:1px solid #23262e;display:block;margin:30px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 70px}
.card{background:#12151b;border:1px solid #23262e;border-radius:16px;padding:24px}
.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:#a5abb5;line-height:1.5;font-size:16px}
h2{font-size:34px;letter-spacing:-.5px;margin:70px 0 10px}
footer{border-top:1px solid #1d2027;margin-top:60px;padding:28px 0 40px;color:#6b7280;font-size:14px;line-height:1.7}
footer a{color:#a5abb5}
.doc{max-width:720px;padding:30px 0 20px;font-size:17px;line-height:1.65;color:#c9ced6}
.doc h1{font-size:44px}.doc h2{font-size:24px;margin:34px 0 8px;color:#e8eaed}
@media(max-width:760px){.grid{grid-template-columns:1fr}}