*{box-sizing:border-box}body{margin:0;background:#0A0A0A;color:#EDEDED;font:17px/1.6 -apple-system,"SF Pro Text",Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 80px}a{color:#D4FF3A}h1{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:24px 0 8px}
h2{font-size:21px;margin:36px 0 8px}.muted{color:#9a9a9a;font-size:15px}nav{display:flex;gap:18px;font-size:15px}nav a{color:#EDEDED;text-decoration:none}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#fff;text-decoration:none}.logo img{width:36px;height:36px;border-radius:9px}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer{margin-top:64px;color:#777;font-size:14px}
.btn{display:inline-block;background:#D4FF3A;color:#000;font-weight:700;padding:14px 26px;border-radius:999px;text-decoration:none;margin-top:20px}.soon{display:inline-flex;align-items:center;gap:10px;margin-top:36px;background:#D4FF3A;color:#000;font-weight:700;font-size:15px;padding:9px 16px;border-radius:999px}
.soon .dot{width:9px;height:9px;border-radius:50%;background:#000;animation:p 1.6s infinite}@keyframes p{50%{opacity:.25}}
.hero{display:flex;gap:40px;align-items:center;margin-top:8px}.hero .copy{flex:1}.feat{padding-left:20px;color:#cfcfcf}
.shot{width:260px;border-radius:36px;border:8px solid #1d1d1f;box-shadow:0 30px 60px rgba(0,0,0,.5)}
@media(max-width:640px){.hero{flex-direction:column}.shot{width:220px}}