*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.55}
a{color:#DDFF1A}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
header{display:flex;justify-content:space-between;align-items:center;padding:20px;max-width:1080px;margin:0 auto}
.logo{font-weight:800;letter-spacing:.35em;color:#fff;text-decoration:none}
nav a{color:#bbb;text-decoration:none;margin-left:18px;font-size:14px}
h1,h2{font-family:'Archivo Narrow',Impact,sans-serif;text-transform:uppercase;line-height:1.05;margin:0 0 12px}
h1{font-size:clamp(42px,8vw,76px)}h1 span{color:#DDFF1A;display:block}
.hero{background:radial-gradient(ellipse at top,#3f4a07 0%,#000 60%);text-align:center;padding:40px 20px 20px}
.hero p{color:#cfcfd4;max-width:560px;margin:0 auto 28px;font-size:18px}
.btn{display:inline-block;background:#DDFF1A;color:#000;font-weight:700;padding:14px 26px;border-radius:12px;text-decoration:none}
.shots{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:40px 20px}
.shots img{width:min(260px,44vw);border-radius:22px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1080px;margin:0 auto;padding:0 20px 40px}
.card{background:#111114;border:1px solid #232326;border-radius:18px;padding:20px}.card h3{margin:0 0 6px}.card p{margin:0;color:#aaa}
footer{border-top:1px solid #1d1d20;color:#777;font-size:14px;text-align:center;padding:28px 20px}
footer a{color:#aaa;margin:0 10px}
.doc h2{font-size:22px;margin-top:28px;color:#DDFF1A}.doc p{color:#d0d0d6}.muted{color:#888}