*{box-sizing:border-box}
body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}
.topbar{position:fixed;top:0;left:0;right:0;height:64px;background:#000c;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:10}
.logo{font-size:22px;font-weight:900}
.links a{color:white;text-decoration:none;margin-left:18px;font-weight:800}
.buy,.green{background:#21c55d!important}
.hero{height:100vh;position:relative}
.hero img{width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000)}
.hero-content{position:absolute;bottom:60px;left:50px;z-index:2}
h1{font-size:clamp(55px,10vw,130px);margin:0;font-weight:900}
p{font-size:22px}
.buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}
.button{padding:15px 28px;background:#181818;border-radius:12px;color:white;text-decoration:none;font-weight:900}
.orange{background:#ff8500}
.ca-section,.story{text-align:center;padding:80px 20px}
.ca-box{display:flex;justify-content:center;gap:15px;align-items:center;flex-wrap:wrap;background:#111;padding:25px;border-radius:15px;max-width:800px;margin:auto;font-family:monospace}
.ca-box button{padding:12px 20px;border-radius:8px;border:0;font-weight:bold}
footer{text-align:center;padding:30px;color:#aaa}
@media(max-width:700px){.hero-content{left:20px;bottom:30px}.links a{margin-left:8px;font-size:12px}}