@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#edf1f5;color:#111;font-family:"Space Grotesk",sans-serif}
header{padding:25px 7%;display:flex;justify-content:space-between;align-items:center}
.badge{background:#111;color:white;padding:10px 18px;border-radius:30px;font-weight:700}
.x-link{width:45px;height:45px;border-radius:50%;background:#111;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:700}
.hero{max-width:1200px;margin:auto;padding:40px 7%;display:flex;align-items:center;gap:50px}
.text{flex:1}
label{letter-spacing:3px;font-size:12px}
h1{font-size:90px;line-height:.85;margin:20px 0}
.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}
.buttons a{background:#111;color:#fff;text-decoration:none;padding:14px 20px;border-radius:15px}
.ca{background:#fff;border:2px solid #111;border-radius:20px;padding:18px;word-break:break-all}
.image{flex:1;text-align:center}
.image img{width:min(100%,450px);border-radius:30px;animation:float 4s infinite ease-in-out}
.info{max-width:1200px;margin:auto;padding:20px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info div{background:#fff;border:2px solid #111;border-radius:20px;padding:20px}
@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:800px){.hero{flex-direction:column}h1{font-size:60px}.info{grid-template-columns:1fr}}