@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:#000}
body{min-height:100vh;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hero{min-height:100vh;width:100%;display:grid;place-items:center;background:#000;padding:48px 22px}
.content{width:min(820px,100%);text-align:center}
.launch-title{display:flex;flex-direction:column;align-items:center;gap:24px}
.main-logo{width:clamp(105px,14vw,175px);height:auto;display:block}
h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.95;letter-spacing:-.07em;font-weight:800;color:#ff0000}
.description{max-width:610px;margin:30px auto 0;color:#8f8f8f;font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.75}
.release-date{margin-top:22px;color:#e8e8e8;font-size:.94rem;font-weight:650}
.countdown{width:min(680px,100%);margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.countdown>div{padding:20px 10px}
.countdown strong{display:block;font-size:clamp(1.85rem,4vw,2.8rem);line-height:1;letter-spacing:-.055em}
.countdown span{display:block;margin-top:10px;color:#626262;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}
@media(max-width:640px){.hero{padding:38px 18px}.countdown{grid-template-columns:repeat(2,1fr)}}