*{box-sizing:border-box}
body{
margin:0;background:#020202;color:#f5f5f5;
font-family:Arial,Helvetica,sans-serif;
overflow-x:hidden;
}
.grid{
position:fixed;inset:0;
background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
background-size:45px 45px;
pointer-events:none
}
header,section,footer{
max-width:1100px;margin:auto;padding:60px 25px;position:relative
}
header{text-align:center;padding-top:80px}
.logo{
width:min(850px,90vw);
filter:drop-shadow(0 0 25px #fff5)
}
.tag{
letter-spacing:12px;font-size:22px;margin:30px 0;color:#aaa
}
h1{
font-size:clamp(40px,7vw,90px);
letter-spacing:8px;
line-height:1;
}
h2{
letter-spacing:8px;border-bottom:1px solid #444;padding-bottom:20px
}
p{font-size:20px;line-height:1.7;color:#bbb}
.hero{max-width:850px;margin:30px auto}
.buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.btn{
padding:15px 25px;border:1px solid #fff;color:#fff;text-decoration:none;
letter-spacing:3px;transition:.3s
}
.btn:hover{background:#fff;color:#000}
.roadmap{
display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px
}
.roadmap div,.contract{
border:1px solid #333;padding:30px;background:#050505
}
.roadmap b{letter-spacing:4px}
.chart iframe{width:100%;height:600px;background:#000}
.hint{font-size:14px}
footer{text-align:center;color:#777}