:root{
  --bg:#ffffff;           /* page background */
  --fg:#000000;           /* text color */
  --max-logo-width:888px; /* desktop cap */
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  display:flex;
  align-items:center;      
  justify-content:center;  
}

.main{
  width:100%;
  max-width:min(90vw, var(--max-logo-width));
  padding:6vmin 4vmin;
  text-align:center;
}

.logo{
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  image-rendering:-webkit-optimize-contrast;
}

.coming-soon{
  margin-top:1.1rem;
  font-size:1.15rem;
  letter-spacing:1.55px;
  font-weight:500;
  color:#333;
}

/* 📱 Mobile tuning */
@media (max-width: 888px){
  :root{ --max-logo-width: 555vw; }
  .coming-soon{
    margin-top:.6rem;      
    font-size:.55rem;       /* much smaller */
    letter-spacing:.77px;     
    font-weight:400;
  }
}